Part 02 - Unity 2D Game

[ 이미지 출력하기 ] - Scene01

• 고정 배경 이미지 출력하기

• • Sprite GameObject 만들기

    • Menu : GameObject >> Create Other >> Sprite ( Sprite를 만들어 Hiearchy View로 가져오면 저절로 생성됨)

    • Sample의 Assets/Sprites/_Environment/env_bg.png와 env_BigBen 복사해 오기

    • Sprite Image의 Inspector View

      • Texture Type : Sprite

      • Sprite Mode : Single

      • Packing Tag : None

      • Pixels To Units : 40

      • Filter Mode : Bilinear

      • Default

      • Max Size : 1024

      • Format :Compressed

  • env_bg와 env_BigBen 이미지를 Hierarchy View로 끌어 올림

    • Sprite Renderer

      • Sprite GameObject의 Component

      • Sprite : 출력할 스프라이트 이미지

      • Color : 이미지 색상에 더해지는 색상

      • Material : Sprites-Default

      • Sorting Layer : Default

      • Order in Layer :

  • 기타 처리

    • mainCamera

      • Size >> 11

• 흐르는 이미지 출력하기( 구름, 포그, 흐르는 강 등)

• • Assets/Sprites/_Environment/env_Clouds.png 복사해 오기

    • Sprite Image의 Inspector View

      • Texture Type : Sprite

      • Sprite Mode : Single

      • Packing Tag : None

      • Pixels To Units : 40

      • Filter Mode : Bilinear

      • Default

      • Max Size : 1024

      • Format :Compressed

  • 두개의 구름 이미지(env_Clouds)를 하나로 묶은 Clouds 오브젝트 생성하기

    • Menu : GameObject >> Create Empty

      • GameObject이름을 Clouds로 바꾸기

    • env_Clouds를 Hierarchy 창으로 두번 옮기기

      • 하나는 position.x를 -48로 하나는 position.x를 0으로 세팅

    • Cloud 밑에 두개의 env_Clouds를 자식으로 묶기

  • Clouds에 애니메이션 넣기

    • Animation View 열기

      • Menu : Window >> Animation

      • Clouds 오브젝트가 선택된 상태에서 "New Anim" 생성

        • Name : Clouds

      • Clouds 오브젝트에서 Animator Component가 생성된 것 확인

      • Animation 만들기

        • Animation View에서

        • Menu : Add Property >> Transform >> Position

          • Position.x를 처음 값(0)과 끝 값(48)을 설정

          • 3초 정도로 순환되도록 하고 있음

            • 일정한 애니메이션을 위해서는 Curves 탭에서 작업을 해야 함(곡선이 되어 있는 부분을 정비례 형태로 ... )

        • Clouds에 Animator Component가 저절로 생겼음

          • Controller : Clouds(.controller)

          • Avatar : None

          • Apply Root Motion : Check

          • Animate Physics : Non Check

          • Culling Mode : Based On Renderers

  • Prefab 만들기

    • Select / Revert / Apply 설명

    • Assets에 Prefab/Environment 폴더 만들기

    • Clouds를 Environment 폴더로 끌고 내려 오기

• [ 실습 ] Sprite 배경 이미지 만들어 보기

• 배경 이미지.png

  • 포토샵에서 png 파일로 Sprite 이미지 만들기

  • 화면에 띄우기

    • 웹 에디터 : http://pixlr.com/editor/

• Camera 1

  • Clear Flags : Skybox

  • Backgroud : 특정 색깔

  • Culling Mask : Everything

  • Projection : Orthographic

  • Size : 11