<aside> <img src="/icons/list-indent_blue.svg" alt="/icons/list-indent_blue.svg" width="40px" /> 목차

</aside>

• ⭐⭐⭐ Sprite Library를 활용한 Animation 제작 ⭐⭐⭐ https://youtu.be/b3J2SInvuwM?si=eABi_QNyGOhPVFMf

  

  

  

0. 무료 이미지

• https://www.kenney.nl/assets/category:2D?search=&sort=amount

1. 페이지 애니메이션(Sprite Animation)

: 여러 장의 그림을 연속으로 넘기는 애니메이션

• 단점 : 아트 노가다가 많아 느릴 수 있다.
• 제작 도구
  • Aseprite[유료]
  • Piskel[무료] : https://www.piskelapp.com/
    • 강좌 : https://www.youtube.com/watch?v=u8qfutdEm_A&list=PLO-mt5Iu5TeYm9-OnDEz0BCpzhGD1qVdo&index=1
  • Photoshop

2. 페이지 애니메이션 실습

• AssetStore DownLoad https://assetstore.unity.com/ko-KR

• 1_Scenes/SpriteAnimation 씬 생성

• Assets/3_Resources/Sprite/Monster 폴더 생성 Assets/Monsters Creatures Fantasy/Sprites/Skeleton 폴더를 복사

  

• Assets/Monsters Creatures Fantasy/Sprites/Skeleton/Idle_0 스프라이트 씬 화면으로 이동

• Hierachy/Idle_0 이름 Skeleton으로 변경

• Assets/Monsters Creatures Fantasy/Sprites/Skeleton/Idle_0 ~ Idle_3까지 Skeleton 게임 오브젝트로 드래그&드랍

  

• 애니메이터 저장 : 3_Resource/Animation 밑으로

• 나머지 Sprite도 작업

  • 참고) Animator Hell

  

• Assets/2_Scripts/Anim/PageAnim.cs 생성 ⇒ Skeleton 게임 오브젝트에 주입

• Play ⇒ Idle 동작

  

• PageAnim.cs

  

public void Animator.CrossFade(string stateName, float normalizedTransitionDuration, int layer = -1, float normalizedTimeOffset = 0.0f, float normalizedTransitionTime = 0.0f);

• anim.CrossFade
  • anim.Play 를 부드럽게 하는 것이라고 보면 된다. 부드럽고 자연스럽게 블렌딩되듯 애니메이션이 재생된다.
  • *anim.Play(string stateHashName)*를 사용하면 재생할 애니메이션 클립이 바뀔 때 뚝뚝 끊기듯이 바뀌어 부자연스럽다.  anim.CrossFade 는 애니메이션이 아주 자연스럽게 바뀌게 된다.
  • 첫 번째 인수(stateHashName) : 재생할 클립 이름
  • 두 번째 인수(normalizedTransitionDuration) : 지연 시간 (현재 상태에서 다음 상태로의 전환 시간)
    • 0 이라면 즉시 전환
    • 0.1f 라면 바뀔 애니메이션의 10 %는 부드럽게 애니메이션이 이어지는데 쓴다.
  • 세 번째 인수(layer) : 애니메이션 레이어
  • 네 번째 인수(normalizedTimeOffset) : 애니메이션의 재생 시작 시점 (0~1 비율)
    • 0.0f 로 세팅하면 다시 처음으로 돌아가 재생한다.
    • 클립의 Loop Time이 체크되어 있지 않더라도 이렇게 코드로 반복 재생 시킬 수 있다.
  • 다섯 번째 인수(normalizedTransitionTime) : the Time of transition (0~1 비율)
    • 겹치는 시점?