유니티 '막강좌' - 6. 게임 제작 맛보기 (게임 시작씬 제작)

        
        ② Scenes 폴더를 만든 후 안에 인트로 씬인 introScene과 게임으로 갈 씬인 gameScene 씬을 각각 저장 해둔다.

        
        ③ 현재 씬이 introScene인지 확인하고 아니라면 프로젝트뷰에서 방금 저장한 introScene을 더블클릭, 또는 선택 후 인스펙터 뷰에서 Open 버튼을 클릭하여 introScene으로 변경한다.

    (2) 해상도, 카메라 셋팅
        ① 웹에서 실행해보도록 할 것이므로 해상도는 640x480로 변경할 것이다.

       
        ② File > Build Settings > Player Settings > Settings for Web Player에서 해상도를 수정한다.


        ③ 카메라 셋팅, Main Camera > Clipping Planes < Far를 작은 수치로 적당히 조절해 둔다. 이유는 Camera의 Far의 역활을 알기 위해서 이다.

        
        ④ 게임뷰 > 해상도를 640x480으로 맞춘다. 항목이 없다면 클릭해 추가해서 맞춘다.

    (3) 지형 만들기(Terrain, Water(Basic), Skybox)

        ① Assets > Import Package > Terrain Assets를 클릭해 애셋을 임포트 한다.
        ② GameObejct > Create Other > Terrain을 클릭하여 Terrain용 Plan을 생성하여 Terrain 이름을 'ground'로 변경한다.

        
        ③ Paint Texture > Edit Textures > Texture에서 텍스쳐를 골라주어 Add(4)한다.

        
        ④ 지형을 만들고(1), 나무와 풀을 심어준다.(2)

            클릭은 생성, shift + 클릭은 삭제이다. 그리고 씬을 자주 저장하는 것을 잊지 말자.

        ⑤ 물을 만들 Assets > Import Package > Water (Basic) 애셋을 임포트 한다.

        
        ⑥ Standard Assets > Water (Basic) > Sources > Object >Water Plane을 하이어라키 뷰에 드래그&드롭 한다.

        
        ⑦ Position과 Scale 이용하여 Water Plane을 배치 시켜준다.

        
        ⑧ 텍스쳐를 넣어주고(1), Tiling에 적절한 수치를 넣어준다.(2)

        
        ⑨ 씬 뷰에서 보고 있는 뷰를 Camera에 적용시킨다. Main Camera를 선택 후 GameObject > Align With View를 클릭하여 카메라의 위치를 적절히 조절한다.

            하지만 게임 뷰에선 아무것도 보이지 않는다. 그 이유에 처음에 카메라 셋팅할 때 Far의 수치를 낮췄기 때문에 보이지 않는다. Far의 수치를 높혀보면 이제 보일 것이다.

        ⑩ Assets > Import Package > Skyboxes 애셋을 임포트한다.

        ⑪ Main Camera를 선택 후 Add Component 버튼을 클릭해  Skybox를 추가(1)하여 Skyboxes 안의 메터리얼을 넣어준다.(2)

    (4) Light 셋팅
        ① GameObject > Create Other > Directional Light를 생성한다.

        ② 태양과 같은 직선광이므로 위치는 상관없지만 각을 적절히 맞춘다.

        
        ③ 햇빛이 비추는 Flare 효과를 넣으려면 Assets > Import Package > Light Flare 임포트, Directional Light를 선택하고 Component > Effect > Lens Flare를 적용, 임포트한 애셋에 3개 정도의 Flare 중 하나를 넣어준다.

    (5) NGUI로 로고와 버튼 만들기
        ① Assets > Import Package > Custom Package를 클릭해 NGUI 애셋을 임포트 한다.(첨부 파일 ngui_free.unitypackage)
        ② NGUI > Create a New UI 클릭하여 기본 UI 생성한다.

        

        ③ Panel을 선택 후 NGUI > Create a Widget 클릭, 예제인 SciFi에서 프리팹(박스 아이콘)을 각각 Atlas와 Font에 넣어주고(1), Template에 Label 선택 후 위젯을 추가한다.

        

        ④ Label에 로고가 될 'SURVIVAL'을 입력하고, 게임 뷰를 확인 하면서 적당한 위치와 스케일을 주고 색상도 넣어본다.

        
        ⑤ Panel(1)을 선택 후 NGUI > Create a Widget, Template에 Button 선택(2)하여 위젯을 추가(3)한다.

        
        ⑥ 버튼을 적당한 위치에 둔다. 

        ⑦ Button의 Label에서 버튼 안의 이름도 바꾸고, 색상을 바꾼다. Color Tint에서도 넣을 수 있지만 텍스트 입력 앞에 HTML 태그 형태인 [FFFFFF] 넣어 라인별로 색상을 변경할 수 있다. 

    (6-1) Playmaker로 카메라 이동하기
        ① 카메라가 천천히 섬쪽으로 이동하는 상태를 만들 것이다.

        ② PlayMaker > PlayMaker Editor를 클릭해 playMaker창을 연다.

        

        ③ Main Camera를 선택하여 playMaker 창에서 move camera, stop 상태를 추가한다.

 
        ⑤ GameObject > Create Empty를 클릭하여 'Start Position' 빈 게임오브젝트를 생성한다. 마지막 포인트의 포지션 값을 알기 위해 가상으로 만든 게임오브젝트이다.

        ⑥ move camera 상태에 iTween Move To 액션을 추가한다. Start Position를 Transform Position에 넣고, Time을 100으로 변경한다. 

        
        ① NGUI의 Button을 선택 후 listen click, clicked 상태를 추가한다.

        ② 마우스 제어를 하기 위한 Button에 UIEventsToPlaymakerFSM.cs(첨부파일) 스크립트를 컴포넌트 추가한다.

        ③ 이벤트 'OnClick' 생성, listen click 상태에 OnClick 이벤트를 넣는다.

        ④ listen click 상태에 Get Mouse Button Down 액션을 추가하고 Button에 Left, Send Event OnClick를 선택한다.

        ⑤ clicked 상태에 Load Level 액션을 추가한다. Level Name에 본 게임으로 이동할 씬이름인 gameScene를 넣어준다.

        
        ⑥ File > Build Settings 클릭하여 씬을 등록해줘야 씬간 이동이 가능하다.

    (7) 빌드 / 실행

        
        ① 웹플레이어에서 실행 할 수 있도록 하기 위해 File > Build Settings 클릭하여 Platform에 Web Player 선택(1) Build 버튼을 클릭(2)한다.

        

        ② startScene라는 폴더명을 생성하여 폴더 선택을 클릭하여 빌드한다.

        ③ startScene폴더 안에 startScene.html, startScene.unity3d 파일이 생성되었고, startScene.html을 웹브라우져에서 실행하면 웹브라우져에서도 플레이가 가능하다.