16:900:19查看模板完整模板
adunext · 动画解说
分享
完整模板
包含一套风格统一、可组合的动画与动效组件，可围绕你的内容完成整条视频创作。
PREVIEWdefault1080×1920 · 30fps
免费模板
免费下载，随心修改，反复创作
模板下载完全免费，无需充值。可反复使用和修改：替换文字、图片和声音，调整画面与动效。
个人和商业视频制作 · 个人和商业用户均可按模板许可制作和发布视频。未经相应授权，禁止搬运、转售模板包或源码（包括修改后的版本），也禁止将其用于开发第三方线上服务。
- 免费素材与配乐图片、视频、贴纸搜索与上千首背景音乐，可让 AI 助手自动匹配。素材服务说明 →
- 可选生成服务GPT 生图、配音、视频生成按需选用，单独计费，不是使用模板的前提。创作者 API →
- 第一次使用跟着教程，从下载模板一步步做到成片。查看教程 →
模板代码按本页标注的许可使用；字体、图片、音乐等素材遵循各自许可，免费素材服务有每日额度。
模板介绍
1080×1920（9:16）、固定 24.0 秒、30 fps、五镜固定节奏。
入口
src/index.html，实现 window.renderFrame(整数帧, inputs)；镜头切换点 0.0 / 4.5 / 9.7 / 14.9 / 20.0 秒。
随包素材
assets/vo/vo1–vo5.wav：演示旁白，一镜一段（48 kHz）assets/bgm.mp3：演示配乐，覆盖全时长assets/subtitles/subs.ass：与页面内字幕同样式的成品字幕文件
字幕在页面内绘制（中文在上 34px、英文在下 28px 浅暖灰、底边约 190px），不依赖外部文件；subs.ass 供需要外挂轨的后期流程使用。
音频说明
官方 html-canvas/1 渲染为逐帧出图，不混音：旁白与配乐需在客户端或后期按上述素材合成。可用 --music assets/bgm.mp3 绑配乐，旁白按 vo1–vo5 的时间点（0.12 / 4.62 / 9.82 / 15.02 / 20.12）对齐。
开发者资料
参数
| 参数 | 类型 | 作用 | | --- | --- | --- | | tagline | string | 落版中文总结，建议 ≤22 字 | | subtitle | string | 落版英文副标 | | showSubtitles | boolean | 是否绘制双语字幕层，默认开启 | | subtitleLines | 5 项数组 | 五镜各一句中英字幕，时间点固定 |
可以替换的内容
| 参数 | 说明 | 类型 | 约束 | 默认值 |
|---|---|---|---|---|
tagline | 落版一行总结（中文），建议 ≤22 字。 | string | ≤ 40 字，≥ 2 字 | WIND → GRID → BATTERY → WHEEL |
subtitle | 落版英文副标，大写更易读。 | string | ≤ 24 字，≥ 2 字 | CURRENT |
showSubtitles | 是否绘制双语字幕层；false 时输出无字幕画面。 | boolean | — | true |
subtitleLines | 五镜各一句双语字幕；时间点固定，替换文字后仍按原节奏进出。 | array | — | [{"cn":"这里没有东西在烧，它只是在流动。","en":"Nothing here burns. It only moves."},{"cn":"风不是资源，是流量。","en":"Wind is not a resource. It's a flow."},{"cn":"八十七度电，六百公里。","en":"Eighty-seven kilowatt hours. Six hundred kilometres."},{"cn":"三点九秒，到一百。","en":"Three point nine seconds to a hundred."},{"cn":"从风到轮，一条线。","en":"From wind to wheel. One line."}] |
更新记录
了解每次发布的改进、修复与待完善事项。
在 AI 助手里更新已有模板
把旧模板交给助手，发送下面这句话即可。新版另存，旧包和工程保留。
请按 https://motiongit.cn/update.md 直接更新这个 MotionGit 模板，保留旧包和现有工程，完成后告诉我使用哪个新文件。
v1.0.1：把演示话术做进模板——页内双语字幕层（中文在上 34px、英文在下 28px），五句中英对照由 subtitleLines 驱动；随包附带 vo1–5、bgm、subs.ass 与音频许可。
更多动画解说
16:900:19查看模板
16:903:29查看模板完整模板
adunext · 动画解说
16:903:12查看模板完整模板
adunext · 动画解说
16:900:23查看模板完整模板
adunext · 动画解说
COMMUNITY
评论与制作效果
交流使用心得、提出问题，也欢迎分享你用这个模板做出的作品。
还没有评论，来分享第一个制作效果吧。