9 スライス

9 スライスとは、複数の アセット を用意することなく、1 つの画像をさまざまなサイズで再利用することができる 2D 技術です。画像を 9 分割することで、スプライト のサイズを変更した際に、各部をそれぞれ異なる形で拡大縮小あるいはタイリング (格子状に並べる) でき、スプライトの比率が維持されるようになります。これは、例えば 2D 環境における壁や床などの、パターンや テクスチャ を作成する際に便利です。

これは、9 つのセクションに分割された 9 スライススプライトの例です。各セクションには A から I までのアルファベットのラベルが付けられます。

この画像の寸法を変えると、以下のことが起こります。

• 四つの角 (A、C、G、I) のサイズは元のまま維持される。

• B と H は水平方向に伸縮あるいはタイリングされる。

• D と F は垂直方向に伸縮あるいはタイリングされる。

• E は水平/垂直両方向に伸縮あるいはタイリングされる。

このセクションでは、9 スライスの設定方法に加え、上記の各領域を伸縮したい場合とタイリングしたい場合で、それぞれどのような設定を適用すべきかを説明します。

制約事項および既知の問題

• 9 スライス対応の Collider2D は BoxCollider2D と PolygonCollider2D のみです。

• BoxCollider2D や PolygonCollider2D は、Sprite Renderer の Draw Mode が Sliced や Tiled に設定されている場合には編集できません。Inspector ウィンドウでの編集は無効になり、Collider2D が Sprite Renderer コンポーネントのタイリングのプロパティによって機能しているため編集不可である旨の警告が表示されます。

• 形状が Auto Tiling で再生成されると、 Collider2D の形状に付加的なエッジが現れる場合があります。これが衝突に影響を及ぼす可能性があります。