GPT-6 Astra作者 cooper

可交互的3D电脑主机拆解网站,含29个核心部件

GPT-6 Astra 做出的3D学习网站:拖动滑块即可拆解主机,点击29个部件中的任意一个查看说明。

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

创建精细的 3D 模型

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

Wandy3D 制作说明

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

Build an interactive 3D educational website that explains the parts of a desktop computer. Show a PC tower with a dark studio background and a clean light-on-dark interface. Use Three.js. Model about 29 core components (motherboard, CPU with cooler, GPU, RAM, SSD, power supply, fans, case panels) as separate meshes. Add a left sidebar listing components grouped by category with search, and a right panel that shows a name, short description and related parts for the selected component. Clicking a part in the list or the scene highlights it and focuses the camera on it. Provide an explode slider at the bottom that smoothly pulls every part away from the case along sensible axes and brings them back, plus orbit, zoom and reset controls. Add small animated labels for the selected part. Deliver a self-contained web project that runs locally. Done when every listed part can be selected, explained and separated in the exploded view without overlap glitches.

如何使用这条提示词

  1. 在你的编码智能体里把构建提示交给 GPT-6 Astra,要求生成可运行的 Three.js 项目。

  2. 更换主题,例如自行车、发动机或相机,并改写部件列表和说明文字。

  3. 打开后拖动拆解滑块,再让它补充动画、小测验或多语言切换。

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