夜の海で氷山を避けて豪華客船を操縦するゲーム(Three.js)

Claude Fable 5.1が2回のプロンプトで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 game in Three.js where the player steers a large early-twentieth-century ocean liner across a dark, starry North Atlantic night and must avoid icebergs. Render a reflective, rippling sea, drifting icebergs of varied size, a glowing beacon column in the distance, black smoke from the funnels, a foamy wake and a lit-up ship with rows of warm windows. Provide two camera modes: a chase view for gameplay and a cinematic orbit view. Add steering and speed controls, a small radar in the corner, a HUD with speed, distance travelled and warnings when an iceberg is near, plus a mission and reward system that scores safe distance. Use a deep navy and teal palette with warm yellow ship lights. Ship it as a static site that can be deployed to a free host. Done when the ship sails smoothly, collisions end the run and distance missions pay out rewards.

このプロンプトの使い方

  1. コーディングツールでClaude Fable 5.1に制作指示を渡し、2回目のプロンプトで仕上げます。

  2. 船、航路、障害物、天候を変え、ミッションと報酬の内容も置き換えます。

  3. 静的サイトとして無料ホストに公開し、操作感やカメラ、難易度を調整します。

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