边滚动边印刷图像的无尽纸带(Three.js)
Claude Fable 5 用 Three.js 做出网页应用:纸卷无限展开,海报风格的图像实时印在纸带上。
Claude Code + 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.
如何使用这条提示词
在编码智能体中用 Claude Fable 5 运行这份构建说明,要求输出单个 Three.js HTML 文件。
替换印刷图像、配色或纸带宽度,也可提供参考图来模仿版式风格。
打开文件观看纸带滚动,再调整相机路径、滚动速度和印刷节奏。
原帖你是作者吗? 请联系我们修改或删除此页面
相似的提示词
浏览全部提示词
Claude Opus 5.5皮筋捆西瓜实验:可挤压、会爆开的 3D 浏览器小玩具
林悦己Cheer
Claude Opus 5.5带岩浆房的交互式 3D 火山剖面模拟
Konstantin Saifoulline
Claude Opus 5.5WebGPU 果冻压机玩具:水果软糖被液压机压碎
Vib3Coded
Claude Opus 5.5WebGPU果冻压机玩具:压碎软糖水果片并抓取投掷
Vib3Coded
Claude Opus 5.5滚动即可拆解的机械腕表:纯WebGPU单HTML文件
Paruchh
Claude Opus 5.5单文件交互式 SVG 地球图集:地球仪、六大考察与内部剖面
Gadgetify
