GPT-6 Astra作者:Kalan

Blenderのベイク照明を使ったThree.js製アイソメ自己紹介ルーム

GPT-6 AstraがBlenderでベイクした淡い部屋をThree.jsの紹介サイトに。湯気、マトリックス風コード、紙のしわをTSLで実装しています。

デモ

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 self-introduction website set in a single small isometric room diorama. Model and render the room in Blender with baked lighting: a pastel wooden-floor room with a desk, monitor, office chair, guitar, bookshelf, curtain, wall air conditioner and a framed wave painting. Bring it to the web with Three.js, using TSL shaders for live effects such as green matrix-style code on the monitor, rising steam from a mug and a crinkled paper surface. Let the visitor click objects so the camera glides in close, and show a handwritten-style page of personal text for each one, then return to the full room view. Keep the colours soft and warm on a light background. Done means smooth camera transitions, convincing animated effects, and readable text pages.

このプロンプトの使い方

  1. Blenderでベイクした部屋のテクスチャを用意し、コーディングエージェントのGPT-6 Astraにビルドブリーフを渡します。

  2. 部屋の小物や壁の絵、紹介文を自分の生活や仕事に合わせて差し替えます。

  3. ブラウザでカメラ移動とシェーダー効果を確認し、タイミングや見た目の調整を依頼します。

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