昼・夕暮れ・夜を切り替えられるブラウザ3D超高層ビル都市

GPT-6 Astraがネオンの縁取りを持つ超高層ビル群の3D都市を生成。時間帯の切り替えと、夕暮れのビル間飛行が見どころです。

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

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

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

Wandy3Dによる制作ブリーフ

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

Build an explorable 3D city of very tall skyscrapers that runs in the browser as a single page with WebGL (Three.js). Use dark glass towers with thin neon cyan and magenta edge lines and scattered lit windows, set against a warm gradient sky that goes from amber at the horizon to violet above. Add a minimal futuristic HUD: a small title block, a time-of-day switch with Day, Sunset and Night modes, a local clock with a haze readout, a mini sector map, and buttons for changing viewpoint and travel mode. The mouse steers a camera that glides between and above the towers, so the player feels the height of the buildings. Vary tower shapes: spires, stepped tops, slanted roofs and wide slabs. Switching the time of day should change sky colour and window lighting. Done means a smooth, continuous flight through a dense skyline in all three lighting modes with the interface readable on top.

このプロンプトの使い方

  1. コーディングツールのGPT-6 Astraにビルドブリーフを貼り、Three.jsの単一HTMLファイルを依頼します。

  2. 都市のテーマ、ビルの密度、配色、HUDの文言を変え、必要な時間帯モードを加えます。

  3. ページを開いて飛び回り、カメラ速度や窓の明かり、霧などの調整を続けて依頼します。

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