スプライトエディタ

スプライトエディタは、テクスチャアトラスアセットとスプライトアセットの両方を編集するのに使用します。スプライトアセットの生成にも使用します。

スプライトエディタを開くには、エディタアセットパネル内でテクスチャアトラスまたはスプライトアセットをダブルクリックします。

ビューポート

スプライトエディタのビューポートには現在選択されているテクスチャアトラスが表示されています。フレームはグレーのボックスでテクスチャアトラスに表示されます。現在選択されているアセットは2組のハンドルで表示されます。緑のハンドルはフレームの幅と高さを修正し、青いハンドルはフレームのボーダープロパティを修正します。

テクスチャアトラスを編集する

ビューポート内で、マウスを使用しフレームのアウトラインをドラッグします。そして、緑と青のハンドルを使用してフレームの範囲とボーダーを修正します。

フレーム

フレームは、テクスチャアトラスで定義されたリージョンです。フレームは名前、位置、ボーダーを持ちます。ボーダーは9スライスリージョンを定義するのに使用します。詳細は 9スライスドキュメントを参照してください。

インスペクター

インスペクターパネルには、現在選択しているアイテムのプロパティが表示されます。インスペクターは選択しているアイテムがテクスチャアトラスなのか、フレーム、スプライトアセットなのかによって変わります。

テクスチャアトラスインスペクター

テクスチャアトラスインスペクターでは、テクスチャアトラスを自動的に固定グリッドにスライスできます。

まず、既存のフレームで行うことを選択します。既存のフレームを削除またはフレームを削除せずにフレームの追加のみを選択することもできます。

そしてグリッドセルを指定するメソッドを選択します

• Grid By Frame Count - Specify the number of grid cells horizontally and vertically to divide the texture into
• Grid By Frame Size - Specify the size in pixels that each grid cell should be

オフセットおよびスペーシングの値を設定します。オフセットはグリッドを開始する前にテクスチャの左上から移動するピクセル数です。スペーシングは各グリッドセル間のピクセル数です。

最後にすべての新しく生成されたフレームに対してピボットを設定します。ピボットは、スプライトの位置と回転ポイントを決定します。幅と高さの割合として指定されます。

設定をすべて選択したら、 Generate Frames ボタンをクリックしてフレームを生成します。

フレームインスペクター

フレームインスペクターでは、個々のフレームやフレームの集まりに対してプロパティの設定ができます。フレームを1つ以上選択している場合に表示されます。フレームインスペクターは、新しいスプライトフォームを生成する場所でもあります。

インスペクターではフレームのポジション、サイズ、ボーダープロパティを修正できます。

フレームインスペクターアクション

New Sprite From Selection

新しいスプライトアセットを生成し、スプライトに選択したフレームを選択した順に割り当てます。

• New Sliced Sprite From Selection - Create a new Sprite Asset and set its type to Sliced. Assign the frames that you have selected to the Sprite, in the order that they were selected.
• Focus on Selection - Focus the viewport on the selected Frames. [Keyboard Shortcut: F]
• Trim Selected Frames - Reduce the size of the selected frames to remove any excess empty space around an image. [Keyboard Shortcut: T]
• Delete Selected Frames - Delete the selected Frames [Keyboard Shortcut: Delete]

スプライトインスペクター

スプライトアセットが選択されている場合、スプライトインスペクターが表示されます。このスプライトインスペクターは、1つ以上のスプライトのプロパティの編集に使用します。詳細は スプライトアセット を参照してください。

Add Frames to Sprite Asset ボタンをクリックしてスプライトエディットモードに入ります。このモードでは、フレームパネルやビューポートから複数のフレームを選択してスプライトに追加できます。 Add Selected Framesをクリックして、自分のスプライトにフレームを追加します。

スプライトインスペクターを使用して、スプライト内でフレームの順序をつけなおしたり、個々のフレームを削除したりできます。

フレームパネル

フレームパネルではテクスチャアトラスのフレームの選択・削除ができます。

アセットパネル

アセットパネルでは、現在のテクスチャアトラスから生成されたすべてのスプライトアセットが表示されています。このパネルからスプライトアセットを選択することもできます。

PixelBoyによる作品