무료 애니메이션 스프라이트

기사에게는 반복 동작이 세 가지 있습니다. 검을 든 채 무게중심을 살짝 옮기는 대기, 걷기 사이클, 전력 질주입니다. 세 장 모두 4×2 그리드에 8프레임이고 왼쪽에서 오른쪽, 위에서 아래로 읽으며 칸은 209×236픽셀이라, 대기에서 걷기, 달리기로 바꿔도 캐릭터가 한 픽셀도 밀리지 않습니다.

제자리에서 반복하는 생물은 여덟입니다. 날개를 퍼덕이는 드래곤, 눈이 번뜩이는 골렘, 여덟 다리를 움직이는 기계 거미, 몸을 감았다 푸는 바다뱀, 날갯짓하는 박쥐, 공중에서 까딱이는 해골, 납작해졌다 튀어 오르는 슬라임, 꼬리를 흔드는 여우입니다. 아이템 셋도 반복합니다. 플라스크 안에서 보글거리는 물약, 표면에 빛이 스치는 방패, 앞면에서 옆면으로 도는 금화입니다. 이 11개는 모두 200×267픽셀 칸의 한 줄 4프레임 스트립이라 엔진의 불러오기 프리셋 하나로 전부 처리됩니다.

반복 애니메이션은 너그럽지만 속도는 여전히 중요합니다. 큰 생물은 초당 5~8프레임 정도로 천천히 돌려야 보기 좋습니다. 드래곤, 골렘, 바다뱀은 천천히 숨 쉴 때 묵직해 보입니다. 박쥐와 금화처럼 작고 빠른 것은 초당 10~14프레임이 어울립니다. 기사의 대기는 6~8, 걷기는 8~12, 달리기는 그보다 조금 빠르게 하세요. 이동 속도를 애니메이션에 맞춰야 기사의 발이 바닥에서 미끄러지지 않습니다.

방패의 반짝임은 반복해도 되지만 반짝임 사이에 잠깐 쉬는 편이 더 보기 좋습니다. 한 번 재생하고 1~2초 기다렸다가 다시 재생하세요. 같은 반복 동작을 여러 개 배치할 때, 예를 들어 한 줄로 늘어선 금화나 박쥐 떼라면 각각 다른 프레임에서 시작하게 하세요. 완벽히 맞물린 반복은 기계적으로 보이고, 조금씩 어긋나야 장면이 살아납니다.

Phaser에서는 페이지에 적힌 프레임 너비와 높이로 this.load.spritesheet를 호출해 시트를 불러오고, generateFrameNumbers로 0~7번 또는 0~3번 프레임을 지정해 this.anims.create를 호출한 뒤 repeat를 -1로 두어 반복시킵니다. Godot에서는 스프라이트 시트 불러오기로 AnimatedSprite2D의 SpriteFrames에 시트를 추가하고, 가로와 세로 칸 수와 FPS를 입력한 뒤 Loop가 켜져 있는지 확인합니다. Unity에서는 Grid By Cell Size로 시트를 자르고, 프레임을 씬으로 끌어다 클립을 만든 뒤 Loop Time을 체크한 채로 둡니다.

기사의 반복 동작 세 가지는 상태 머신 하나에 넣으세요. 입력이 없으면 대기, 방향키를 누르는 동안 걷기, 달리기 버튼을 누르는 동안 달리기입니다. 칸 크기가 같으니 전환할 때 오프셋이 필요 없습니다.

원하는 반복 동작이 여기 없다면 이 사이트에서 세 가지 방법을 쓸 수 있습니다. SpriteGen 생성기는 짧은 설명만으로 6, 8, 12프레임의 새 애니메이션 시트를 그립니다. 대기, 걷기, 달리기, 비행은 반복되는 기본 동작입니다. GIF to Sprite Sheet 변환기는 가지고 있는 움직이는 GIF를 브라우저에서 시트로 바꿉니다. Sprite Sheet Maker는 따로 떨어진 프레임 이미지를 한 장의 시트로 묶습니다. 세 가지 모두 이 페이지와 같은 결과, 즉 어떤 엔진에서든 반복 재생할 수 있도록 프레임이 고르게 배치된 투명 배경 PNG를 줍니다.