随历任总统变化的椭圆形办公室 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 Three.js web app that shows how the Oval Office looked under different U.S. presidents. Start with a top-down cutaway view of the round room floating on a soft light-grey background, with a stylised, slightly toy-like look: cream walls, tall windows with drapes, a carpet, a desk, sofas, armchairs, lamps, flags and potted plants. Add a bottom bar of small thumbnail cards, one per presidency, and a small text panel at the top left with a short description of the selected era. Selecting a card swaps the carpet, drapes, furniture and decor to match that period with a smooth transition. Include view modes so the user can switch between the overhead cutaway and a first-person style camera that glides inside the room toward the desk, the fireplace with a portrait above it, and the ceiling seal. Use orbit-style mouse controls. Deliver a single web project that runs in the browser. Done when every era loads, the camera moves smoothly, and the room differences are clearly visible.

如何使用这条提示词

  1. 在编程工具中用 Claude Fable 5.1 粘贴构建说明,要求生成 Three.js 项目。

  2. 把房间换成图书馆或办公室等其他场所,并修改年代卡片和介绍文字。

  3. 运行后逐条提示,继续优化切换动画、镜头路径和家具细节。

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