Three.js · Web Audio
效果复现
跳动的 3D 人体心脏
@aichrislee讲解动画
- Three.js
- Web Audio
Opus 5.5 · 讲解动画
用旋转圆圈画出傅里叶级数
Canvas · Web Audio
效果复现
一句提示词生成的讲解动画：一串旋转的圆叠加出方波和图形，配乐同步。
原作提示词
fourier series were hard to learn back in university (2 years ago) and they are fun! what unlocks @HyperFrames_ + @claudeai Opus 5.5 is that you can get the best explainer videos just with 1 prompt you are curious about something? ask claude!节选，完整提示词见原帖
工具
- Canvas
- Web Audio
生成同类风格视频
以本案例为创意起点，修改提示词并选择模型，即可在 loveimage 生成同类视频。
720p8s
47 积分 / 8 秒视频生成仅对付费套餐开放。提示词与设置会在登录后恢复。 查看套餐
相关案例
Three.js · GLSL
效果复现
相机镜头剖面
@aichrislee讲解动画
- Three.js
- GLSL
Three.js · GLSL
效果复现
涡扇发动机拆解
@0xSpikez讲解动画
- Three.js
- GLSL
Claude Opus 5.5 视频常见问题
什么是 Claude Opus 5.5 视频？
指由 Anthropic 的 Claude Opus 5.5 编写代码（Three.js、WebGL、Canvas、Remotion 等）并渲染出的视频。与扩散式视频模型不同，它的每一帧都由程序绘制。
Claude Opus 5.5 能直接生成视频文件吗？
Claude Opus 5.5 输出的是代码，需要在浏览器或 Remotion、HyperFrames 等工具中渲染，才能得到 MP4 等视频文件。
提示词可以免费复制吗？
在这里查看和复制提示词无需付费。提示词归创作者所有；复制提示词并不代表获得原视频的使用许可，请遵守原帖中的使用条款。
原视频是谁制作的？
原作由署名创作者在 X 上发布，每个案例都链接到作者主页与原帖。“使用 Claude Opus 5.5 制作”为创作者的声明。
效果复现是如何制作的？
我们依据创作者公开分享的提示词，使用 Three.js、WebGL、Canvas 等技术编写代码并逐帧渲染。效果复现与原作分别标注，原作版权归创作者所有。
可以在 loveimage 生成类似的视频吗？
可以。在页面的生成框中修改提示词并选择视频模型，即可生成同类风格的 AI 视频；所选模型的套餐与积分规则照常适用。
Claude Opus 5.5 视频适合哪些场景？
科普讲解、产品发布、品牌片头、数据可视化、艺术短片和游戏风格动画。
案例会持续更新吗？
会。我们持续收录创作者新分享的 Claude Opus 5.5 视频，并陆续补充效果复现。
视频与提示词归原作者所有。“使用 Opus 5.5 制作”为创作者的声明。loveimage 与 Anthropic 无关联。 如需移除，请联系我们.