Live2D 그녀들을 움직이게 하는 기술

초중급 게임 개발자 스터디 데브루키알콜코더(박민근)2015.5.23

본 내용은 [Unite2015] 신동림_미소녀 게임 제작을 위한Live2D 사용기를 참고 자료로 제작 되었습니다.

유튜브의 동영상이 다수 포함 되어 있습니다.

• Live2D란?

• Live2D를 적용한 게임들 (국내/국외)

• Live2D Workflow

• Live2D를 Unity에서 사용하기

• Live2D 장단점

Live2D

Live2D

2D 일러스트를 있는 그대로, 입체적으로 움직일 수 있게 만드는 기술

CEDEC 2012에 Cybernoids가 발표

Live2D

2D 일러스트 -> Vertex Animation을 제작할 수 있는 라이브러리와 툴

Modeler, Animator, Viewer, SDK

Live2D 기능

2D 일러스트를 있는 그대로 3D 평면 Mesh로 변환

변환된 Mesh의 Vertex Animation

터치 위치등에 반응하는 Reactive Animation 제작 가능

미리 정의된 파라미터(눈, 입, etc…)로 표정 애니메이션 제작

Auto – LipSync

멀티 플랫폼 지원

사용 사례Showcase

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

Live2D 채용사례

Live2D 라이센스

인디 게임, 학생에게는 무료

1억 이하 매출에서는 무료

Unity3D Pro 라이선스가 필요하지 않음

Live2D Downloadhttp://www.live2d.com/download

Live2D SDK

대응 플랫폼

vs

2D -> 3D Mesh 변환하여 애니메이션 한다는 개념은 같다

Spine은 Bone Animation, Live2D는 Vertex Animation

본 애니메이션으로 미세한 2D 느낌의 애니메이션은 어려움

성능은 Live2D가 더 비싸다

Spine vs Live2D

VS

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

Live2D Euclid

현재 개발 중인 기술

2D를 3D 월드에서 360도 각도에서 볼 수 있는 기술

하지만…360도에서 보이는 이미지들을 전부 미리 만들어둬야 한다.

이걸로 만들바에 그냥 3D 모델로 만드는게 차라리 나을지도

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

Live2D Workflow

Live2D == Cubism

Cubism

Modeler

•2D 일러스트를

Polygon Model

로 제작

•*.moc

Cubism

Animator

•파라미터 조정

•애니메이션 제작

•*.mtn

Cubism

Viewer

•Model view

•Anim 설정

•*.json

Cubism

SDK

•Unity

•IOS/Android

•Etc

Live2D 데이터 제작

*.mtn : Animator Motion Data

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

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

자세한 내용은 이 PT로 대체

http://www.slideshare.net/dongrimshin/live2d-48240587?qid=d62c83a7-d8ba-46d8-9e51-c2fac9956728&v=default&b=&from_search=1

반투명 렌더링 문제

해결법 – RenderTexture 사용

Live2D in AfterEffect

퍼포먼스

(개발중인)우리 게임의 경우

폴리곤 평균 2000개 이상, 버텍스 평균 1500개 이상모두 초고고퀄리티의 캐릭터들

최적화 이전

•1캐릭터

60FPS

•5캐릭터

40FPS

이하

최적화 이후

•1캐릭터

60FPS

•5캐릭터

60FPS

유지

C++, OpenGLES 1.0, 갤럭시 S3

배치 렌더링 구현

Vertex 렌더링 부분 연산 최적화

Vertex Buffer 복사 부분 최적화

RenderState 최적화

Live2D장단점

Live2D 장점

무료로 사용해 볼 수 있다.

Unity3D용 플러그인과 라이브러리 제공

게임에 적용하기 쉽다.

참고자료 의외로 많음

Live2D 단점

•단순한 애니메이션은 쉽게 가능한것처럼 보임

•고퀄의 애니메이션을 제작하기 위해서는 상당한 아트 노가다가 필요

•사례) 고퀄의 애니메이션 제작 1캐릭터/5일

제작 비용이 크다

•내부 라이브러리의 최적화가 미흡

•C++ 라이브러리의 경우 Batch Rendering이 없었음 -> 직접 구현하여 해결

•Vertex Animation을 CPU만의 연산으로 처리 (GPU 사용 안함)

성능 비용이 크다

참고자료

• Live2D 홈페이지 : http://www.live2d.com/en(일본어/영어)

• 미소녀 게임 제작을 위한 Live2D 사용기(신동림) http://www.slideshare.net/dongrimshin/live2d-48240587

• Live2D 유튜브 채널 https://www.youtube.com/channel/UC5VA_JhIYLw4d-pd-XZ5gnw