正距円筒（エクイレクタングラー）のパノラマを、ブラウザの中だけでキューブマップの6面に変換。登録不要、アップロード不要。
パノラマをここにドロップ
クリックで選択 · JPG / PNG / WebP · 最大 50 MB
パノラマがない場合は
パノラマがデバイスから外に出ることはありません。すべての変換は Canvas を使ってブラウザ内でローカルに実行——アップロードなし、サーバーなし、アカウント不要です。
自分のツールチェーンに合わせて命名規則を選択：Unity プリセットは Skybox/6 Sided マテリアル自体のスロット名（front/back/left/right/up/down）でファイルを命名するので、名前を見てスロットに入れるだけで済みます。px/nx/py/ny/pz/nz は Three.js や汎用ツールの大半に向いています。OpenGL のチュートリアルは通常 pos_x/neg_x 形式です。
Photoshop スクリプトや有料ツールと違い、アカウント不要の無料ツールです。パノラマからゲームエンジンへのワークフローを支える Panorama Generator が提供しています。
6面すべてを1つの ZIP でまとめて取得、または必要な面だけを個別にダウンロードできます。
512×512・1024×1024・2048×2048 の立方体面に変換。モバイルや旧世代 GPU には小さめを、ソースの解像度が十分高いときは大きめを選びます。
パノラマをアップロードしてドラッグし、変換前に全天球をチェック。構図の乱れや継ぎ目の問題を、ページを離れずに早めに発見できます。
2:1 の正距円筒パノラマ（JPG/PNG/WebP）をドラッグまたは選択。ファイルはデバイス内に留まります。
内蔵の 360° ビューアで、正しいシーンをアップロードしたか確認します。
面サイズ（512/1024/2048）と命名規則を選び、変換をクリック。エクイレクタングラーからキューブマップへの変換は、ブラウザ内で2〜3秒で完了します。
エンジン用に命名された6面すべてを取得。Unity の 6-Sided スカイボックスマテリアルや Three.js の CubeTextureLoader にそのままドラッグできます。
キューブマップとは、視点を囲む仮想的な立方体の6面を構成する、6枚の正方形画像のセットです。同じ360°シーンを、球ではなく立方体に投影したもので、正距円筒（equirectangular）パノラマと表現内容は変わりません。
Unity 内蔵パイプラインのレガシースカイボックス、高精度なパノラマサンプリングに対応しないモバイル GPU、あるいは Three.js の CubeTextureLoader が変換先なら、エクイレクタングラーからキューブマップへの変換を実行してください——どれも6枚に分かれた面を必要とします。エンジンが正距円筒を直接扱える場合（URP/HDRP、最新の WebGL、あるいは .hdr パノラマをインポート時に TextureCube へ展開して HDRI Backdrop に渡す Unreal）は、そもそも変換が不要なこともあります。判断基準の全体像はスカイボックス形式の解説をご覧ください。
| 項目 | キューブマップ | エクイレクタングラー |
|---|---|---|
| レイアウト | 正方形画像6枚、面ごとに1枚 | 1枚の 2:1 画像（世界地図のような形） |
| 極付近の歪み | 極の特異点なし、角がやや伸びる程度 | 天頂・天底で強く引き伸ばされる |
| GPU サンプリング | パノラマサンプリング非対応の GPU でも動作 | 高精度なパノラマサンプリングが必要 |
| 主な利用先 | 旧 Unity スカイボックス、Three.js CubeTextureLoader | URP/HDRP、最新 WebGL、Unreal、360°ビューア |
| 向いている用途 | キューブマップのスカイボックスをエンジンへ納品 | 1ファイルでの保存・編集・プレビュー |
Unity でのキューブマップの作り方はこうです：Material を新規作成し、シェーダーを Skybox/6 Sided に設定します。Unity 命名プリセットで書き出したうえで、各 PNG を同じ名前のスロット（Front・Back・Left・Right・Up・Down）にドラッグし、Lighting → Environment でそのマテリアルを割り当てます。ヒント：Unity のスロット名は同エンジンの軸の癖をすでに織り込んでいるので、名前どおりに合わせるだけで済みます。別の方法として、元のパノラマを直接インポートして Texture Shape = Cube に設定し、Skybox/Cubemap マテリアルで使うこともできます。
Unreal は6枚の別々の画像からキューブマップを組み立てません——変換は飛ばして、2:1 のソースパノラマ（できれば .hdr）をそのままインポートしてください。UE はインポート時にそれを TextureCube へ展開し、HDRI Backdrop やスカイスフィアのマテリアルにすぐ使えます。6面が必要なのは、個別の面を受け取るエンジンやライブラリだけです。
const loader = new THREE.CubeTextureLoader(); const texture = loader.load(['px.png','nx.png','py.png','ny.png','pz.png','nz.png']); scene.background = texture; Three.js プリセットで書き出せば、6つのファイルは CubeTextureLoader が期待する [px, nx, py, ny, pz, nz] の順序そのままで出力されます。
以下の命名規則はすべて同じ6つの面を指しており、違うのはファイル名だけです。
| 面（見た目） | Three.js / 汎用 | Unity 6-Sided スロット | OpenGL |
|---|---|---|---|
| 正面から見て右 | px | left | pos_x |
| 正面から見て左 | nx | right | neg_x |
| 上 | py | up | pos_y |
| 下 | ny | down | neg_y |
| 中央（正面） | pz | front | pos_z |
| 背面 | nz | back | neg_z |
Unity 列が入れ替わっているのは意図的です。ファイルは軸ではなく、それが入るマテリアルスロットの名前で命名されており、Unity の Left [+X] スロットに入るのは正面を向いたとき右側の面だからです。ファイル名をスロット名に一致させれば、スカイボックスは正しい向きになります。
アップロードした面のプレビューは、posx/negx 形式（three.js の公式サンプルアセット）と right/left/top/bottom/front/back 形式（他の変換ツールでよく使われる）の名前も認識します。
キューブマップが内側反転や鏡像に見える場合、たいていは面が間違ったスロットに入っています。エクイレクタングラーパノラマからキューブマップへの書き出しを、使用エンジンの命名プリセットでやり直し、Unity では軸名よりスロット名を信頼して、プレビュータブで確認してください。
スカイボックスの向きがずれているときは、再書き出しではなく水平回転スライダーで直します。変換前に 0〜360° の範囲で調整し、選んだランドマークやキーライトがキューブマップの正面（front）の面に来るようにしてください。
キューブマップの面がぼやける場合、指定した面サイズがソースパノラマの縦解像度を超えています。面サイズをソースの高さ以下に保つか、AI スカイボックス生成 でより大きなソース画像を作成してください。
AI スカイボックス生成 なら30秒で作成できます。プロンプト駆動で 2:1 の正距円筒パノラマを出力し、この変換ツールでそのままキューブマップのスカイボックスに変換できます。
いいえ——画像がサーバーにアップロードされることはありません。画像からキューブマップへの変換は Canvas を使って100%ブラウザ内で行われ、あなたのファイルを当社が見ることは一切ありません。
エクイレクタングラー（スフィアマップ、球面パノラマとも呼ばれます）は1枚の画像（世界地図のような 2:1 比率）です。キューブマップは同じシーンを、視点を囲む仮想的な立方体の6つの正方形の面に展開したものです。最新エンジンは正距円筒を直接扱えることが多い一方、旧パイプラインやモバイル GPU は今もキューブマップを必要とします。詳しくはスカイボックス形式ガイドをご覧ください。
Skybox/6 Sided のスカイボックスなら Unity プリセット、Three.js や他のほとんどのツールなら px/nx/py/ny/pz/nz、OpenGL プロジェクトなら pos_x/neg_x プリセットを選んでください。Unity プリセットは、マテリアル自体の6つの Inspector スロット名でファイルを命名します——直感に反するラベルもそのまま踏襲していて、Left [+X] スロットに入るのは正面を向いたとき右側の面、Right [-X] に入るのは左側の面です。名前が一致するスロットにドラッグするだけで正しく仕上がります。Unreal ユーザーはそもそもキューブ面が不要です：Unreal Engine には6枚の個別画像を読み込む公式インポーターがなく、代わりに正距円筒パノラマ（できれば .hdr）をインポート時に TextureCube へ展開します。命名規則はいつでも再エクスポートで切り替え可能で、再アップロードは不要です。
1024 px はデスクトップと最新のモバイル VR に安全な既定値です。旧世代のモバイル GPU やメモリ節約には 512 を、ソースが非常に高解像度（例：8192×4096）でエンジン側が対応する場合のみ 2048 を選びます。出力の面サイズはソースの垂直解像度を超えられません。
このページのコンバーターは JPG・PNG・WebP のみに対応しています。.hdr や .exr ファイルを変換したい場合は、専用のHDRI キューブマップ変換ツールをご利用ください——浮動小数点データをそのまま保持し、IBL ライティング用の正真正銘の HDR キューブマップ面を書き出せます。
このページの「キューブマップをプレビュー」タブに6面をアップロードすると、キューブマップをオンラインで見ることができます——面はインタラクティブな 360° 球体に合成されるので、面の向きを確認したり継ぎ目を見つけたりできます。面を1枚の 2:1 正距円筒画像に統合し直すには、キューブマップ→パノラマ変換ツール を使ってください。
ソースのパノラマがシームレスにループしない（左端 ≠ 右端）場合、キューブマップも面の境界で同じ不連続が現れます。スカイボックス生成 が生成する AI パノラマは継ぎ目補正済みで、カメラ撮影のパノラマは通常正しくループします。スティッチ合成したパノラマはループしないことがあります。
水平回転スライダーは、変換前にキューブマップが向く方向を変えます。パノラマのどの経度をどのキューブ面に割り当てるかがシフトするので、特定の建物・地平線の特徴・光源を Photoshop でソース画像を編集し直すことなく正面に配置できます。