유니티에서는 2D 스프라이트 애니메이션 뿐만 아니라, 키프레임별로 각각의 스프라이트를 조합해서 이동, 회전 삭제도 가능하다.

참고 싸이트 : http://pixelnest.io/tutorials/2d-game-unity/animations-1/

< 텍스쳐 Slice >

1. 이미지를 Asset 폴더의 적당한곳에 복사한다.
2. 텍스쳐의 Inspector 뷰에서 Sprite Mode를 Multiple로 선택한다.
3. "Sprite Editor" 버튼을 클릭한다. (Multiple로 선택하면 Sprite Editor 버튼이 활성화 된다.)

4. Sprite Editor에서 왼쪽 상단의 Slice 버튼을 클릭한다.

5. Minimum Size를 32로 수정한다.
6. Slice 누른다.
7. 오른쪽 상단의 "Apply" 버튼을 누른다.

< 이미지 배치 >

슬라이스된 이미지를 아래와 같이 배치한다.

  텍스쳐의 그리기 순서는 Sorting Layer, Order in Layer로 제어 하지 않고, Z값으로 제어 하였다.포의 Z값을 2로 설정하여 본체 다음으로 렌더링 되도록 하였다.

애니메이션 추가는 turorial23.html에도 설명이 되어 있다.
이전과 이번 튜토리얼을 같이 참고하기 바란다.

< 애니메이션 추가 >

Idle , Jump 애니메이션을 추가 해보자.

1. 메뉴 / Window / Animation 실행

2. Hierarchy에서 player 오브젝트 선택

3. Create New Clip으로 Animation Clip 생성
Animation 폴더 생성후, Idle 애니메이션 이름은 player@idle.anim으로 한다.

< 애니메이션 키프레임 추가 >

1. 레코드 버튼 클릭

2. 타임 룰러바를 클릭하면 빨간 선이 이동한다. 편집할 키 프레임을 가리킨다.

3. Scene에서 player를 편집한다.
(해당 키프레임에서 player를 이동 한다)

Scene에서 Player를 이동하면 Inspector창의 Position 속성이 빨간색으로 변한다.

4. 편집이 끝나면 Animation 창의 플레이 버튼(화살표)을 눌러서 확인한다.

5. 확인 후, 이상이 없다면 레코드 버튼을 눌러 편집을 종료 한다.

점프로 애니메이션도 각자 만들어 보자.
애니메이션 이름은 player@jump.anim로 한다.

player@idle.anim 애니메이션의 Dope Sheet와 Curves 뷰 그리고 Inspector창의 회전값을 어떻게 표현하고 있는지 비교해보자.

Z축 회전값이 -20.826을 각각 다른 방식으로 표현 하고 있다.

Curves에서는 Rotation.z 축을 클릭한다.

애니메이션이 완료되면 Prefab로 저장한다.

< Loop 애니메이션 속성 >

Idle 애니메이션은 반복되는 루핑 애니메니메이션이다.
공격 애니메이션의 경우에는 한번만 플레이 된다.
루핑 애니메이션은 Project창에서 애니메이션을 선택하면 Loop 속성을 확인 할 수 있다.

메카님은  tutorial14.html       tutorial15.html     turorial23.html을 참고한다.

프로젝트 :  2DKeyframeAnimation.zip