d r t w i n

메인화면에 배치될 타이틀 제목과 버튼들은 모두 이미지로 만들어 두었습니다. UI 요소들 중 Image를 만들어서 소스를 교체해주고 적절한 위치에 배치합니다. 이야기 시작, 만든 사람, EXIT 버튼 등을 배치한 모습은 다음과 같습니다. Credit 장면을 만들기 위...

메인화면의 기능구현을 쉽게 하기 위하여, 제가 미리 만들어놓은 프리팹이 있습니다. 아래의 것을 다운로드 하세요. 다운로드 : SceneManager v1.0.zip SceneManager v1.0.unitypackage import 된 프리팹은 UI라는 폴더를 새롭게 보여줄 것입니다. 그 중에서 m...

본 예제를 진행하기 위하여 필요한 소스 파일은 아래의 것을 다운받으세요. 다운로드 : Rabbit_Source.zip Rabbit_Source.unitypackage (동일한 것임) 본 과정을 완성하였을때의 결과물은 다음 영상과 같습니다. 유니티를 활용하여 아동용 앱북 만들기의 첫번...

메인화면을 만들어봅니다. 일반 페이지와 달리 메인페이지는 타이틀 제목과 버튼 인터페이스로 구성됩니다. 우선 전체 스토리에 알맞는 비주얼을 배치하여 화면 구성을 완성해봅니다. 그리고 파티클을 활용한 이펙트를 만들어봅니다. Legacy타입의 Particle 효...

최종 애니메이션은 거미캐릭터가 디폴트위치로부터 여러 경로를 거쳐서 드롭아이템을 수거한 후, 가운데로 와서 최종 반복모션을 하고 있는 식으로 구현합니다. 드롭아이템이 사라지는 타이밍은 이 애니메이션의 타임라인에 Event 기능을 추가해서 함수를 실행...

본 예제에서는 3개의 드롭아이템이 제대로 놓여질 때 이 상황을 판정하여 최종 애니메이션을 구현하는 방식으로 접근하고 있습니다. 때문에 Update 함수를 통해 ITEM1~3이 완료되는지 체크하는 bool 변수를 포함하고 있습니다. 드래그드롭이 성공적으로 완료되...

드래그드롭이 완료된 직후에 밋밋한 상황을 향상시키기 위해서, 맞춰진 드롭아이템이 움직이는 애니메이션 효과를 연출해봅시다. 나뭇가지의 크기가 반복되는 장면을 만들면서 DopeSheet가 아닌 Curve를 활용해봅니다. 그래프로 미세한 움직임을 제어할 수 있...

드래그드롭 성공 시 뒷배경에 재미있는 이펙트를 보이게 하기 위해서, 상용 애셋을 활용해봅니다. 에셋은 아래에서 다운로드 하세요. 다운로드 : Cartoon FX Remaster 1.1.0.zip 먼저 원하는 애셋 효과를 탐색해서 마음에 드는 것을 찾아야 합니다. 이펙트가 ...

드래그 기능은 사전에 만들어놓은 Draggable 스크립트를 활용하여 구현해봅니다. 드롭존 기능 또한 DropZone 스크립트를 적용하면 쉽게 구현됩니다. 드래그 아이템의 외형적인 짝을 맞추기 위한 조건을 만들어줍니다. 더불어 해당되는 짝만 받아들이는 드롭존 ...

드래그 요소를 만들기 위해서 UI요소 중에서 Image를 하나 생성한 후, 이 소스이미지를 바꿔봅니다. Panel은 드래그될 아이템을 담는 일종의 용기 개념으로 설정해야 합니다. Panel은 그 안에 담기는 드래그 아이템을 정렬해주는 기능을 갖추어야 보기 좋은 레...