01 / 从想法到输出
一个可以照着做的流程
先让一个场景导出成功
先创建工程、固定画幅，只放一个标题和一个视觉主体。字体和图片准备在工程里。小合成能让你快速定位渲染问题，不必在很长的时间线上排查。
让任意时刻都能被重现
渲染器会请求某个时刻，动画需要直接得到该状态，而不依赖前一帧先发生。镜头、文字和数据都从时间计算。下方时间线实验可以直观看到“定位到一帧”和“让网页自己运行”的区别。
图层和声音共用时钟
为每个片段定义开始时间和持续时间。声音提示点也要明确，不要通过悬停或临时定时器触发。正常速度看转场，再定位到交界附近，检查是否有空白、重叠或闪帧。
先导出，再增加复杂度
加入粒子、着色器或第二种画幅前，先导出一个短片段。保留已验证的工程版本。新修改导致导出异常时，就能对照新增素材或时间行为，而不是推倒重来。
02 / 从这里开始
复制后，换成自己的任务
下面是本站编写的完整示例请求。先替换输入材料与交付规格，再发给 Agent。它不是展示案例作者的原始提示词，也不保证一次生成相同作品。
在这个 HyperFrames 工程里，用 12 秒解释一个示例队列。三个任务 A、B、C，一个工作线程，展示等待→处理→完成。1920×1080、30 fps。所有状态使用可定位时间线，数据标注为示例。截图前加载字体。先导出 3 秒，再交付完整 MP4 和源文件。真实素材、要解释的机制、已核实的数字。
HTML 合成 · 明确尺寸、时长和文件。
静帧 → 小样 → 完整输出 → 独立播放或操作。
03 / 看懂一条作品
拖动一帧，理解时间线
ONE CLOCK. EVERY FRAME.
Same time. Same scene.
拖动到任意一帧，再回到同一位置：画面和读数保持一致。切换曲线比较运动节奏。这是用于解释时间线的本站示例，不是工具生成效果或性能实测。
04 / 检查与修正
效果不对时，先查这些
首帧空白
检查素材加载与合成初始状态，完整渲染前明确测试定位到第 0 秒。
向后拖动时粒子乱跳
固定随机种子，让位置从时间计算。每次浏览器刷新都累加位置，会让场景依赖播放历史。
声音落点偏晚
在编码后的文件中对照视觉落点与波形位置。回到共用时间线上修改提示点，而不是增加独立播放延迟。
常见问题
现成网页可以直接导出吗？
可以复用素材和布局，但稳定导出仍需要明确时长、画幅、已加载素材与可定位动画。指针触发行为需要改成编排好的输入。
这里的预览说明了什么？
Actova 是 Motion Director 作者基于 HyperFrames 的示例。本站的时间线实验用于解释共用时钟，不是 HyperFrames 渲染性能测试。
来源与展示说明
工具能力与安装信息以原项目为准；本文中的创作流程、示例请求和检查建议由 Hermes 编辑编写。推荐不等于完成了全部工具实测。
HyperFrames repository & quickstart ↗Official documentation ↗Actova source project ↗
