223 个案例
品牌与排版代码动效提示词
面向编程助手的代码动效参考。浏览来源标注为 的动效需求，涵盖动态排版、品牌动效、UI 动画、Logo 演绎与循环动画。部分案例原文不完整，请检查原帖。
查看专题Curated prompt collections
代码动效 Prompt 案例库
面向编程助手的动效、3D 场景与交互 HTML 参考库，附视频预览。这些是代码动效需求，不是 Sora 或 Runway 文生视频配方。
130 个案例
Three.js 动画提示词
面向编程助手的代码动效参考。探索用于 3D 场景、粒子、产品空间、Shader、镜头运动和互动网页动画的 Three.js Prompt。部分案例原文不完整，请检查原帖。
查看专题95 个案例
WebGL 与 Shader 代码提示词
面向编程助手的代码动效参考。用于流体场、生成式表面、后期处理、粒子和 GPU 视觉实验的 WebGL 与 Shader Prompt 案例。部分案例原文不完整，请检查原帖。
查看专题
68 个案例
交互 HTML 与动画提示词
面向编程助手的代码动效参考。用于滚动、指针、触控、音频、物理效果和可玩浏览器体验的 互动动画 Prompt。部分案例原文不完整，请检查原帖。
查看专题
51 个案例
3D 代码动画提示词
面向编程助手的代码动效参考。精选 3D 动画 Prompt，覆盖产品影片、抽象世界、空间叙事和浏览器 3D 体验。部分案例原文不完整，请检查原帖。
查看专题
47 个案例
代码渲染解说动效提示词
面向编程助手的代码动效参考。用于数据故事、产品概念、图解、时间线和教育动效的解说视频 Prompt。部分案例原文不完整，请检查原帖。
查看专题- 01
先看完整/部分原文标识，再到原帖检查缺失指令与素材。
- 02
向编程助手说明输出格式、库版本和素材要求，先完成一个可运行场景。
- 03
运行生成的项目，先检查浏览器控制台，再增加效果。
- 04
对照预览检查时序和交互，并检查缩放、移动端和减少动态效果模式。
结果不符合预期？先检查这些
- 场景黑屏？依次检查加载错误、画布尺寸、相机取景和渲染循环。
- 代码动效需求不能直接当作文生视频配方使用。