浏览器中的 3D 办公室漫游,带骨骼人物和蓝图模式

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 office walkthrough that runs in the browser with Three.js. Model a modern high-rise office floor with a reception desk and glowing logo wall, open-plan desks with chairs and monitors, a conference room, a private office with big windows onto a night city skyline, corridors and restrooms, with dark wood, white marble and warm accent lighting. Populate it with about thirty rigged people in suits who sit, stand and greet the visitor by name when approached. Offer a first-person mode with keyboard and mouse movement, clickable doors that open, an orbit view that shows the whole floor, and a blueprint view that shows a flat plan. Add small room labels and a minimal HUD. Deliver a deployable static site. Done means you can walk from the reception through every room, doors respond to clicks, and view modes switch smoothly.

如何使用这条提示词

  1. 在你的编程智能体中把构建说明交给 Claude Fable 5.1,要求生成静态 Three.js 网站。

  2. 替换场景设定、房间清单、员工数量、问候语和建筑风格。

  3. 部署到静态托管后漫游体验,再让它修复碰撞、门或镜头模式的问题。

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