Version: 5.6
2D ゲーム
Sprite Creator

スプライト

Sprite は 2D グラフィックオブジェクトです。3D に慣れているユーザーにとっては、 Sprite は実質的には、標準のテクスチャにすぎないかもしれません。しかし、スプライトテクスチャを組み合わせ、処理し、開発を効率的に便利に行うためには、特別な技術が必要です。

Unity には、プレースホルダーの Sprite Creator、ビルドインの Sprite EditorSprite RendererSprite Packer が備えられています。

Unity のプロジェクトで、アセットを スプライト に設定するには、以下の スプライトのインポートと設定 を参照してください。

スプライトツール

Sprite Creator

Sprite Creator を使用して、プロジェクト内にプレースホルダースプライトを作成します。こうすることにより、ソースやグラフィックが手元にない状態で、開発を進めることができます。

Sprite Editor

Sprite Editor を使用すると、イメージエディターで、大きい画像からスプライトグラフィックスを抽出し、多くのコンポーネント画像を 1つのテクスチャ内で編集できます。例えば、キャラクターの腕、脚、体を 1つの画像内で個々のエレメントとしてキープできます。

Sprite Renderer

3D オブジェクトの場合、スプライトは Mesh Renderer よりむしろ、Sprite Renderer コンポーネントを使ってレンダリングされます。画像を スプライト として表示するには、2D、3D シーンどちらでも、Sprite Renderer を使用します。

Sprite Packer

Sprite Packer を使用して、プロジェクトのビデオメモリの利便性とパフォーマンスを最適化します。

スプライトのインポートと設定

スプライト は、Unity プロジェクトの アセット の一種です。それらは Project View で、すぐに使用できます。

プロジェクトに スプライト をインポートするには、以下の 2つの方法があります。

  1. コンピューターの Finder (Mac OS X)、やエクスプローラー (Windows) で、Unity プロジェクトの アセット フォルダーに、直接、画像を置きます。

    Unity がこれを検知し、プロジェクトの プロジェクトビュー に表示します。

  2. Unity で、 Assets>Import New Asset… を選択し、コンピューターの ファインダー (Mac OS X)や、エクスプローラー (Windows) を起動します。

    そこから画像を選択すると、Unity によって プロジェクトビュー に取り込まれます。

この件に関する詳細と、 アセット フォルダーの編成に関する有用な情報に関しては、アセットのインポート を参照してください。

画像をスプライトに設定する方法

プロジェクトモードが 2Dに設定されている場合、インポートする画像は自動的に スプライト に設定されます。

ただし、プロジェクトモードが 3Dに設定されている場合、画像は テクスチャ に設定されます。そのため、アセットの Texture Type を変更する必要があります。

  1. アセット上でクリックし、 インポートインスペクター を表示します。

  2. Texture TypeSprite (2D and UI) に設定します。

    (図 1 Texture Type を….に設定)

プロジェクトモードを 2Dに設定するための詳細は、2D、3D プロジェクト を参照してください。

図 1 アセットインスペクターで、Texture Type を Sprite (2D and UI) に設定。
図 1 アセットインスペクターで、Texture Type を Sprite (2D and UI) に設定。

スプライトのソート

Unity のレンダラーは、レイヤーの順序やカメラからの距離などのいくつかの基準によってソートされます。Unity の GraphicsSettings (Edit > Project Settings > Graphics) に、Transparency Sort Mode と呼ばれる設定があります。このモードでは、カメラとの位置関係でスプライトをソートする方法を制御できます。具体的には、軸上のスプライト位置を利用して、他のスプライトに対して透明であるスプライトとそうでないものを判断します。

使用可能な Transparency Sort Mode のオプションは 4 つあります。

  • Default - カメラの Projection モードが Perspective または Orthographic に設定されているかどうかに基づいてソートします。

  • Perspective - Perspective ビューに基づいてソートします。 Perspective ビューでは、カメラ位置からスプライトの中心までの距離に基づいてスプライトをソートします。

  • Orthographic - Orthographic ビューに基づいてソートします。Orthographic ビューでは、ビューの方向に沿った距離に基づいてスプライトをソートします。

  • Custom Axis - Transparency Sort Axisで指定された軸に基づいてスプライトをソートします。

Transparency Sort ModeCustom Axis に設定する場合は、Transparency Sort Axis を設定する必要があります。

Transparency Sort Mode モードを Custom Axis に設定している場合は、シーンビューのレンダラーは、カメラからこの軸までの距離に基づいてソートされます。 –1 から 1 の範囲の値を使用して軸を定義します。例えば、 X=0, Y=1, Z=0 は上方向への軸を設定し、 X=1, Y=1, Z=0 は、X と Y の間を通る斜め方向の軸を設定します。

スクリプトを使ったスプライトのソート

さらに、カメラの以下のプロパティーを変更し、スクリプトを使ってカメラごとにスプライトをソートすることもできます。

var camera = GetComponent<Camera>();

camera.transparencySortMode = TransparencySortMode.CustomAxis;

camera.transparencySortAxis = new Vector3(0.0f, 1.0f, 0.0f);

使用例

この設定は、スプライトを Y 軸に沿って並べるときなどに使用されます。 2D ゲームでは非常によく使われます。軸の高い位置にあるスプライトは、低い位置のスプライトの後ろにソートされます。こうすることによって、高い位置にあるスプライトは遠くにあるように見えます。

Unity が自動的にこれを処理するようにするには、Transparency Sort ModeCustom Axis に設定し、Transparency Sort AxisY 値を 0 より高く設定します。


2D ゲーム
Sprite Creator