데브루키 2015.05.23 발표자료

1. Live2D그녀들을 움직이게 하는 기술
초중급 게임 개발자 스터디 데브루키
알콜코더(박민근)
2015.5.23

2. 본 내용은 [Unite2015] 신동림_미소녀 게임 제작을 위한
Live2D 사용기를 참고 자료로 제작 되었습니다.
유튜브의 동영상이 다수 포함 되어 있습니다.

3. • Live2D란?
• Live2D를 적용한 게임들 (국내/국외)
• Live2D Workflow
• Live2D를 Unity에서 사용하기
• Live2D 장단점

4. Live2D

7. Live2D
2D 일러스트를 있는 그대로, 입체적으로 움직일 수 있게 만드는 기술
CEDEC 2012에 Cybernoids가 발표

11. Live2D
2D 일러스트 -> Vertex Animation을 제작할 수 있는 라이브러리와 툴
Modeler, Animator, Viewer, SDK

12. Live2D 기능
2D 일러스트를 있는 그대로 3D 평면 Mesh로 변환
변환된 Mesh의 Vertex Animation
터치 위치등에 반응하는 Reactive Animation 제작 가능
미리 정의된 파라미터(눈, 입, etc…)로 표정 애니메이션 제작
Auto – LipSync
멀티 플랫폼 지원

15. 사용 사례
Showcase

22. http://www.live2d.com/en/showcase

23. Live2D 채용사례

24. Live2D 라이센스
인디 게임, 학생에게는 무료
1억 이하 매출에서는 무료
Unity3D Pro 라이선스가 필요하지 않음

25. Live2D Download
http://www.live2d.com/download

26. Live2D SDK

27. 대응 플랫폼

28. vs
2D -> 3D Mesh 변환하여 애니메이션 한다는 개념은 같다
Spine은 Bone Animation, Live2D는 Vertex Animation
본 애니메이션으로 미세한 2D 느낌의 애니메이션은 어려움
성능은 Live2D가 더 비싸다

29. Spine vs Live2D
VS
공식 홈피의 소개 페이지에 있는 이미지들이라능…
개인 취향 때문에 악의적 폅집 아니라능…

30. Live2D Euclid
현재 개발 중인 기술
2D를 3D 월드에서 360도 각도에서 볼 수 있는 기술
하지만…360도에서 보이는 이미지들을 전부 미리 만들어둬야 한다.
이걸로 만들바에 그냥 3D 모델로 만드는게 차라리 나을지도

32. 사례 : E-Book에 Live2D 활용
이노우에 다케히코가 그린 E-Book
(슬램덩크, 베가본드)

33. Live2D
Workflow

34. Live2D == Cubism
Cubism
Modeler
•2D 일러스트를
Polygon Model
로 제작
•*.moc
Cubism
Animator
•파라미터 조정
•애니메이션 제작
•*.mtn
Cubism
Viewer
•Model view
•Anim 설정
•*.json
Cubism
SDK
•Unity
•IOS/Android
•Etc

35. Live2D 데이터 제작

41. *.mtn : Animator Motion Data

43. *.json : 표정 표현, 애니메이션 세팅

46. Live2D in Unity3D
참고로 저희는 자체 엔진이라 C++로 DirectX, OpenGLES로 씁니다. ㅠ.ㅠ

50. 자세한 내용은 이 PT로 대체
http://www.slideshare.net/dongrimshin/live2d-
48240587?qid=d62c83a7-d8ba-46d8-9e51-
c2fac9956728&v=default&b=&from_search=1

51. 반투명 렌더링 문제

52. 해결법 – RenderTexture 사용

56. Live2D in AfterEffect

58. 퍼포먼스

61. (개발중인)우리 게임의 경우
폴리곤 평균 2000개 이상, 버텍스 평균 1500개 이상
모두 초고고퀄리티의 캐릭터들

62. 최적화 이전
•1캐릭터
60FPS
•5캐릭터
40FPS
이하
최적화 이후
•1캐릭터
60FPS
•5캐릭터
60FPS
유지
C++, OpenGLES 1.0, 갤럭시 S3
배치 렌더링 구현
Vertex 렌더링 부분 연산 최적화
Vertex Buffer 복사 부분 최적화
RenderState 최적화

63. Live2D장단점

64. Live2D 장점
무료로 사용해 볼 수 있다.
Unity3D용 플러그인과 라이브러리 제공
게임에 적용하기 쉽다.
참고자료 의외로 많음

65. Live2D 단점
•단순한 애니메이션은 쉽게 가능한것처럼 보임
•고퀄의 애니메이션을 제작하기 위해서는 상당한 아트 노가다가 필요
•사례) 고퀄의 애니메이션 제작 1캐릭터/5일
제작 비용이 크다
•내부 라이브러리의 최적화가 미흡
•C++ 라이브러리의 경우 Batch Rendering이 없었음 -> 직접 구현하여 해결
•Vertex Animation을 CPU만의 연산으로 처리 (GPU 사용 안함)
성능 비용이 크다

66. 참고자료
• Live2D 홈페이지 : http://www.live2d.com/en(일본어/영어)
• 미소녀 게임 제작을 위한 Live2D 사용기(신동림) http://www.slideshare.net/dongrimshin/live2d-48240587
• Live2D 유튜브 채널 https://www.youtube.com/channel/UC5VA_JhIYLw4d-pd-XZ5gnw