Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
with UNITY
그녀들을 움직이게 하는 기술
알콜코더 박민근(@agebreak)
게임 클라이언트 프로그래머
유니티 마스터
‘신입 게임 개발자의 서울 상경기’
(http://agebreak.blog.me)
‘초중급 게임 개발자 스터디 (데브루키)’
(cafe.nav...
본 내용은 [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 제작 가능
미리 정의된 파라미터(눈, 입...
사용 사례
Showcase
http://www.live2d.com/en/showcase
Live2D 채용사례
Live2D 라이센스
인디 게임, 학생에게는 무료
1억 이하 매출에서는 무료
Unity3D Pro 라이선스가 필요하지 않음
Live2D Download
http://www.live2d.com/download
Live2D SDK
대응 플랫폼
vs
2D -> 3D Mesh 변환하여 애니메이션 한다는 개념은 같다
Spine은 Bone Animation, Live2D는 Vertex Animation
본 애니메이션으로 미세한 2D 느낌의 애니메이션은 어려움
성능은...
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
Viewe...
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=defaul...
반투명 렌더링 문제
해결법 – RenderTexture 사용
Live2D in AfterEffect
퍼포먼스
데스티니 차일드의 경우
폴리곤 평균 2000개 이상, 버텍스 평균 1500개 이상
모두 초고고퀄리티의 캐릭터들
최적화 이전
•1캐릭터
60FPS
•5캐릭터
40FPS
이하
최적화 이후
•1캐릭터
60FPS
•5캐릭터
60FPS
유지
C++, OpenGLES 1.0, 갤럭시 S3
배치 렌더링 구현
Vertex 렌더링 부분 연산 최...
Live2D장단점
Live2D 장점
무료로 사용해 볼 수 있다.
Unity3D용 플러그인과 라이브러리 제공
게임에 적용하기 쉽다.
참고자료 의외로 많음
Live2D 단점
•단순한 애니메이션은 쉽게 가능한것처럼 보임
•고퀄의 애니메이션을 제작하기 위해서는 상당한 아트 노가다가 필요
•사례) 고퀄의 애니메이션 제작 1캐릭터/5일
제작 비용이 크다
•내부 라이브러리의 최적화...
참고자료
• Live2D 홈페이지 : http://www.live2d.com/en(일본어/영어)
• 미소녀 게임 제작을 위한 Live2D 사용기(신동림) http://www.slideshare.net/dongrimshi...
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)
Upcoming SlideShare
Loading in …5
×

Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)

1,922 views

Published on

유니티 로드쇼 2017
Live2D with Unity
그녀들을 움직이게 하는 기술
알콜코더
박민근

Published in: Software
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ..................................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookeBOOK Crime, eeBOOK Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Live2D with Unity - 그녀들을 움직이게 하는 기술 (알콜코더 박민근)

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

×