暴走AGIとロボットに挑むThree.jsの一人称シューター

Claude Fable 5.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 a browser first-person wave shooter in Three.js. The player is a human fighting an unaligned AGI and its robot minions on a dark, cracked-asphalt rooftop arena at night. Show a title screen with a game name and an engage button, then a HUD with wave counter, health bar, ammo count and weapon slots. Include a firearm and a melee bat, small robot enemies and a larger boss machine with a glowing green screen face. Enemies telegraph attacks with glowing red laser lines on the floor and a large beam attack that floods the screen with orange-white light. Use a dim palette with neon red, orange and green accents, fog and bloom. Deliver one runnable web project with mouse-look and WASD controls, wave progression, win and lose states. Done when a player can start, clear several waves and see the boss attack.

このプロンプトの使い方

  1. コーディングエージェントでClaude Fable 5.1にビルドブリーフを貼り、Three.jsの実行可能なプロジェクトを依頼します。

  2. 敵役、ステージ、武器、ウェーブ数を自分の世界観に合わせて変えましょう。

  3. 実行して、攻撃予告やボス攻撃、HUDの見やすさを追加プロンプトで磨きます。

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