미소녀 게임 제작을 위한 live2d 사용기
TRANSCRIPT
![Page 1: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/1.jpg)
![Page 2: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/2.jpg)
미소녀게임제작을위한사용기
신시로드 신동림
![Page 3: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/3.jpg)
발표자
•게임제작특성화고등학교
•산업기능요원 출신
•임금체불경험有
•출퇴근경력 년
•집에서일한경력 년
•현재신시로드책임기술자
![Page 4: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/4.jpg)
포션 메이커
•본격약파는게임
••
•
![Page 5: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/5.jpg)
목차
•
•
•
•
•
![Page 6: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/6.jpg)
![Page 7: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/7.jpg)
일본의 흔한 기술력
![Page 8: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/8.jpg)
•일러스트를있는그대로입체적으로 움직일수있게만드는기술
•정점 애니메이션에특화되어있는라이브러리
![Page 9: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/9.jpg)
•내부원리는와비슷함
•고정애니메이션에최적화됨
•성인게임사용사례있음
•일본어전용
![Page 10: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/10.jpg)
•레이어단위가아닌통이미지로작업
•표정표현에최적화
•세세한조정보다는편리함에초점
![Page 11: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/11.jpg)
왜
• 라이선스가필요하지않음
•자유도가높음
•비교적풍부한참고자료
• 이하매출일때는 무료
•자세한라이선스정보••
![Page 12: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/12.jpg)
다운로드
•
•에디터는바로다운로드가능
• 는따로신청서를작성해야함
•신청서는영어 일본어지원함
•신청서를보내면잠시후 를다운로드받을수있는 이메일로도착함
![Page 13: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/13.jpg)
• 는개발사의이름
•포괄적인의미
•보통은
• 사의다른제품 들과구분
![Page 14: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/14.jpg)
![Page 15: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/15.jpg)
미소녀를 준비합니다
•레이어를많이나눔
•가려진부분도애니메이션중노출될수있으므로그림
•레이어이름은영어로하는편이좋음
![Page 16: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/16.jpg)
• 를임포트하면레이어들이텍스쳐에배치됨
• 도 자동으로생성
• 는 편집가능
![Page 17: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/17.jpg)
• 와 등을나눔
•모델링작업
•파라미터정리
•
![Page 18: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/18.jpg)
•시간에따른파라미터변화를처리
•그냥평범한애니메이션툴들과비슷함
•
![Page 19: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/19.jpg)
•립씽크 눈깜빡임 포즈등을설정
•필수도구는아님
•
![Page 20: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/20.jpg)
JSON
![Page 21: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/21.jpg)
• 에복사•
•
•
•
•
•• 뒤에 를붙여줌
![Page 22: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/22.jpg)
• 는 환경에맞게설정변경
![Page 23: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/23.jpg)
![Page 24: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/24.jpg)
![Page 25: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/25.jpg)
![Page 26: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/26.jpg)
![Page 27: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/27.jpg)
![Page 28: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/28.jpg)
•움직임을수치화
•런타임에조작할수있는값
•모션도결국
![Page 29: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/29.jpg)
![Page 30: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/30.jpg)
![Page 31: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/31.jpg)
• 메시
•최소렌더링단위
•정점단위조작가능
• 변환가능
•계층구조에서
![Page 32: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/32.jpg)
•계층구조
•부모의변형정보를상속
• 을자식으로둘수있음
•곡면디포머• 우측참조
•회전디포머• 회전전용
![Page 33: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/33.jpg)
•계층구조
•부모의변형정보를상속
• 을자식으로둘수있음
•곡면디포머• 우측참조
•회전디포머• 회전전용
![Page 34: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/34.jpg)
•순수 으로재작성됨
• 와는 연동되지않음
• 시점에 함• 는카메라수만큼호출되기때문에중복렌더링주의 레이어확인권장
![Page 35: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/35.jpg)
•• 필수구현부
• 으로작성됨
• 난독화되어있음
![Page 36: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/36.jpg)
•유틸리티클래스
•공식예제들에서 적극적으로활용함
• 에는 관련파일에 를붙여주는도구가있음
![Page 37: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/37.jpg)
쓰면 안되는 곳
•도트캐릭터
•작은스프라이트
•역동적인애니메이션이필요한경우
•관절애니메이션만 필요한경우
![Page 38: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/38.jpg)
![Page 39: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/39.jpg)
눈 깜빡임
•프로그래머가 해야할일은상황에맞게파라미터를조정하는것
•미리정의된강제적인규약은없음
•파라미터이름 값의범위는아티스트와잘상의할것
![Page 40: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/40.jpg)
눈 깜빡임
![Page 41: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/41.jpg)
눈 깜빡임
![Page 42: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/42.jpg)
립싱크 녹음된 음성
![Page 43: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/43.jpg)
립싱크 마이크
![Page 44: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/44.jpg)
전체 반투명
• 모델 와마찬가지로겹치는부분에대한문제가발생
![Page 45: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/45.jpg)
전체 반투명
•
• 에모델을그림
• 객체를만듬
• 의투명도를설정
•자세한구현은참조
![Page 46: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/46.jpg)
의상 변경
•일명텍스쳐바꿔치기
•
•텍스쳐에 메시를넉넉하게편집
•원본의상텍스쳐에새의상의레이어들을자리에맞게재배치
•모델링새로잡는것보단편리함
![Page 47: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/47.jpg)
의상 변경
![Page 48: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/48.jpg)
만화 표정
•계단보간
•파라미터키별로을켜고끔
•모션간에서엉킬수있음
••
•
![Page 49: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/49.jpg)
만화 표정
![Page 50: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/50.jpg)
성능 측정
•
•
•
• 명
• 명
• 명
![Page 51: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/51.jpg)
성능 측정 약간의 최적화
• 명
• 명
• 명
•텍스쳐줄이기
•업데이트빈도낮춤
•중복렌더링주의
![Page 52: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/52.jpg)
정리
• 는마법의기술이아님• 정점애니메이션라이브러리
• 상황에맞는파라미터조작
•약간의노가다로게임의품질을극대화시킬수있음
•중요한부분에서만사용하는것을추천
![Page 54: 미소녀 게임 제작을 위한 Live2D 사용기](https://reader034.vdocuments.net/reader034/viewer/2022042508/55c85139bb61ebcd458b45b9/html5/thumbnails/54.jpg)