边滚动边印刷图像的无尽纸带(Three.js)

Claude Fable 5 用 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 3D web app in Three.js with no external 3D assets. Show a white, minimal studio scene with a bright background and soft shadows. A roll of paper unspools into a long strip that curves and loops across the floor endlessly, as if the roll never runs out. While the strip moves, a printing effect continuously stamps generated poster-style images onto its surface: flat blocks of blue, yellow, red and black, small photo-like squares, and typographic marks, drawn procedurally onto a canvas texture in real time. The camera drifts around the roll and along the strip so the viewer sees it from several angles. Add a small editorial-style overlay with a running counter in a corner and fine caption text. Keep the palette restrained: white paper, primary-color accents, black type. Deliver one self-contained HTML file. Done when the strip rolls smoothly without end and new images keep appearing on it.

如何使用这条提示词

  1. 在编码智能体中用 Claude Fable 5 运行这份构建说明,要求输出单个 Three.js HTML 文件。

  2. 替换印刷图像、配色或纸带宽度,也可提供参考图来模仿版式风格。

  3. 打开文件观看纸带滚动,再调整相机路径、滚动速度和印刷节奏。

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