1945年から2055年まで変化する街区をThree.jsで作る

Claude Opus 5が複数モデル比較で勝った例。店舗や車、照明が年代ごとに変わる、単一HTMLのThree.js街区です。

1945年から2055年まで変化する街区を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 single self-contained HTML file with Three.js that shows one city street block transforming across eras from 1945 to 2055. Add a timeline slider along the top that jumps between decades. Each era swaps the buildings, storefront signs, parked and moving cars, street furniture, trees and pedestrians, and changes the lighting mood and ambient sound effects. Use a stylized low-poly look with warm sepia tones for the post-war years, saturated neon signage for the mid-century, and clean glass and greenery for the modern and future eras. Include a small info card for the current era with a short description, plus controls for time of day, camera presets (street, aerial, free orbit) and toggles for effects. Let the user orbit with the mouse. Transitions between eras should animate smoothly rather than cut. Done means the block visibly evolves across all decades, the controls respond, and it runs by opening the file in a browser.

このプロンプトの使い方

  1. コーディングツールでClaude Opus 5を高い推論設定にし、ブリーフを貼ってHTML1枚を頼みます。

  2. 年代や街、見た目を変えます。東京の通り、港町、ピクセルアート、別の期間など。

  3. ファイルを開いてタイムラインを動かし、群衆や効果音、天候の追加を依頼して磨きます。

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