文艺复兴与编辑排版结合的十场景GSAP电影网站

Claude Fable 5.1用HTML、CSS和JS做出浏览器电影,并把代码绘制的素材换成公有领域版画,自动播放约82秒。

Claude Code + Three.js(仅代码)Wandy 2
真实模型 · 360°两者都基于同一张照片:左边是 Claude Code(Opus 5.5)用 Three.js 代码建模的一次未经修改的运行结果;右边是 Wandy 2。

创建精细的 3D 模型

单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。

Wandy3D 制作说明

作者没有公开提示词,因此我们写下了复现这个作品的方法。

Build a ten-scene cinematic website that runs in the browser with plain HTML, CSS and JavaScript, GSAP for motion and a WebGL grain overlay. The theme is the invention of a world, blending Renaissance painting with editorial layout: warm cream paper pages, serif display titles with italic accents, thin grid lines, small captions and a fixed frame with scene counter. Use no baked video. Start with scenes drawn in code, then replace procedural art with public-domain engravings and paintings from museum archives. Include scene titles such as an archive, an eye, a sky tower and a hand, a dark blue sphere motif and falling blue ribbons. Add a play button that autoplays the whole film as a camera-like director, about eighty seconds long. Keep per-frame work light, moving heavy image filters off the frame loop. Done when pressing play walks through all ten scenes smoothly.

如何使用这条提示词

  1. 在能打开localhost并截图的智能体中,把构建说明交给Claude Fable 5.1。

  2. 修改主题、场景数量、图片来源和配色,并在说明中保留自动播放时长。

  3. 和智能体一起查看截图,指出薄弱场景,让它修复卡顿、节奏和画面。

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