スプライトエディタ

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リファレンスを参照してください。

元に戻す／やり直し

スプライトエディタのすべての操作は元に戻す（Cmd+Z）とやり直し（Cmd+Shift+Z）に対応しています。元に戻す履歴は画像ごとに保持され、プロジェクトが開いている間持続します。

ライブプレビュー

ゲームの実行中にスプライトエディタで行った変更は即座に反映されます。ピクセルを描くと、ゲームプレビューにすぐ表示されます。これにより、ゲームプレイをテストしながらアートを簡単に調整できます。

ヒント