매일 한알의 마늘처럼 하나의 미션 수행!
동굴뛰쳐나가지 않고 매일 하나의 마늘을 먹기!!!
게임이나 VR, AR 에 유니티가 언리얼과 같이 많이 사용된다고 듣긴 했지만 나와는 관계없는 프로그램 같았습니다. 그러다가 우연한 계기로 게임 디자인을 하면서 유니티에 관심이 생겼습니다.
자바스크립트가 유니티와 연동된다고 하니, 유니티가 매력있게 다가왔습니다. 유니티까지 활용한다면 작업 영역의 확장 뿐만 아니라 재미있는 콘텐츠를 제작할수 있겠다는 가능성이 보였습니다.
내가 기획하고, 디자인하고, 개발까지 하여 하나의 게임 앱을 만들수가 있다니! 얼마나 달콤한 유혹인지 모릅니다. 물론 수 많은 산을 넘고 에러를 넘고, 오류를 넘어야 하는 것은 각오를 해야 합니다. 그럼에도 불구하고 무척 매력적 입니다. 인고의 시간을 지나면 나는 상상력을 구현할수 있는 하나의 툴을, 도구를 장착할수 있는 것입니다. 아!이!언!맨! 처럼 말이지요!!!
카카오프로젝트 100은 게으른 저를 동기부여해 줍니다. 당장 통장에 계좌가 찍히는 일은 열심히 하게 되지만, 새로운것을 공부할 때는 의지가 참 약해지고 용두사미가 됩니다. 그런 의미에서 카카오프로젝트 100은 100일동안 의지를 불태울수 있는 작은 동기가 됩니다. 카카오프로젝트 시즌1에서는 자바스크립트 기초를 정리했습니다.
시즌 2에서는 새로운 공부를 도전합니다. 바로 유!니!티!
여러분 생각은 어떤가요?
오늘은 지난시간까지 준비한 초간단 게임을 실제로 게임으로 런칭할 수 있게 소스를 수정해보도록 합니다. 캐릭터는 에셋스토어에서 다운받은것이긴 하지만 제가 만든것이 아니니.. 수정해야지요^^
저는 달리는 귀여운 캐릭터 대신 꽃게를 하기로 했습니다. 이 리서치 과정은 몇주전 부터 조금씩 해왔습니다. 이때는 “꽃게” 키워드를 바탕으로 검색했습니다.
관련 글은 아래를 참고하세요.^^
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3807922&t=board
리처치한 결과물을 바탕으로 일단 가볍게 스케치도 해보았습니다.
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3812645&t=board
좀 더 꽃게를 자세히 관찰하기 위해 이번에는 실사 이미지를 바탕으로 관찰하고 드로잉을 했습니다.
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3814848&t=board
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3817497&t=board
어느정도 드로잉이 마무리된 후, 이번에는 애니메이션을 고려하여 리서치를 진행했습니다. “crab animation gif” 키워드로 검색했습니다.
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3822930&t=board
꽃게 gif 이미지를 포토샵에서 열고 키프레임을 분석도 해봅니다.
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3827848&t=board
꽃게 애니메이션을 고려하면서 다시 캐릭터 스케치를 합니다.
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3837945&t=board
대략 이런식으로 좀 더 드로잉을 진행했습니다. 주변의 사물들도 추가로 그려줍니다.
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3843273&t=board
https://engedicampus.com/illust/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=view&idx=3848397&t=board
이제 디지털 작업 들어갑니다. 유니티 에셋으로 가져와야 하니까요^^
지난시간에 임시로 만든 파일로 이전에 받아 두었던 에셋을 임포트합니다. 캐릭터 분석을 위해서지요~
유니티로 임포트한 소스를 뒤적거려보면 이렇게 ai 원본 파일을 찾을 수 있습니다. 제 꽃게도 이렇게 분리해서 제작해야 합니다. 캐릭터의 소스가 분리되어야 다음과 같은 애니메이션 파일을 제작할 수 있습니다. 보통 이러한 애니메이션은 플래시로 만드는 것이 편합니다. 실제로 유니티 에셋을 다운받아보면 많은 사람들이 플래시, 즉 지금의 애니메이터로 애니메이션을 제작한 것을 볼 수 있습니다. 자 이제 준비가 되었습니다. 오늘은 여기까지~~