模板中心更新于 2026年11月13日

科技数据可视化 MG Reel

创新区

25 秒、16:9 深色科技风数据可视化 MG 短片：开场标题字、增长折线/柱状图与 KPI 卡、节点网络脉冲流、三张产品 UI 卡片、品牌落版五段连续动效。画面由 HTML/CSS/SVG 逐帧驱动，配本地原创合成 BGM；图表与 KPI 数字为演示占位，复用时替换为真实数据。

动效片段

用于片头、转场、字幕或局部表达的动画动效，补充你的视频创作。

PREVIEWdefault1920×1080 · 30fps

查看作者主页 · @nxxxxxx

获取并使用模板

免费个人使用

查看许可说明

可用于个人与非商业作品，可修改，不可再分发模板。

登录后获取

免费注册，免费下载模板

一个账号，连接 AI 素材匹配、配乐等创作服务。

查看详情 · 用途、素材与运行要求

下载前先了解

适合用途: 25 秒、16:9 深色科技风数据可视化 MG Reel：开场标题字、增长折线/柱状图与 KPI 卡、节点网络脉冲流、三张产品 UI 卡片、品牌落版五段连续动效。
需要准备: 包内页面不内嵌 <audio>；bgm.mp3 仅作为默认演示素材保留，正式成片由宿主音乐合同接入音轨。如需替换，使用客户已授权的音乐并在音乐合同中挂载。 · 25 秒科技电子背景配乐，烘托图表、节点与界面动效的节奏。 · 去掉音轨后画面动画照常播放。
如有真实业务数据，向用户索取需要展示的指标名称、数值与单位；没有则保留演示占位数字。 · 开场词、各场景标题、KPI 标签与数值；S4 卡片内环图百分比、迷你柱与受众数为代码内演示占位常量。
落版品牌名 · 片尾落版显示的品牌或工作室名称，最多 24 个字符。
开场词 1 · 第一幕依次上浮的三个开场词之一。
开场词 2 · 第一幕依次上浮的三个开场词之一。
开场词 3 · 第一幕依次上浮的三个开场词之一。
开场副标题 · 第一幕开场词下方的一行副标题。
数据页小标题 · 第二幕图表区上方的小标签。
数据页主标题 · 第二幕图表区上方的主标题。
KPI 标签（3 项） · 三张 KPI 卡片标签，顺序对应收入、增速、可用性。
KPI 数值（3 项） · 三张 KPI 卡片演示数值，复用前替换为真实数据。
网络页小标题 · 第三幕节点网络上方的小标签。
网络页主标题 · 第三幕节点网络上方的主标题。
UI 卡片页小标题 · 第四幕产品卡片上方的小标签。

本地运行条件 · 运行验证

需要文件与命令访问权限，以及模板声明的运行依赖。

版本与许可: 1.0.1 · licenses/TEMPLATE-LICENSE.txt
本地运行条件: 需要文件与命令访问权限，以及模板声明的运行依赖。
html-canvas/1 · src/index.html · motion.lock.json
运行验证: 作者声明，尚未经独立验证
{"os":"Linux","browser":"Chromium headless","ffmpeg":"7.x","note":"源码为纯 HTML/CSS/SVG/ES module，无 npm 运行时依赖；宿主按 html-canvas/1 合同调用 window.renderFrame(整数帧, inputs)，渲染需可运行静态页面的 Chromium 与 ffmpeg 导出。"}

摘要取自模板介绍 README.md 及此版本的 motion.json、params.schema.json 与 guide.json；缺失信息保留为待验证。

下载后如何使用？

下载 .motion，保留原包。
交给能访问文件、运行命令的 AI 助手。
按包内运行说明检查依赖，先预览再导出。

附件上传完成后再发送指令，让助手先确认实际读到了文件。一直转圈时，重新上传或使用 ZIP 兼容下载；.motion 本身就是 ZIP 容器，无需再次压缩。仍读不到时，把原包放入助手可访问的本地制作目录。查看文件交接说明 →

交给 AI 助手

引导我用这个模板制作视频

包信息与转交文字

file: data-viz-mg-reel-1.0.1.motion
size: 590 KB
sha256: ceabf414f6ed…

给 AI 的说明 →

下载的包里含有只属于你的 API Key，请妥善保管，不要转发含个人 Key 的 .motion 文件。请分享模板链接；访问不赠积分，符合条件的好友真实消费后才产生邀请奖励。

可用于个人与非商业作品，可修改，不可再分发模板。

运行资料

Runtime: html-canvas/1
Output: 1920×1080
Frame rate: 30 fps
Duration: 00:25
Params: 16
Styles: 1
Network: offline
Spec: 0.1.0-draft.1

关于

motion-graphics data-visualization technology dashboard infographic motion-reel

视觉艺术
0 次下载
更新于 28 分钟前
制作来源未声明

静态检查

包结构与路径安全根清单 motion.json参数契约与样式分支用户引导与时长适配文件完整性个人信息与凭据说明与许可制作来源

表示结构与自动扫描通过，不代表证明了版权或代码安全。

免费模板

免费下载，随心修改，反复创作

模板下载完全免费，无需充值。可反复使用和修改：替换文字、图片和声音，调整画面与动效。

个人和商业视频制作 · 个人和商业用户均可按模板许可制作和发布视频。未经相应授权，禁止搬运、转售模板包或源码（包括修改后的版本），也禁止将其用于开发第三方线上服务。

免费素材与配乐图片、视频、贴纸搜索与上千首背景音乐，可让 AI 助手自动匹配。素材服务说明 →
可选生成服务GPT 生图、配音、视频生成按需选用，单独计费，不是使用模板的前提。创作者 API →
第一次使用跟着教程，从下载模板一步步做到成片。查看教程 →

模板代码按本页标注的许可使用；字体、图片、音乐等素材遵循各自许可，免费素材服务有每日额度。

模板介绍

一支 25 秒、1920×1080、30fps 的深色科技风数据可视化 MG 短片，作为工作室作品集 Reel 的第一条。五个连续场景，全部由 HTML / CSS / SVG 与逐帧时间线驱动；包内不内嵌音频，BGM 仅作默认演示素材，正式音轨由宿主音乐合同接入。

场景拆解（固定 25 秒）

| # | 时间段 | 场景 | 实现位置 | | --- | --- | --- | --- | | 1 | 0.0–3.0s | DATA / MOTION / STORY 三词模糊上浮 + 副标题，对角划像收尾 | src/index.js · drawS1 | | 2 | 3.0–9.0s | 平滑折线图 + 柱状图升起 + 三张 KPI 卡片滑入 | src/index.js · drawS2 | | 3 | 9.0–15.0s | 八节点网络连线浮现，脉冲点沿主路径循环流动 | src/index.js · drawS3 | | 4 | 15.0–21.0s | 三张产品 UI 卡片：环形进度、迷你柱状、受众与目标进度 | src/index.js · drawS4 | | 5 | 21.0–25.0s | 品牌落版，分隔线展开，尾部整体淡出 | src/index.js · drawS5 |

入口 src/index.html；参数集中在 src/config.js；共享缓动、配色与划像组件：src/lib.js；BGM 合成脚本：src/make_bgm.py，演示音频：assets/bgm.mp3。

素材与许可

画面图形均为包内 SVG/CSS 程序化绘制，无外部图片。
assets/bgm.mp3 由 src/make_bgm.py 本地原创合成，无第三方采样；页面不内嵌 <audio>，许可见 licenses/TEMPLATE-LICENSE.txt。
字体使用系统无衬线字体栈，未捆绑字体文件。

开发者资料

文件派生 · 0

给 AI 的说明

这是 MotionGit 模板包（.motion，ZIP 容器）。请按顺序读取：

motion.json：模板身份、运行要求、输出画幅与时长
本文件
params.schema.json：可替换的主题参数与约束
guide.json：用途、素材角色、容量与适配限制
asset-manifest.json 与 licenses/：素材来源与许可

先读数据、不执行代码。只有在宿主具备文件、命令与渲染能力并得到用户授权后，才检查依赖并运行。默认不联网；本包不引用外部字体、图片或网络资源。

运行

运行配置：html-canvas/1，入口 src/index.html。页面挂载 window.renderFrame(integerFrame, inputs)：宿主按 30fps 传入整数帧（0–749）与参数对象，返回该帧画面。画面只依赖帧号与输入参数，不依赖实时时钟或机器速度；同一帧号重复渲染结果一致，状态不跨帧累积。宿主渲染 1920×1080、25 秒成片。

随包工具链流程：check-params（核对 inputs 类型与兜底）→ plan（列出五场景时长与素材）→ prepare（落包内素材与配色）→ preview（逐帧抽帧核对默认帧、改参帧与首尾）→ render（导出成片并接入音乐合同）。

可替换的内容

参数集中在 src/config.js 的 DEFAULTS，并在 params.schema.json 中声明；宿主通过 inputs 覆盖：

brand：片尾落版品牌名（最多 24 字符，默认 MOTION STUDIO）
introWord1/2/3：第一幕三个开场词
introTag：第一幕副标题
s2Kicker / s2Title：数据页小标题与主标题
kpiLabels / kpiValues：三张 KPI 卡片标签与数值（各 3 项）
s3Kicker / s3Title：网络页小标题与主标题
s4Kicker / s4Title：UI 卡片页小标题与主标题
outroMeta：片尾品牌名下方的元信息行
accent：强调色（默认 #00E5FF）
background：背景色（默认 #060918）

S4 卡片内环图百分比、迷你柱、受众数与进度条数值为代码内演示占位常量；图表与 KPI 数字均为演示占位，复用前须替换为真实数据。

可以替换的内容

参数	说明	类型	约束	默认值
`brand`必填	落版品牌名	string	≤ 24 字，≥ 1 字	`MOTION STUDIO`
`introWord1`	开场词 1	string	—	`DATA`
`introWord2`	开场词 2	string	—	`MOTION`
`introWord3`	开场词 3	string	—	`STORY`
`introTag`	开场副标题	string	—	`WE CRAFT MOTION THAT MOVES PEOPLE`
`s2Kicker`	数据页小标题	string	—	`Quarterly Growth`
`s2Title`	数据页主标题	string	—	`Revenue · Q1 → Q4`
`kpiLabels`	KPI 标签（3 项）	array	—	`["TOTAL REVENUE","GROWTH YOY","UPTIME"]`
`kpiValues`	KPI 数值（3 项）	array	—	`["$2.4M","+38.4%","99.99%"]`
`s3Kicker`	网络页小标题	string	—	`System Architecture`
`s3Title`	网络页主标题	string	—	`Nodes · Connections · Flow`
`s4Kicker`	UI 卡片页小标题	string	—	`Product Interfaces`
`s4Title`	UI 卡片页主标题	string	—	`Dashboards · Metrics · UI`
`outroMeta`	落版副标	string	—	`MG Reel · 2026`
`accent`必填	强调色	string	#RRGGBB	`#00E5FF`
`background`必填	背景色	string	#RRGGBB	`#060918`

更新记录

了解每次发布的改进、修复与待完善事项。

在 AI 助手里更新已有模板

把旧模板交给助手，发送下面这句话即可。新版另存，旧包和工程保留。

请按 https://motiongit.cn/update.md 直接更新这个 MotionGit 模板，保留旧包和现有工程，完成后告诉我使用哪个新文件。

v1.0.1最新版本2026年11月13日
1.0.1 重构：运行契约由 OpenFilm window.film.frame(t) 迁移为平台原生 html-canvas/1 的 window.renderFrame(整数帧, inputs)；品牌、开场词、各场景标题、KPI 标签与数值、强调色与底色接入参数；页面不内嵌音频，BGM 由宿主音乐合同接入。图表与卡片内数字为演示占位，复用时替换真实数据。