User Manual

スプライトエディタ

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

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

スプライトエディタ

ビューポート

ビューポート

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

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

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

フレーム

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

インスペクター

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

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

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

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

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

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

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

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

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

フレームインスペクター

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

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

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

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

New Sprite From Selection

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

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

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

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

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

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

フレームパネル

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

アセットパネル

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

PixelBoyによる作品

This site is translated by the community. If you want to get involved visit this page