2026-08-11

3Dモデルを8方向スプライトシートに — ブラウザだけで、無料で

3Dモデルを2Dスプライトへプリレンダリングするのは、ゲーム制作で最も古くからある手法のひとつです。ディアブロIIがそうでしたし、Falloutも、2000年代の韓国オンラインゲームの半分もそうでした。キャラクターを3Dで一度だけ作り、全方向からレンダリングして、完成したスプライトをゲームに載せる。2Dの軽さと画面の一貫性、そして3Dアニメーションの安価な再利用を同時に手に入れられます。変わったのは、それがどこで動くかだけ。かつては3Dソフトとレンダースクリプトが必要でしたが、いまはブラウザのタブひとつで完結します。

新しい「3D → スプライト」ツールは、リグ済みの3Dモデルを受け取って、ゲームにそのまま使えるスプライトシートを作ります。この記事では、ツールが何をするのか、モデルに必要な条件、そして本当に重要な2〜3個の設定を整理します。

このツールがやること

リグ済みのGLBまたはGLTFをアップロードします。ツールがモデルをリアルタイムのビューポートに読み込み、ファイルに入っているアニメーションクリップを一覧にして選ばせてくれます。方向数(4・8・16)、カメラの俯角、方向ごとのフレーム数、出力セルサイズを決めてレンダリング。「方向 × フレーム」のすべての組み合わせがあなたのグラフィックカード上でオフスクリーンレンダリングされ、アニメーション・キャラクターツールがすでに書き出しているものと同じスプライトシート + JSONメタデータ形式にまとめられます。それらのツール向けに組んだパイプラインがあれば、そのまま使えます。

なぜ無料なのか

この機能の裏側にサーバーGPUはありません。レンダリングはあなたのマシン上で動くWebGLで、ブラウザで3Dゲームが動くのと同じ仕組みです。シートを1枚作るのに私たちのコストはかからない。だからあなたのコストもかかりません。ログインすれば使えて、クレジットも消費しません。

モデルに必要な条件

モデルはリグ済みであること。つまりメッシュにスケルトンがバインドされていて、ボーン名が事実上の標準であるMixamo命名規則に従っていることです。Adobeの無料サービスMixamoで自動リグしたモデルはまさにその形式ですし、主要なAI 3D生成ツール(Meshy、Tripo)の出力も互換です。リグされていないモデルなら、先にMixamoの自動リグを一度通してください。数分で終わります。ツールはアップロード時点でスケルトンを検証し、使えない場合は歪んだ結果をレンダリングする代わりに、理由をはっきり伝えます。

本当に重要なカメラ設定

俯角 — カメラがどれだけ見下ろすか — はグローバル設定ひとつです。横視点のゲームなら真横0°、アイソメトリックなら30°か45°、トップダウンなら60°。自由なカメラをあえて用意していません。全方向が完全に同じ俯角を共有しないと、シートの行同士が揃わなくなるからです。

投影はより微妙な選択です。平行投影が伝統的な選択で、タイルグリッドとぴったり合いますが、完全な平行投影の絵は平板に見えがちです。古典的なプリレンダリングの質感は、多くの場合望遠レンズから来ています。視野角を狭くしてカメラを遠くへ引く。平行投影に近いけれど、わずかな奥行きが残る方式です。ツールは両方を用意していて、切り替えても構図はそのまま保たれるので、直接比較できます。

ピクセル化オプションについて

輪郭検出付きのピクセル化ポストエフェクトをオプションで使えます。はっきりさせておきたいのは、これは機械的なダウンサンプリングであって、手で打ったドット絵ではないということ。プロトタイプやレトロ風味を出したいゲームには十分効きますが、アートの方向性が本物のドット絵なら、出力は上から描き込むための下地として扱ってください。完成アセットではありません。

シートをエンジンに載せるとき

JSONメタデータの2つの項目が、実際のデバッグ時間を節約してくれます。

アンカー。カメラはモデルの周囲に安全マージンを取るため、どのセルでもキャラクターの足元の下に透明な余白があります。セルの下端基準でスプライトを配置すると、キャラクターが浮きます。JSONにはfootInsetと推奨アンカー — 足元直下の点 — が記録されているので、最初から正しい位置に置けます。

方向の並び。シートの行は方向ごとに並び、どの行がどの角度かはJSONに書かれています。移動入力を行番号につないだとき東西が入れ替わって見えたら、それは利き手系(handedness)の不一致です。行番号を計算するときにx入力の符号を反転してください。

古い手法から、パイプラインだけを抜いた

ここに新しい発明はありません。むしろそれが要点です。プリレンダリングは、リリースされたゲーム25年分で実証済みの手法です。新しいのは、「3Dモデルがある」から「正しいメタデータ付きの8方向スプライトシートがある」までがブラウザで数分になったこと。そして面倒な部分 — 方向間の構図の一致、足元アンカー、書き出し形式 — をツールが肩代わりしてくれることです。