motion-effects

Motion Effects 是一套包含16种聚焦动态效果的起始模板集，用于在用户品牌体系下创建或改编动效单元。效果涵盖按钮转播放器、搜索转结果、卡片转工作区、标签转面板、图表变形、仪表盘缩放、弹簧堆叠、磁性停靠、遮罩文字、弹性文字、文字转布局、图像揭示、透视变换、玻璃聚焦、流动路径和粒子标志等。它强调在手工编写前先检查当前项目或 HyperFrames 注册表中是否存在可复用的基础模块，只有在现有能力无法满足时才从零构建。使用前需读取 brand.md 和 MOTION.md 以获取品牌色彩与字体；若不存在则先进行品牌导入或询问十六进制颜色、字体和标志文件。使用流程包括：向用户询问效果、真实内容、尺寸（1080x1080、1080x1350、1080x1920 或 1920x1080）以及循环或停留模式；阅读参考配方获取起始状态、结束状态、时序和细节；基于单一时间源构建，提供 window.seek(seconds) 函数，确保8秒循环且首尾帧一致；使用真实内容而非占位文本，样本数字需标注“示例”；保证自包含离线运行；在浏览器中实时播放，URL 以 ?render 结尾时停止时钟以便导出器驱动。构建后需在0、1、2.2、4.4、6.6、7.9和8秒捕获帧进行检查，确认循环首尾一致、动作帧不同、文字不溢出、停留帧传达要点、颜色字体符合品牌。导出时使用本机工具，以30帧每秒调用 seek 生成240帧，编码为 H.264 MP4，并制作无限循环 GIF，展示三帧供检查。若 HyperFrames 拥有项目，则使用其 CLI 进行验证、预览和渲染。资料还包含实践经验： premium 效果意味着一个物体改变形状；停留段需保留细微动态；起始状态残影帮助视觉跟随；元素错峰出现；显式加载字体避免首帧字体错误；整体缩放而非重绘；避免重复声明名称导致空白页；8秒对于 Reel 剪辑可能过慢，可截取主动作并使用停留模式；统一时间单位；虚构数字需标注示例。交付物包括 effect.html、MP4 和 GIF 及三张检查帧，并可建议下一步使用同组其他效果或 reel-export 转为垂直 Reel。