[150523] live2d 그녀들을 움직이게 하는 기술

17,026 views

Published on

데브루키 2015.05.23 발표자료

Published in: Software
0 Comments
63 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
17,026
On SlideShare
0
From Embeds
0
Number of Embeds
2,653
Actions
Shares
0
Downloads
109
Comments
0
Likes
63
Embeds 0
No embeds

No notes for slide

[150523] live2d 그녀들을 움직이게 하는 기술

  1. 1. Live2D그녀들을 움직이게 하는 기술 초중급 게임 개발자 스터디 데브루키 알콜코더(박민근) 2015.5.23
  2. 2. 본 내용은 [Unite2015] 신동림_미소녀 게임 제작을 위한 Live2D 사용기를 참고 자료로 제작 되었습니다. 유튜브의 동영상이 다수 포함 되어 있습니다.
  3. 3. • Live2D란? • Live2D를 적용한 게임들 (국내/국외) • Live2D Workflow • Live2D를 Unity에서 사용하기 • Live2D 장단점
  4. 4. Live2D
  5. 5. Live2D 2D 일러스트를 있는 그대로, 입체적으로 움직일 수 있게 만드는 기술 CEDEC 2012에 Cybernoids가 발표
  6. 6. Live2D 2D 일러스트 -> Vertex Animation을 제작할 수 있는 라이브러리와 툴 Modeler, Animator, Viewer, SDK
  7. 7. Live2D 기능 2D 일러스트를 있는 그대로 3D 평면 Mesh로 변환 변환된 Mesh의 Vertex Animation 터치 위치등에 반응하는 Reactive Animation 제작 가능 미리 정의된 파라미터(눈, 입, etc…)로 표정 애니메이션 제작 Auto – LipSync 멀티 플랫폼 지원
  8. 8. 사용 사례 Showcase
  9. 9. http://www.live2d.com/en/showcase
  10. 10. Live2D 채용사례
  11. 11. Live2D 라이센스 인디 게임, 학생에게는 무료 1억 이하 매출에서는 무료 Unity3D Pro 라이선스가 필요하지 않음
  12. 12. Live2D Download http://www.live2d.com/download
  13. 13. Live2D SDK
  14. 14. 대응 플랫폼
  15. 15. vs 2D -> 3D Mesh 변환하여 애니메이션 한다는 개념은 같다 Spine은 Bone Animation, Live2D는 Vertex Animation 본 애니메이션으로 미세한 2D 느낌의 애니메이션은 어려움 성능은 Live2D가 더 비싸다
  16. 16. Spine vs Live2D VS 공식 홈피의 소개 페이지에 있는 이미지들이라능… 개인 취향 때문에 악의적 폅집 아니라능…
  17. 17. Live2D Euclid 현재 개발 중인 기술 2D를 3D 월드에서 360도 각도에서 볼 수 있는 기술 하지만…360도에서 보이는 이미지들을 전부 미리 만들어둬야 한다. 이걸로 만들바에 그냥 3D 모델로 만드는게 차라리 나을지도
  18. 18. 사례 : E-Book에 Live2D 활용 이노우에 다케히코가 그린 E-Book (슬램덩크, 베가본드)
  19. 19. Live2D Workflow
  20. 20. Live2D == Cubism Cubism Modeler •2D 일러스트를 Polygon Model 로 제작 •*.moc Cubism Animator •파라미터 조정 •애니메이션 제작 •*.mtn Cubism Viewer •Model view •Anim 설정 •*.json Cubism SDK •Unity •IOS/Android •Etc
  21. 21. Live2D 데이터 제작
  22. 22. *.mtn : Animator Motion Data
  23. 23. *.json : 표정 표현, 애니메이션 세팅
  24. 24. Live2D in Unity3D 참고로 저희는 자체 엔진이라 C++로 DirectX, OpenGLES로 씁니다. ㅠ.ㅠ
  25. 25. 자세한 내용은 이 PT로 대체 http://www.slideshare.net/dongrimshin/live2d- 48240587?qid=d62c83a7-d8ba-46d8-9e51- c2fac9956728&v=default&b=&from_search=1
  26. 26. 반투명 렌더링 문제
  27. 27. 해결법 – RenderTexture 사용
  28. 28. Live2D in AfterEffect
  29. 29. 퍼포먼스
  30. 30. (개발중인)우리 게임의 경우 폴리곤 평균 2000개 이상, 버텍스 평균 1500개 이상 모두 초고고퀄리티의 캐릭터들
  31. 31. 최적화 이전 •1캐릭터 60FPS •5캐릭터 40FPS 이하 최적화 이후 •1캐릭터 60FPS •5캐릭터 60FPS 유지 C++, OpenGLES 1.0, 갤럭시 S3 배치 렌더링 구현 Vertex 렌더링 부분 연산 최적화 Vertex Buffer 복사 부분 최적화 RenderState 최적화
  32. 32. Live2D장단점
  33. 33. Live2D 장점 무료로 사용해 볼 수 있다. Unity3D용 플러그인과 라이브러리 제공 게임에 적용하기 쉽다. 참고자료 의외로 많음
  34. 34. Live2D 단점 •단순한 애니메이션은 쉽게 가능한것처럼 보임 •고퀄의 애니메이션을 제작하기 위해서는 상당한 아트 노가다가 필요 •사례) 고퀄의 애니메이션 제작 1캐릭터/5일 제작 비용이 크다 •내부 라이브러리의 최적화가 미흡 •C++ 라이브러리의 경우 Batch Rendering이 없었음 -> 직접 구현하여 해결 •Vertex Animation을 CPU만의 연산으로 처리 (GPU 사용 안함) 성능 비용이 크다
  35. 35. 참고자료 • Live2D 홈페이지 : http://www.live2d.com/en(일본어/영어) • 미소녀 게임 제작을 위한 Live2D 사용기(신동림) http://www.slideshare.net/dongrimshin/live2d-48240587 • Live2D 유튜브 채널 https://www.youtube.com/channel/UC5VA_JhIYLw4d-pd-XZ5gnw

×