Three.js 天坛祈年殿 3D 模型与分层拆解展示页

GPT-6 Astra 用 Three.js 建模祈年殿,并做成带屋顶分层拆解动画的展示网页。

Claude Code + Three.js(仅代码)Wandy 2
真实模型 · 360°两者都基于同一张照片:左边是 Claude Code(Opus 5.5)用 Three.js 代码建模的一次未经修改的运行结果;右边是 Wandy 2。

创建精细的 3D 模型

单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。

Wandy3D 制作说明

作者没有公开提示词,因此我们写下了复现这个作品的方法。

Build a single-page web showcase for a 3D model of a traditional Chinese circular temple hall, the Hall of Prayer for Good Harvests, using Three.js. Model a three-tier white marble base, a ring of red pillars and a triple-eave conical roof in deep blue tiles with gold trim and a gilded finial. Place it on a pale misty background with soft stylized rounded trees around it. Add elegant overlay typography with the Chinese hall name as a large title, a short subtitle and a small bottom toolbar of buttons. Let the model rotate slowly, and include an exploded view button that lifts the roof layers and pillars apart, then reassembles them smoothly. Keep the look calm, light and editorial. Deliver everything as one self-contained HTML file. Done when the model reads clearly as the temple, the exploded animation plays both ways and the page looks polished at desktop size.

如何使用这条提示词

  1. 把构建说明交给 GPT-6 Astra(作者搭配 Three.js),并要求输出单个 HTML 文件。

  2. 把建筑换成其他地标,调整配色、文字和拆解的层级。

  3. 得到可旋转的 3D 模型页面;再用追问打磨屋顶比例、灯光和按钮交互。

原帖你是作者吗? 请联系我们修改或删除此页面