可更换部件的高达风机甲 Three.js 配置器

Claude Fable 5.1 生成了 Three.js 查看器,展示白蓝红机甲,可选机体、更换头部与武器,并能环绕查看。

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 mecha configurator as a single web page using Three.js. Show a blocky, hard-surface robot in white with blue and red accents, standing on a pale warm-beige floor with a soft shadow. Add a clean light side panel with a roster of three mech units, dropdowns for head crest, weapon and back pack, a presentation section with turntable, hard outlines and ground shadow toggles, and front, three-quarter, side and back camera buttons. Changing a dropdown should instantly swap the matching part on the model, such as a beam rifle or a heavy cannon. Support drag to orbit and scroll to zoom. Include a small readout with part and colour counts. Done means switching units and parts works smoothly and the mech reads clearly from every angle.

如何使用这条提示词

  1. 把构建说明粘贴到运行 Claude Fable 5.1 的编程智能体中,要求生成单个自包含网页。

  2. 按你的游戏或创意修改机器人风格、配色,以及头部、武器和背包的选项列表。

  3. 打开后旋转模型并切换部件,再让它新增机体、姿势或截图导出功能。

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