Manuals
Manuals




This translation is community contributed and may not be up to date. We only maintain the English version of the documentation. Read this manual in English

2D グラフィックスのインポート

Defold は、2D ゲームでよく使われるさまざまな種類の描画用コンポーネント(component)をサポートしています。Defold では、静止したスプライト(sprite)やアニメーションするスプライト、UI コンポーネント、パーティクルエフェクト(particle effect)、タイルマップ(tile map)、ビットマップフォント(bitmap font)を作成できます。これらの描画用コンポーネントを作成するには、まず使用するグラフィックスを含む画像ファイルをインポートする必要があります。画像ファイルをインポートするには、コンピューター上のファイルシステムからファイルをドラッグし、Defold エディターの Assets ペイン 内の適切な場所にドロップするだけです。

ファイルのインポート

Defold は PNG 形式と JPEG 形式の画像をサポートしています。ほかの形式の画像は、使用する前に変換する必要があります。

Defold アセットの作成

Defold に画像をインポートすると、その画像を使って Defold 固有のアセット(asset)を作成できます。

アトラス アトラス
アトラス(atlas)には個別の画像ファイルのリストが含まれ、それらの画像はより大きなテクスチャ画像に自動的にまとめられます。アトラスには静止画像と、連続した画像を切り替えるフリップブックアニメーション(flipbook animation)を構成する画像の集合である アニメーショングループ(Animation Groups) を含められます。

アトラス

アトラスリソースについて詳しくは、アトラスのマニュアルを参照してください。

タイルソース タイルソース
タイルソース(tile source)は、小さな画像を均一なグリッドに並べて構成した画像ファイルを参照します。このように複数の画像をまとめた画像は、一般に スプライトシート(sprite sheet) とも呼ばれます。タイルソースには、アニメーションの最初と最後のタイルで定義するフリップブックアニメーションを含められます。また、画像を使ってタイルにコリジョン形状(collision shape)を自動的に付加することもできます。

タイルソース

タイルソースリソースについて詳しくは、タイルソースのマニュアルを参照してください。

ビットマップフォント ビットマップフォント
ビットマップフォントは、PNG 形式のフォントシートにグリフ(glyph)を格納します。この種類のフォントは、TrueType または OpenType のフォントファイルから生成したフォントと比べてパフォーマンスは向上しませんが、任意のグラフィックス、色、影を画像に直接含められます。

ビットマップフォントについて詳しくは、フォントのマニュアルを参照してください。

BMfont

Defold アセットの使用

画像をアトラスファイルとタイルソースファイルに変換すると、それらを使ってさまざまな種類の描画用コンポーネントを作成できます。

スプライト
スプライトは、画面に表示する静止画像またはフリップブックアニメーションです。

スプライト

スプライトについて詳しくは、スプライトのマニュアルを参照してください。

タイルマップ タイルマップ
タイルマップコンポーネントは、タイルソースから取得したタイル(画像とコリジョン形状)を組み合わせてマップを作成します。タイルマップではアトラスをソースとして使用できません。

タイルマップ

タイルマップについて詳しくは、タイルマップのマニュアルを参照してください。

パーティクルエフェクト パーティクルエフェクト
パーティクルエミッター(particle emitter)から生成されるパーティクルは、アトラスまたはタイルソースの静止画像またはフリップブックアニメーションで構成されます。

パーティクル

パーティクルエフェクトについて詳しくは、パーティクルエフェクトのマニュアルを参照してください。

GUI GUI
GUI のボックスノード(box node)と、円や扇形を表示するパイノード(pie node)では、アトラスやタイルソースの静止画像とフリップブックアニメーションを使用できます。

GUI

GUI について詳しくは、GUI のマニュアルを参照してください。