3D から 2D ゲームのスプライト

3D モデルを 2D スプライト シートに変換する

すでに 3D キャラクターまたはゲーム プロップをお持ちですか?次の 2D ゲーム用のスプライト シートに変換します。

GLB モデルをアップロードし、キャプチャする方向の数を選択し、透明な PNG スプライトをブラウザで直接レンダリングします。

モデルにすでにアニメーションが含まれている場合は、それらの動きからフレームをキャプチャして、アニメーション化されたスプライト シートを作成します。すべての視野角を手動でレンダリングして調整する必要はありません。

  • 1、4、または 8 方向の表示
  • 静的および既存のアニメーション モデル
  • 透明PNGスプライトシート
  • JSON アトラス座標

ブラウザ内でローカルに実行されます。 AI 生成クレジットは必要ありません。アニメーション フレームには、GLB 内の既存のアニメーションが必要です。

GLB をスプライト シートに変換する

表示方向、スプライト サイズ、モデルにアニメーション クリップが含まれている場合はアニメーション クリップを選択します。スプライトをレンダリングし、シートをプレビューし、JSON 座標データを含む PNG アトラスをダウンロードします。

背景

レンダリングはデバイス上に残ります。推論クレジットは必要ありません。 アニメーションが選択されていません: 方向ごとに 1 つの静的フレームがレンダリングされます。

スプライトシートのプレビュー

3D モデルから 2D スプライトへ

3D モデルからスプライト シートを使用する方法

これらはワークフローの例であり、サンプル出力ではありません。独自の GLB を使用して、方向とアニメーションの設定がプロジェクトにどのように適合するかを確認します。

01

8方向ゲームキャラクター

1 人の 3D キャラクターを 8 つの視点に変える

トップダウンまたはアイソメトリック スタイルのゲームの場合は、同じキャラクターを 8 方向に向けてレンダリングします。シートには、ソース モデルに基づいた一貫したレンダリング ビューが含まれています。

1 つのキャラクター、複数の視点方向が透明な PNG アトラスに配置されています。

02

アニメのキャラクター

既存の 3D アニメーションから動きをキャプチャする

キャラクタに歩行、アイドル、またはその他のアニメーション クリップが含まれている場合は、それを選択し、複数の方向からサンプリングされたフレームをレンダリングします。画像を 2D アニメーション ワークフローの開始点として使用します。

フレームは、ソース GLB にすでに存在するアニメーション クリップからサンプリングされます。

03

静的ゲーム プロップ

3D プロップから 2D スプライトを作成する

個人的なゲーム、プロトタイプ、またはビジュアル プロジェクト用に、選択した方向から宝箱、ポーション ボトル、装飾オブジェクト、またはその他の静的小道具をレンダリングします。

静的モデルは、選択した方向ごとに 1 つのフレームを生成します。

シンプルな 3D から 2D への変換

3D モデルからスプライト シートを作成する方法

いくつかの手順で既存の 3D アセットを 2D スプライトに変換します。

1

GLB モデルをアップロードする

最大 50 MB までの互換性のある GLB を選択してください。静的オブジェクトまたはアニメーション クリップが埋め込まれたモデルを使用します。

2

方向とスプライト設定を選択します

1、4、または 8 方向と 128、256、または 512 ピクセルのセル サイズを選択します。 GLB にアニメーションが含まれている場合は、クリップとフレーム数を選択します。

3

スプライト シートをレンダリングする

ブラウザでローカルにレンダリングします。このツールは、要求されたビューをキャプチャし、透明な PNG アトラスに配置します。

4

プレビューとダウンロード

シートを調べて、プロジェクトの PNG アトラスとその JSON 座標データをダウンロードします。

既存の資産をさらに活用

3D モデルは 2D ゲームでも役立ちます

既存のモデルを 2D スプライトとしてレンダリングすると、同じアセットを別の方法で使用できます。

すでに作成したキャラクターを再利用する

好みの 3D キャラクターの外観を、レンダリングされた 2D スプライトのベースとして使用します。

複数の角度から撮影する

モデルを回転させたりスクリーンショットを手動で撮影したりする代わりに、1 つのワークフローで 1、4、または 8 方向をレンダリングします。

静的およびアニメーション化されたスプライトを作成する

GLB に既に保存されているアニメーションから静的モデルまたはサンプル フレームをレンダリングします。

背景を透明に保つ

互換性のある 2D エディターおよびゲーム エンジン用に透明な PNG アトラスをエクスポートします。

スプライト フレームを整理する

シートのスライスに役立つフレームの位置と寸法を含む JSON アトラス データをダウンロードします。

ブラウザで直接作業

互換性のあるモデルを AI 生成キューに送信せずにローカルでレンダリングします。

視野角

1、4、または 8 方向 — どれを使用するべきですか?

方向カウントによって、モデルの周囲の角度が何個キャプチャされるかが決まります。アセットがゲーム内でどのように表示されるかに一致するセットを選択してください。

1方向

単一のビュー

単純なスプライト、装飾オブジェクト、ビジュアル テスト、または 1 つの方向を必要とするアセットの場合。アニメーション フレームを選択すると、同じ方向が使用されます。

1方向×1フレーム以上

4方向

単純な方向セット

ゲームやプロトタイプでの 4 方向の移動に。中間角度をすべて含まずに、等間隔に配置された 4 つのビューをキャプチャします。

4方向×1フレーム以上

8方向

より多くの視野角

トップダウンまたはアイソメトリック スタイルのプロジェクトで、より広範囲の向きを必要とするキャラクターや小道具向け。

8方向×1フレーム以上

どの方向設定が最適ですか?

まずはキャラクターやオブジェクトがゲーム内でどのように表示されるかから始めます。シングルビュー オブジェクトには 1 つの方向が必要な場合があります。ターンするキャラクターは 4 つまたは 8 つから恩恵を受ける可能性があります。

このツールは、垂直軸を中心にソース モデルを回転します。元の方向によって、どのキャプチャされたビューが前面、背面、または側面に対応するかが決まります。

2 つのレンダリング方法

静的スプライトの作成または既存のアニメーションのキャプチャ

このツールは、静的モデルと互換性のあるアニメーション クリップを含むモデルをサポートします。

静的スプライト シート

各方向に 1 つのフレーム

選択した角度からモデルをキャプチャします。レンダリングされたイメージ内で動きを必要としないオブジェクトやキャラクターに対しては、1、4、または 8 方向を選択します。

以下に最適:

  • 静的なゲームの小道具
  • 装飾品
  • キャラクターの方向に関するリファレンス
  • ビジュアルプロトタイプ
  • マルチアングル スプライト アセット

アニメーションスプライトシート

既存のアニメーションからフレームをキャプチャする

埋め込まれたクリップを選択し、その動きからフレームをサンプルします。方向ごとに 1、4、または 8 フレームを選択します。このツールは、アニメーション内の等間隔のポイントをサンプリングします。

以下に最適:

  • 既存の歩行サイクル
  • 既存のアイドルアニメーション
  • キャラクターの動きのプレビュー
  • 方向性のあるアニメーション アセット
  • 2Dゲームアニメーションの実験

重要な違い このツールは、GLB にすでに存在するアニメーションをレンダリングします。歩く、走る、攻撃する、またはアイドルの動きは生成されません。モデルにアニメーションが埋め込まれていない場合でも、静的シートを作成できます。

出力を理解する

方向とフレームごとに編成された 1 つの PNG アトラス

このシートはレンダリングされたイメージをグリッドに配置し、各セルにはモデルの 1 つのビューが含まれます。

行は方向を表します

行数は選択した方向と一致します。 8 方向のシートには 8 つの行が含まれます。

列はアニメーション フレームを表します

アニメーションが選択されている場合、列はサンプリングされたフレームに対応します。静的モデルには、方向ごとに 1 つのフレームがあります。

セル サイズはスプライトの寸法を制御します

セルあたり 128 × 128、256 × 256、または 512 × 512 ピクセルを選択します。セルが大きいほど詳細が表示され、より大きなアトラスを作成できます。

4方向、4フレーム

アニメーション化されたモデルは、4 行 4 列、つまり 16 個のレンダリングされたスプライト セルを生成できます。

8方向、8フレーム

既存のアニメーションからサンプリングされた 64 個のセルを含む 8 × 8 アトラス用に、8 つの方向と 8 つのアニメーション フレームを選択します。

シーケンスとその再生のスムーズさは、ソース アニメーションとフレーム設定によって異なります。

出力サイズガイド

128、256、または 512 ピクセル — どれが最適ですか?

最適なセル サイズは、スプライトをどのように使用するかによって異なります。

128ピクセル

小さなスプライトセル

高解像度を必要としない小さなスプライトやビジュアル テストに最適なコンパクトな選択肢です。細かい部分が見えにくくなる場合があります。

256ピクセル

バランスの取れたスプライト サイズ

最大のセル サイズを持たない詳細の開始点として役立ちます。これがデフォルトです。

512ピクセル

より大きなスプライト セル

さらに詳細をキャプチャします。このサイズの多くの方向とフレームにより、より大きな PNG アトラスが作成されます。

何を選ぶべきですか?

よくわからない場合は、256 ピクセルから始めてください。画面上の小さなスプライトには 128 ピクセルを選択し、アートワークや編集ワークフローに詳細が必要な場合には 512 ピクセルを選択します。

このツールは 3D モデルから画像をレンダリングします。手描きスタイルやピクセル アート スタイルは自動的に作成されません。

クリエイティブなプロジェクト

新しい 2D ワークフローで 3D アセットを使用する

見下ろし型ゲームのキャラクター

方向性のあるキャラクターのスプライトを作成する

トップダウン ゲームの開始点として、キャラクター モデルから複数の方向をレンダリングします。

アイソメトリック スタイルのゲーム

さまざまな角度からキャラクターを探索

多方向シートは、斜めのビューに役立ちます。このツールは等間隔の回転を使用します。必要に応じて、エンジン内のプレゼンテーションや視点を調整します。

2D RPG プロトタイプ

既存の 3D アセットからキャラクター スプライトを構築する

モデルに適切なアニメーションが含まれている場合は、静的な方向のスプライトを作成するか、動きをキャプチャします。

ゲームの小道具とアイテム

3D オブジェクトを 2D アセットとしてレンダリングする

ポーション、チェスト、武器、または装飾オブジェクトを、複数のビューを持つ透明なスプライトに変えます。

3D キャラクターのリファレンス

キャラクターをさまざまな側面から見る

さまざまな角度からキャラクターをレビューしたり、追加のアートワークの参考として画像を使用したりできます。

個人的なゲーム実験

3D から 2D へのワークフローを試してみる

既存のアセットをレンダリングして、2D プロトタイプにどのように適合するかを調べます。

プロジェクトを続けてください

PNG スプライト シートから 2D ゲームへ

アトラスを互換性のある画像エディターまたはゲーム エンジンにインポートし、プロジェクトのグリッドを構成します。

団結

PNG をスプライト テクスチャとしてインポートし、グリッドに基づいてスライスを設定します。必要に応じて、ピボット、アニメーションのタイミング、単位あたりのピクセルを構成します。

ゴドー

シートをインポートし、2D スプライト コンポーネントのグリッドまたはフレーム領域を構成します。ゲーム ロジックのアニメーション シーケンスと方向変更を設定します。

その他の 2D エディタおよびエンジン

透過PNGはスプライトシートに対応したソフトでご利用ください。 JSON はフレーム四角形を提供しますが、エンジンのネイティブ アトラス形式に適応する必要がある場合があります。

ジェネレーターは、キャラクター コントローラー、アニメーション ステート マシン、またはエンジン固有のプロジェクトを自動的に作成しません。

アセットをダウンロードする

スプライト画像とそのフレーム座標を取得する

出力には、連携して動作する 2 つのファイルが含まれています。

PNG スプライト シート

レンダリングされたスプライトを含む透明な画像

アトラスには、選択した方向と選択したアニメーション フレームが含まれます。互換性のあるエンジン、エディタ、またはクリエイティブ プロジェクトで使用してください。

出力: .png

JSON アトラス座標

スプライト シートのフレーム位置

The data describes cell dimensions, rows, columns, frame positions, and animation information when applicable.これを使用して、スプライト領域を識別してスライスします。

出力: .json

両方をダウンロードする理由

PNG にはレンダリングされたイメージが含まれており、JSON はアトラス内の位置を記述します。これらを組み合わせると、好みのワークフローでスプライトを整理するのに役立ちます。

レンダリングする前に

GLB モデルからさらに便利なスプライトを取得する

1

認識可能なモデルを選択してください

すっきりとしたシルエットのGLBを使用。解像度が低いと、小さな特徴を認識するのが難しくなることがあります。

2

モデルの向きを確認する

ソースの方向は、どのビューが正面、側面、背面としてキャプチャされるかに影響します。最初に適切な向きに合わせてください。

3

既存のアニメーション クリップを使用する

アニメーション化されたスプライトの場合は、目的の動きがすでに含まれている GLB を選択します。ジェネレーターはアニメーションを発明できません。

4

フレーム数を動きに合わせる

単純なモーションは、より少ないフレームで読み取られる場合があります。複雑な動きの場合はさらに必要になる場合があります。オプションは、1 方向あたり 1、4、または 8 フレームです。

5

適切なスプライト サイズを選択する

まずは 256 ピクセルを試してください。重要な詳細には 512 ピクセル、非常に小さなスプライトには 128 ピクセルを検討してください。

6

スプライト シート全体を確認する

アトラスを使用する前に、クリッピング、フレーミングの違い、マテリアルの変更、その他の問題を探してください。

違いを理解する

既存のモデルのレンダリングは、新しいスプライトの生成とは異なります

このツールは、ソース GLB を複数の方向からレンダリングし、その既存のアニメーションをサンプリングできます。

3D モデルからのスプライトのレンダリング

GLB を使用してビューをレンダリングし、可能な場合は埋め込みアニメーション クリップをサンプルします。

  • すでに 3D キャラクターまたはプロップを持っています。
  • レンダリングされた複数の視野角が必要です。
  • 既存のアニメーションを再利用したい。
  • 同じソース モデルの一貫したビューが必要です。

AI 生成のスプライト シート

AI スプライト ジェネレーターは、画像または説明から新しいアートワークまたはアニメーションを作成できます。これは別のワークフローであり、表示スタイルも異なる場合があります。

どれを選ぶべきですか?

すでに 3D モデルがあり、そこから 2D 画像が必要な場合は、このジェネレーターを使用してください。新しい動きを発明したり、アートワークをピクセル アートに変換したり、ソース モデルを使用せずにフレームを作成したりするには、別のツールが必要です。

ローカル 3D レンダリング

モデルをアップロードせずにスプライト シートをレンダリングする

GLB は、デバイスのグラフィック機能を使用してブラウザにローカルにロードされ、レンダリングされます。このタスクではファイルはリモート AI 推論サービスに送信されず、レンダリングでは AI 生成クレジットは使用されません。

パフォーマンスは、デバイス、ブラウザ、モデルの複雑さ、選択した出力サイズによって異なります。

  • ブラウザベースのレンダリング
  • AI 推論クレジットなし
  • レンダリング用のモデルのアップロードがありません
  • PNG および JSON のダウンロード

3D モデルを使って創作を続ける

画像を 3D に変換

写真から 3D モデルを作成する

参照画像から推定モデルを生成し、検査またはエクスポートします。

画像を 3D に変換してみる →

テキストを 3D に変換

説明から 3D モデルを作成する

キャラクター、小道具、またはオブジェクトを記述し、3D 開始点を生成します。

テキストを 3D に変換してみる →

AIオートリギング

スケルトンとスターター アニメーションを追加する

適切なヒューマノイド GLB の自動リギングとスターター アニメーションを調べてください。

AIオートリギングを試してみる →

3D モデルから PNG へ

単一の 3D ビューを画像としてレンダリングする

選択した角度から GLB をレンダリングし、透明な PNG をダウンロードします。

3D モデルを PNG に変換してみる →

よくある質問

GLB to スプライト シート ジェネレーターとは何ですか?

3D モデルを 1 つのスプライト シートに配置された 2D 画像にレンダリングします。このツールは、互換性のある GLB から 1 方向、4 方向、または 8 方向をキャプチャし、JSON フレーム座標を含む透明な PNG アトラスをエクスポートします。

3D モデルを 2D スプライト シートに変換するにはどうすればよいですか?

GLB をアップロードし、表示方向とセル サイズを選択して、シートをレンダリングします。モデルにアニメーション クリップが含まれている場合は、1 つを選択して複数のフレームをキャプチャします。レンダリングが完了したら、PNG と JSON をダウンロードします。

3D モデルから 8 方向のスプライトを作成できますか?

はい。 8 つの方向を選択して、等間隔の回転をキャプチャします。静的モードでは、シートには各方向に 1 つのフレームが含まれます。

GLB からアニメーションのスプライト シートを作成できますか?

はい、GLB に互換性のあるアニメーション クリップがすでに含まれている場合は可能です。それを選択し、方向ごとに 1 つ、4 つ、または 8 つのサンプリングされたフレームを選択します。このツールは既存のアニメーションをレンダリングします。新しい動きは生まれません。

このツールは、歩く、走る、アイドル状態のアニメーションを生成できますか?

いいえ。これらのモーションは、すでに GLB に含まれている場合にのみレンダリングできます。

静的な 3D モデルを使用できますか?

はい。静的モデルは、1 方向、4 方向、または 8 方向にレンダリングでき、各方向に 1 つのイメージが表示されます。

GLB ファイルの最大サイズはどれくらいですか?

最大 50 MB の有効な GLB ファイルがサポートされます。レンダリングには、WebGL と互換性のあるブラウザと十分なデバイス リソースも必要です。

どのファイル形式をアップロードできますか?

このジェネレーターは GLB ファイルを受け入れます。 OBJ、FBX、STL、または外部リソースを含む個別の GLTF ファイルを直接受け入れません。まず別の形式を互換性のある GLB に変換します。

どのようなスプライト サイズが利用可能ですか?

セルあたり 128 × 128、256 × 256、または 512 × 512 ピクセルを選択します。 PNG のサイズは、方向、フレーム、セル サイズによって異なります。

1方向あたり何フレーム生成できますか?

既存のアニメーション クリップの場合、方向ごとに 1 つ、4 つ、または 8 つのサンプル フレームを選択します。静的モードでは、方向ごとに 1 つのフレームが作成されます。

64フレームのスプライトシートを作成できますか?

はい。アニメーション クリップでは、8 つの方向と各方向に 8 つのフレームが 64 個のスプライト セルを生成します。それらの有用性はソース アニメーションによって異なります。

ジェネレーターはピクセルアートを作成しますか?

いいえ。サポートされているマテリアルと照明を使用して 3D モデルをレンダリングします。結果は手描きまたはピクセル アート スタイルに変換されません。 PNG は後で編集できます。

スプライトシートの背景は透明ですか?

はい。 PNG アトラスは背景が透明です。モデルはサポートされているマテリアルを使用します。ソース アセット内の透明度は、レンダリング結果に影響を与える可能性があります。

Unityでスプライトシートを使用できますか?

はい。 Unity では PNG スプライト シートをインポートできます。プロジェクトのスライス、ピボット、アニメーション シーケンス、その他の設定を構成します。 JSON 座標は Unity 固有のアセット形式ではありません。

生成されたスプライトを Godot で使用できますか?

はい。 PNG をインポートし、Godot でそのフレーム グリッドまたは領域を構成します。アニメーションのタイミングと方向の処理をプロジェクトで設定する必要がある場合があります。

このツールをトップダウン ゲームに使用できますか?

複数の方向からのビューは、トップダウンのキャラクターやオブジェクトに対して機能します。カメラの視点とソース モデルの方向に基づいて設定を選択します。

アイソメトリック ゲームでスプライトを使用できますか?

スプライトはアイソメトリック スタイルのプロジェクトで使用できますが、専用のアイソメトリック カメラ プリセットはありません。キャプチャした視点と方向がゲームに適しているかどうかを確認してください。

JSON アトラス ファイルは何のためにありますか?

行、列、セルの寸法、フレームの四角形などのシート レイアウトについて説明します。これを使用して、エンジンまたはカスタム ワークフロー内のスプライト領域を見つけます。

各スプライトを個別の PNG としてダウンロードできますか?

直接ではありません。ワークスペースは、PNG アトラスと JSON 座標を組み合わせた 1 つをエクスポートします。必要に応じて、画像エディタまたはスプライト処理ツールを使用してアトラスを分割します。

表示方向はいくつでも選択できますか?

いいえ。使用可能なオプションは 1 方向、4 方向、または 8 方向です。カスタム角度と任意の方向カウントはサポートされていません。

カメラの角度を手動で制御できますか?

このツールは、モデル周囲の等間隔の方向をキャプチャします。手動カメラ回転、カスタム標高、またはスプライトごとの個別のフレーミング コントロールは提供されません。

すべてのスプライトのキャラクターの外観は同じになりますか?

すべてのスプライトは同じ GLB からレンダリングされます。照明、マテリアル、フレーム、ジオメトリ、アニメーションは、さまざまな方向の表示に影響を与える可能性があるため、シート全体を調べてください。

GLB to Sprite Sheet Generatorは無料ですか?

レンダリングはブラウザ内で実行され、AI 推論クレジットを消費しません。互換性のある GLB をレンダリングするために、有料の AI 生成タスクを送信する必要はありません。

私の 3D モデルはあなたのサーバーにアップロードされていますか?

いいえ。このワークフローは、GLB をブラウザーでローカルに読み取り、レンダリングします。モデルは、スプライト シート生成のためにサーバーにアップロードされません。

このツールは Mac と Windows で使用できますか?

はい、互換性のある最新のブラウザーで使用できます。パフォーマンスと WebGL の可用性は、ブラウザ、グラフィックス ハードウェア、モデルの複雑さによって異なります。

AI が生成した 3D キャラクターからスプライトを作成できますか?

はい、キャラクターを互換性のあるGLBとして持っている場合は可能です。アニメーション化されたスプライトには、そのファイルにアニメーション クリップが埋め込まれている必要があります。

生成されたスプライトシートには影が含まれていますか?

このツールは、組み込みの照明と透明な背景を使用してレンダリングします。個別のシャドウ コントロールやグランド シャドウのエクスポートはありません。外観はモデルとサポートされている材質によって異なります。

商用ゲームでスプライトを使用できますか?

技術的な出力は、互換性のあるゲーム ワークフローで使用できます。商用利用の権利は、ソース モデル、テクスチャ、およびその他の含まれるコンテンツに対するお客様の権利によって決まります。

3D アセットを 2D に変換

次のスプライト シートは 3D モデルから始まります

複数の方向から GLB をレンダリングし、既存のアニメーションからフレームをキャプチャし、クリエイティブ プロジェクト用の透明な 2D スプライトをダウンロードします。すべての角度を手動でキャプチャする必要はありません。

GLB アップロード · 多方向レンダリング · 透過 PNG · JSON アトラス

    GLB からスプライト シート ジェネレーター – 3D から 2D スプライト | Create3DOnline