夜の都市の屋上で戦うThree.js製サードパーソンシューター

GPT-6 Astraが9分弱でThree.jsのシューターを作成。ネオンの屋上、スローモーション、薬莢の演出が見どころ。銃撃の手応えはFable 5.1に劣るとのこと。

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

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

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

Wandy3Dによる制作ブリーフ

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

Build a browser-based third-person shooter in Three.js, inspired by a gritty noir action game, delivered as a small web project that runs locally. The setting is a night-time city rooftop with dark skyscrapers in the background, warm orange street lamps, a glowing neon sign over a small building, hedges and low cover. The player controls an armored soldier seen from behind, moves around the rooftop and fires a firearm at enemy gunmen who appear across the roof. Shooting must feel punchy: visible muzzle flash, tracer lines, ejected brass casings that fall and bounce, hit feedback and a short slow-motion effect on key moments. Add a minimal HUD with ammo count, a score counter and a mission line such as clearing the rooftop. Use simple stylized lighting with fog and bloom for the night mood, and load character models from an online source if needed. Done when the rooftop is playable from start to cleared state, controls respond smoothly and gunplay reads clearly.

このプロンプトの使い方

  1. コーディングエージェントのGPT-6 Astraにブリーフを貼り、ブラウザで動くThree.jsプロジェクトを依頼します。

  2. 舞台、キャラクター、敵の数、ミッション文を変更し、作者のように制限時間を決めると仕上がりがまとまります。

  3. プレイして、スローの長さ、反動、カメラ、被弾演出の調整を依頼し、撃ち心地を整えます。

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