五重塔のボクセル庭園を1つのThree.jsファイルで生成、昼と夕暮れ切替

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 a procedural voxel diorama in one self-contained HTML file using Three.js, with no downloaded assets or prebuilt models. Show a floating square island garden in early spring with a tall five-tier pagoda in green, red and gold, pink and white cherry trees, pines, bamboo, a small pond with a red arched bridge, a torii gate, stone lanterns, a small tiled-roof house and scattered flowers. Generate everything from a fixed random seed so every load gives the same scene. Merge voxels into a single mesh and cull hidden faces to keep it light. Add a day and dusk lighting toggle: at dusk the sky darkens, lanterns glow and petals drift. Provide orbit by dragging, zoom by scroll or pinch, and an auto-orbit button, with a small title card showing voxel and triangle counts. Done when the scene loads quickly, looks identical on each reload and switches smoothly between day and dusk.

このプロンプトの使い方

  1. Claude Fable 5.1を使うClaude Codeなどにビルドブリーフを貼り、単一HTMLファイルを依頼します。

  2. シード、中心の建物、木、季節、配色を変えて別のジオラマにします。

  3. 開いて回転や夕暮れ切替を試し、三角形数を見ながら細部やライティングの改善を依頼します。

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