스프라이트 에디터

Pyxen에는 iPad과 Mac에서 프로젝트 내에서 직접 픽셀 아트를 만들고 편집할 수 있는 완전한 스프라이트 에디터가 포함되어 있습니다. 외부 도구가 필요 없습니다 — 스프라이트를 디자인하고 실행 중인 게임에 변경 사항이 즉시 적용되는 것을 확인하세요.

스프라이트 에디터 열기

사이드바에서 이미지 에셋을 탭한 다음, Edit 버튼을 탭하여 이미지 뷰어에서 스프라이트 에디터로 전환합니다.

그리기 도구

상단 툴바에서 다음 도구를 제공합니다:

도구를 선택하고, 팔레트에서 색상을 선택한 다음, 캔버스에 그립니다. 픽셀 단위의 정밀한 작업을 위해 핀치(iPad) 또는 스크롤(Mac)로 확대하세요.

색상 팔레트

팔레트는 에디터 하단에 있습니다. 아무 색상이나 탭하여 선택합니다. 스포이드를 사용하여 캔버스에서 색상을 선택할 수 있습니다.

팔레트는 이미지별로 관리됩니다 — 각 스프라이트 시트는 고유한 색상 세트를 가질 수 있습니다.

선택 도구

선택된 영역은 행진하는 개미 (애니메이션 점선 윤곽)로 표시됩니다. 활성 선택 상태에서 다음을 할 수 있습니다:

레이어

오른쪽 레이어 패널에는 현재 이미지의 모든 레이어가 표시됩니다. 다음을 할 수 있습니다:

각 레이어는 독립적으로 그려집니다. 이를 통해 배경, 캐릭터, 이펙트를 서로 다른 레이어로 분리하고 서로 영향을 주지 않고 편집할 수 있습니다.

크기 조정 및 캔버스

애니메이션 타임라인

스프라이트 에디터에는 프레임별 스프라이트 애니메이션을 만들기 위한 내장 애니메이션 타임라인이 포함되어 있습니다.

타임라인 열기

캔버스 우하단의 필름 스택 버튼을 탭하여 애니메이션 모드를 전환합니다. 캔버스 아래에 타임라인 스트립이 나타납니다.

애니메이션 만들기

  1. 타임라인 왼쪽의 애니메이션 선택기를 열고 New Animation을 탭합니다
  2. 이름을 지정합니다 (예: “walk”, “idle”, “attack”)
  3. 타일 선택 도구를 사용하여 스프라이트 시트에서 타일을 선택한 다음 Add to Animation을 탭합니다
  4. 또는 타임라인의 + 버튼을 탭하여 읽기 순서대로 다음 타일을 추가합니다

프레임 편집

어니언 스킨

어니언 스킨 버튼을 전환하면 편집 중 이전 프레임의 고스트 오버레이가 표시됩니다. 애니메이션 프레임 간의 일관성을 유지하는 데 도움이 됩니다.

타일 격리

프레임 편집 시 격리 버튼을 전환하면 주변 타일을 숨기거나 어둡게 하여 현재 프레임에 집중할 수 있습니다.

코드에서 애니메이션 사용

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

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

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

실행 취소 및 다시 실행

스프라이트 에디터의 모든 작업은 실행 취소(Cmd+Z)와 다시 실행(Cmd+Shift+Z)을 지원합니다. 실행 취소 스택은 이미지별로 관리되며 프로젝트가 열려 있는 동안 유지됩니다.

실시간 미리보기

게임이 실행 중일 때, 스프라이트 에디터에서 변경한 내용이 즉시 적용됩니다 — 픽셀을 칠하면 게임 미리보기에 바로 나타납니다. 이를 통해 게임플레이를 테스트하면서 아트를 쉽게 반복 수정할 수 있습니다.

팁