[Cocos Creator Animation] 2. Animation Clip 만들기

---

이 글은 PC 버전 TISTORY에 최적화 되어있습니다.

Animation Clips, Animation Component 만들기

1. Animation에 대하여

2. Animation Clips

3. Animation Curve

4. Sprite Animation

5. Time Curves

6. Animation Events

7. Scripting Animations

Animation component 만들기

우리는 각 노드마다 다른 컴포넌트를 붙일 수 있죠. (모르신다면 댓글에 달아주세요) 우리가 애니메이션이 필요한 노드가 있다면 무엇을 해야할까요? 바로 노드에 Animation Component를 다는 것입니다.

다음 2가지 방법으로 만들 수 있습니다.

• 원하는 노드를 선택하거나 생성하세요. 노드의 Add component를 클릭해서 Animation 컴포넌트를 추가하세요.

• Animation editor를 클릭하세요. 애니메이션을 추가하고 싶은 노드를 클릭하고 Add Animation component buttond을 클릭하세요.

Animation clip 만들고 마운트 

우리는 Node에 Animation component를 달았습니다. Animation Component를 확인해보세요 Clip이 들어갈 프로퍼티가 비어 있을 것 입니다. 이에 상응하는 데이터를 만들어보도록 하죠.

다음 2가지 방법으로 clip을 생성할 수 있습니다:

Asset 탭의 + 버튼을 누르거나 빈 공간에 오른쪽 클릭을 하여 Animation Clip을 만들고 (default 

'New AnimationClip') 이름을 지정합니다. 

만든것만으론 충분하지 않죠. 이제 클립을 추가할 노드를 클릭해서 Animation 컴포넌트를 확인합시다. Clips 프로퍼티의 값은 0일 것입니다. 1로 바꿔줍시다.

이제 위에서 만든 클립을 animation-clip에 드래그 앤 드롭해주세요. 만약 Animation 컴포넌트에 아무 클립도 등록되지 않았다면 Animation editor에서 Add New Clip을 클릭하여 새로운 Clip Document를 생성해주면 됩니다.