Three.js · Web Audio
效果复现
跳动的 3D 人体心脏
@aichrislee讲解动画
- Three.js
- Web Audio
Opus 5.5 · 讲解动画
机械键盘是怎么工作的
Three.js · SVG · Web Audio
效果复现
原作作者 @iniyanai
在 X 查看原帖 ↗3D 讲解动画，音乐用真实轴体声音做鼓点，每个剪辑点都卡在节拍上。
原作提示词
Asked claude Opus 5.5 to make an explainer on how a mechanical keyboard works. It wrote the music in code, used real switch recordings as the beats, built the 3D in @threejs and timed every cut to the beat. No stock footage. no editing app. What a time to be alive!节选，完整提示词见原帖
工具
- Three.js
- SVG
- 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 无关联。 如需移除，请联系我们.