스프라이트 에디터

Pyxen에는 iPad와 Mac에서 프로젝트 안에서 바로 픽셀 아트를 만들고 편집할 수 있는 완전한 스프라이트 에디터가 있습니다. 외부 도구가 필요 없습니다.

스프라이트 에디터 열기

파일에서 이미지를 선택하면 바로 스프라이트 에디터에서 열립니다. 새로 만들려면 **파일 › 새 에셋…**을 선택하고 이미지를 고르세요.

좁은 iPad 창에서는 캔버스가 패널 너비를 모두 쓰고, 그 패널들은 창 아래쪽 트레이의 도구가 됩니다: 도구, 색상, 레이어, 프레임. 타일맵에서는 도구와 타일입니다.

그리기 도구

도구는 캔버스 가장자리에 있으며, 각각 단축키가 있습니다:

색을 고르고 캔버스에 그리세요. 핀치나 스크롤로 확대하면 픽셀 단위로 작업할 수 있고, 화면에 맞추기(Cmd+0)는 이미지 전체를 보여 줍니다. 에디터 막대의 대칭은 그리는 것을 가로, 세로 또는 양쪽으로 대칭시킵니다.

색상

옆 열에는 그리는 색과 배경색(X로 서로 바꿈), 16진수 색상, 팔레트, 최근 쓴 색이 있습니다. 다른 팔레트는 ⋯ 메뉴에서 고르세요.

선택 도구

선택 영역이 있을 때 캔버스 메뉴(오른쪽 클릭 또는 길게 누르기)로 다음을 할 수 있습니다:

iPad에서는 캔버스 위의 편집 버튼으로 실행 취소, 실행 복귀, 잘라내기, 복사, 붙여넣기를 할 수 있습니다.

레이어

레이어는 팔레트 아래에 있습니다. 레이어 추가로 하나를 추가하며, 각 레이어에는 표시와 잠김 스위치가 있습니다. 레이어 메뉴에서 이름을 바꾸고, 위나 아래로 옮기고, 불투명도를 정합니다. 아래로 병합은 아래 레이어와 합치고, 병합은 모든 레이어를 하나로 만들며, 레이어 삭제는 레이어를 없앱니다.

각 레이어는 독립적으로 그려집니다. 배경, 캐릭터, 효과를 서로 다른 레이어로 나눠, 다른 것에 영향을 주지 않고 편집할 수 있습니다.

크기 조절, 뒤집기, 회전

**이미지 크기 조절…**은 이미지 크기를 바꿉니다:

캔버스 메뉴에는 내용에 맞게 자르기, 좌우 뒤집기, 상하 뒤집기, 그리고 90°와 180° 회전도 있습니다.

그리드(막대의 그리드)는 시트에서 타일을 맞추는 데 도움이 됩니다. 크기, 주 격자선, 색은 ⋯ 메뉴에 있습니다.

애니메이션

에디터 아래쪽에는 프레임 단위 스프라이트 애니메이션을 위한 이미지의 애니메이션이 있습니다.

애니메이션 만들기

  1. 새 애니메이션을 선택하고 이름을 붙입니다(예: “walk”, “idle”, “attack”)
  2. 타일 선택 도구(T)로 스프라이트 시트의 타일을 고른 다음 애니메이션에 추가를 선택합니다
  3. 또는 프레임 추가를 선택해 읽는 순서대로 다음 타일을 추가합니다

시트 전체는 이미지 전체를 다시 보여 줍니다. 애니메이션 메뉴에서 이름을 바꾸거나 삭제할 수 있습니다.

프레임 편집

어니언 스킨

어니언 스킨을 켜면 편집하는 동안 이전 프레임이 희미하게 겹쳐 보입니다. 프레임을 일관되게 유지하는 데 도움이 됩니다.

프레임 분리

프레임 분리를 켜면 편집 중인 프레임 주변의 타일이 숨겨져, 그 프레임에 집중할 수 있습니다.

코드에서 애니메이션 사용

애니메이션은 스프라이트 메타데이터에 저장됩니다. animation 매개변수로 게임에서 재생합니다:

player.sprite = Sprite("hero", animation="walk")

스프라이트 및 렌더링과 Sprite 레퍼런스에서 전체 API를 확인하세요.

창 막대의 코드에서 사용은 이 이미지를 가리키는 스크립트 줄 수를 알려 줍니다. 줄을 고르면 그곳으로 이동합니다. 코드에서 이미지 이름을 Cmd+클릭하면, 호출이 가리키는 애니메이션이나 타일로 이곳에 돌아옵니다.

스프라이트 내보내기

⋯ 메뉴 끝의 내보내기…, 애니메이션 메뉴의 애니메이션 내보내기…, 또는 파일 › 스프라이트 내보내기…(Option+Cmd+E)를 선택하면 스프라이트 내보내기가 열립니다. 만들 것을 고르세요:

애니메이션을 고르고, 프레임에서는 프레임을 고르세요. 크기 조절은 파일을 1×, 2×, 4×, 8× 크기로 만들며 각 픽셀은 선명한 정사각형으로 남습니다. 미리보기가 곧 파일이며, 아래에 이름과 크기가 표시됩니다: hero-walk@4x.gif, 프레임 2는 hero-walk-2.png, hero-walk-strip.png, 시트는 hero.png.

**저장…**은 원하는 곳에 파일을 저장합니다. iPad에서는 **공유…**가 공유 시트(파일에 저장, 이미지 저장, AirDrop)를 열고, 웹에서는 다운로드가 파일을 내려받습니다. 복사는 PNG를 클립보드에 넣습니다. Mac과 iPad에서는 미리보기를 끌어 원하는 곳에 파일을 놓을 수 있습니다.

GIF에는 반투명 픽셀이 없습니다: 절반 이상 불투명한 픽셀은 불투명하게, 나머지는 투명하게 그려집니다. GIF 프레임은 100분의 1초 단위로 지속되므로 8 fps는 프레임당 0.13초로 재생되고, 50 fps보다 빠르게 재생되지 않습니다.

실행 취소 및 다시 실행

스프라이트 에디터의 모든 변경은 프로젝트가 열려 있는 동안 실행 취소(Cmd+Z)와 실행 복귀(Cmd+Shift+Z)를 할 수 있습니다.

게임에서 아트 확인하기

게임은 시작할 때마다 이미지를 읽어 들입니다. 그린 후에는 게임을 다시 실행하면 새 픽셀이 게임 미리보기에 나타납니다. 실행 중인 게임은 시작할 때의 이미지를 그대로 사용합니다.

팁