Three.jsでゼロから作ったアイソメトリックのダークファンタジー・アクションゲーム

GPT-6 Astra(中程度の設定)が、廃墟のアーチ、ポータル、戦闘、スキルバーを備えたアクションゲームの第1ステージをThree.jsで作成した。

Claude Code + Three.js(コードのみ)Wandy 2
実際のモデル · 360°どちらも同じ写真から作成:左は Claude Code(Opus 5.5)が Three.js のコードでモデリングした、手を加えていない1回分の実行結果。右は Wandy 2。

精細な3Dモデルを作ろう

コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。

Wandy3Dによる制作ブリーフ

作者がプロンプトを公開していないため、この作品を再現する方法を私たちがまとめました。

Build the first level of a 3D isometric action game as a browser project using Three.js, with every asset created in code and no downloaded models. Set it in overgrown fantasy ruins: mossy stone arches, pillars, broken walkways, obelisks, foliage, drifting fog and moody lighting with glowing cyan portals. Add a hero seen from a high angled camera who moves by clicking, attacks enemies, and uses abilities from a hotbar at the bottom of the screen. Include health display, a minimap in the corner, a game title, floating combat feedback, magic summoning circles and a light beam effect for key events. Give the level a clear objective with enemies to defeat and areas to reach. Run the game, play through it, and fix bugs until movement, combat and interactions work. Deliver a runnable project with instructions to start it.

このプロンプトの使い方

  1. GPT-6 Astraを使うCodexなどにビルドブリーフを貼り、Three.jsのみで作るよう指定します。

  2. 舞台・主人公・敵・スキルを変えます(SF遺跡や沼地など)。

  3. 遊べるステージが完成します。プレイテストと戦闘・カメラ・敵AIの修正を依頼できます。

元の投稿作者の方ですか? このページの修正・削除をご依頼ください