Blenderのエネルギーコアを使ったThree.js製インタラクティブ3Dサイト

GPT-6 Astraが、Blenderで作った二重リングのコアを30分足らずで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 showcase website from a Blender model. In Blender, create a glowing energy core with two orbiting rings on a metal pedestal, in dark blue tones with cyan glow. Export it as a GLB that keeps the materials. In a Vite project, render it live with Three.js: drag to rotate, scroll to zoom, an auto-orbit mode, and a switch between a pulsing state and a still state. Add a minimal dark page with a large headline and a small control panel. Run it locally and check desktop interaction. Deliver a repository with the GLB, the web code and static hosting config, ready to deploy as static assets on an edge platform. Done means the page loads from a public address and every control works.

このプロンプトの使い方

  1. BlenderとViteを操作できるコーディングツールで、GPT-6 Astraにビルド指示を渡します。

  2. コア、リング、台座を自分のオブジェクトに差し替え、色や操作モードも調整します。

  3. ローカルで確認し、静的ビルドを公開して、照明やカメラの改善を依頼します。

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