ブラウザで歩ける3Dオフィス、リグ付きの人物とブループリント表示

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 an interactive 3D office walkthrough that runs in the browser with Three.js. Model a modern high-rise office floor with a reception desk and glowing logo wall, open-plan desks with chairs and monitors, a conference room, a private office with big windows onto a night city skyline, corridors and restrooms, with dark wood, white marble and warm accent lighting. Populate it with about thirty rigged people in suits who sit, stand and greet the visitor by name when approached. Offer a first-person mode with keyboard and mouse movement, clickable doors that open, an orbit view that shows the whole floor, and a blueprint view that shows a flat plan. Add small room labels and a minimal HUD. Deliver a deployable static site. Done means you can walk from the reception through every room, doors respond to clicks, and view modes switch smoothly.

このプロンプトの使い方

  1. コーディングエージェントでClaude Fable 5.1にこのブリーフを渡し、静的なThree.jsサイトを依頼します。

  2. 舞台、部屋の構成、スタッフ数、挨拶文、建物の雰囲気を自分用に差し替えます。

  3. 静的ホスティングに公開して歩き回り、衝突やドア、カメラの修正を頼みます。

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