用途:motion-video-maker 是一个自包含技能,用于创作电影感的 HTML 动画,并将其逐帧准确地渲染为 MP4 视频。一个作品对应一个 HTML 文件,由一个小型确定性时间线运行时驱动。
主要能力:提供文字动画组件、弹簧动画、着色器背景、转场与特效等运行时资源;附带 12 款开源中文字体(自动安装);提供 8 套风格预设(电影预告片、故障科技/赛博朋克、中国风水墨、数据故事、活力流行、极简编辑、液态梦幻、纪录片),可按需混搭;内置 GSAP 及其多个插件与确定性桥接层;提供组件文档、工作流参考和 30 至 42 秒的示例工程。
使用方式:使用前需先阅读硬性规则,规则不可协商,scripts/lint.mjs 会强制检查大部分规则,违规时以非零状态退出。渲染前运行 node scripts/lint.mjs path/to/index.html,在 CI 中可加 --strict 让警告也导致失败。脚本目录包含 render.mjs、preview.mjs、install-fonts.mjs、new-video.mjs、debug.mjs、snap.mjs、lint.mjs。
关键约束:两次渲染同一 HTML 文件必须产出字节完全一致的 MP4;内联脚本禁止使用 Math.random()、Date.now()、new Date(),改用 window.__mvm.random("seed") 或 window.__mvm.randomSample("seed");时间只能来自 mvm-seek 事件;舞台元素禁止使用 CSS transition/animation,禁止用 setTimeout/setInterval 驱动画面;异步资源必须经 delayRender/continueRender 处理,渲染器等待 __mvm.ready 为 true;场景边界必须有 data-transition,元素必须有 data-animation,非最终场景不得加 data-animation-out,只有最终场景可淡出到透明;尺寸使用偶数整数;GSAP 核心与插件须先于桥接脚本加载,禁止引用 ScrollTrigger 等需交互的插件。
适用场景:制作电影感短片、科技感演示、水墨风格片头、数据展示、品牌宣传、纪录片风格视频等。限制:具体收费、价格与平台支持信息暂未提供。