d r t w i n

버튼에서 실행시킬 수 있도록 스크립트를 작성하고 OnClick 시 처리할 함수를 셋팅해줍니다. 각 장면마다 원활히 네비게이션이 되는지 확인해준 후 앱의 Icon과 Splash Image를 등록해줍니다. 최종적인 컴파일은 Eclipse라는 외부 툴을 이용하여 진행하고 안...

메인화면을 구성하고 Sliced 이미지를 만들어 Unity3D의 UI 중 Button에 구현해보도록 합니다. 버튼은 Splite Editor에서 Slice를 위한 Border를 셋팅해주어야 합니다. 아래와 같이 버튼을 구성합니다. 또는 Build Setting에서 각 장면을 모두 등록해둡니다. ...

위와 동일하게 텍스트가 나타나게 하지만, 주인공을 클릭 시 특정한 글자가 나타났다가 사라지는 경우를 만드는 방법에 대해서 알아봅니다. 아래와 같이 텍스트가 나타났다가 드러나는 스크립트가 모두 있어야 합니다. 또한 클릭 시 사운드도 함께 발생하게 ...

for 문을 이용하여 텍스트 이미지의 Material을 제어하여 알파값 변화를 통해 글씨가 서서히 나타나는 Fade In 또는 Fade Out 효과를 만드는 방법을 알아봅니다. 이를 구현하기 위해서 uSequence에서 Event로 처리할 것이기 때문에 OnSignal에 대응하는 스크립...

첫번째 장면이 완성되었다면 다른 장면을 만들어 봅니다. 이번 장면의 특징은 시작하자마자 자동으로 CutScene이 연출된다는 점입니다. 즉 사용자가 클릭하지 않은 상태로 이야기가 진행되는 경우에 해당됩니다. 작업과정은 앞서와 동일한 방법으로 움직임을 ...

Main Camera에 기본적인 Audio Listener가 있기 때문에 Audio Source 항목에 음악과 물방울 소리를 첨가함으로서 장면에 필요한 사운드 처리를 해줍니다. 주인공 캐릭터를 클릭 시 사운드 효과를 만들기 위해서 uSequence에서 Play Audio 기능을 알아봅니다. ...

Unity3D의 Particle 기능을 이용해서 효과적인 이펙트를 연출할 수 있습니다. Ellipsoid Particle Emitter와 Particle Animator, Particle Renderer를 조합하여 활용합니다. 기본적으로 아래와 같은 효과가 나타나고 있지만 물방울 이미지를 이용하여 재질을 ...

앞선 과정에서는 클릭 시 위치, 크기, 회전의 변화를 준 경우라면 그와는 달리 클릭 시 다른 애니메이션을 실행하게 하는 경우도 있습니다. 클릭 시 아래와 같이 컬러가 변한다거나, 또는 전혀 카튼과 같은 연출로 재미있는 동작을 연출하도록 그래픽 소스를 ...

실행이 제대로 되고 있지만 문제가 한가지 있음을 확인하게 되는데, 한 번 실행 후 두 번째부터 제대로 동작하지 않는 문제점입니다. 이것을 수정하기 위해서는 Stop uSequence 를 마지막 부분에 Event로 등록해주어야만 합니다. 또한 이전 단계에서 완성되어...

모션이 완성되었다면 주인공 캐릭터를 클릭 시 모션을 실행하도록 하기 위한 작업이 필요합니다. 클릭 시 z축으로 조금 이동하여 Trigger와 접촉하도록 스크립트 작업을 해놓습니다. 더불어 2초 뒤 다시 원래 위치로 돌아오도록 구성합니다. Player uSequence ...

Sprite 이미지들의 변화로 인하여 기본적인 모션효과를 보이고 있는 주인공 캐릭터를 클릭 시 위치나 크기, 회전 등의 변화를 수월하게 구현할 수 있도록 uSequence CutScene and Cinematic Creator를 활용합니다. 클릭하였을 때 이동할 경로를 Timeline에서 ...

준비된 그래픽 리소스를 화면에 배치하여 공간 구성을 해주는데 배경과 애니메이션 파일들이 서로 겹치지 않아서 작업이 수월할 수 있게 구성하는 것이 좋습니다. 비록 작업창에서는 입체감있는 거리로 배치되지만, 카메라가 원근법이 적용되지 않는 Orhograph...

준비된 PNG 시퀀스 파일들을 그대로 사용하면 최적화 측면에서 큰 문제가 발생합니다. 여러 파일들을 로딩하고 보여주는 과정에서 CPU가 필요 이상의 부하에 걸리고 전반적인 퍼포먼스를 떨어뜨립니다. 따라서 하나의 아틀라스(Atlas) 이미지로 만들어 주어야 ...

Unity3D를 이용하여 스마트폰이나 태블릿에서 구동되는 인터랙티브 동화App을 만드는 예제입니다. 일러스트나 캐릭터와 같은 그래픽 리소스를 After Effect 등에서 모션을 만들고 일련의 이미지 시퀀스 파일로 추출하여 Sprite 이미지를 준비할 수 있습니다. ...