Template centerUpdated Nov 2, 2026

财经知识解说 · 50 页动效包

Innovation

风格的财经/知识解说动效包：16:9 横屏，50 种动画页面，按句子类型选页、参数驱动。含数字滚动、柱状/折线/占比图表、印章、新闻卡片、打字机金句、地图路线、关系网络、时间线、对比表格、白闪转场等，每页自带音效。示例数据均为虚构。

Full template

A cohesive set of composable animation and motion components for creating an entire video around your content.

PREVIEWdefault1920×1080 · 30fps

View creator profile · @erictan88315

Get and use this template

Freeopen license

View license details

Code and template are released under an open license: commercial use, redistribution and derivatives are allowed.

Free signup. Free template download.

One account connects AI asset matching, music and more creative services.

View details · uses, materials and requirements

Before you download

Suitable for: 财经/时事口播解说的图形包：50 种页面，按句子类型切换。
Prepare these inputs: 有口播视频吗？抠像了吗（第 11 页需要透明通道）？ · PiP 与全屏人物 · 使用中性剪影占位
有逐句文案吗？ · 每句一个 scene，type 决定页面 · 让用户提供文案并按句分配类型
这些数字的来源是什么？ · 图表、数字、地图参数 · 不要编造真实数据；用示例数据时保留“虚构示例”标注
有截图或现场图片吗？ · 第 41/44/49 页的截图或图片 · 使用程序化 b-roll 占位
每句字幕与页面类型 · 每句一个 scene：sub 写原文，type 按 README 的句子类型表选
画面尺寸与帧率 · 保持 1920×1080，帧率按需要选 25/30/60
品牌色与圆角 · 问用户的品牌主色，没有就用默认洋红 #E800F0
句子类型对应的页面 · 一般保持默认；用户想让某类句子换页面时才改

Run locally with · Runtime verification

Requires file and command access plus the declared runtime dependencies.

Version and license: 1.0.0 · licenses/TEMPLATE-LICENSE.txt
Run locally with: Requires file and command access plus the declared runtime dependencies.
html-canvas/1 · src/index.html · motion.lock.json · npm: {"playwright-core":{"version":"1.58.2","integrity":"sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==","license":" · python: {"numpy":">=1.24"} · system: ["ffmpeg","ffprobe","Chromium headless shell (CHROME_PATH or Playwright cache)"]
Runtime verification: Author-declared; not independently verified
{"os":"Debian GNU/Linux 13 (trixie) x86_64","browser":"Chrome for Testing headless shell 145.0.7632.6","node":"24.22.2","ffmpeg":"7.1.5","python":"3 + numpy 2.5.4","date":"2026-11-01"}

Summary from the template introduction (README.md) and this release’s motion.json, params.schema.json and guide.json. Missing details remain unverified.

How do I use the download?

Download .motion and keep the original.
Give it to an AI assistant with file and command access.
Check runtime dependencies, preview, then export.

Wait for the attachment upload to finish, then ask the assistant to confirm it can read the file. If it keeps spinning, retry or use the ZIP compatibility download. A .motion file is already a ZIP container; do not compress it again. If it remains unreadable, place the original in a local project folder the assistant can access. Read the file handoff guide →

Give it to your AI assistant

Guide me through making a video with this template.

Package details and handoff text

file: finance-explainer-50-1.0.0.motion
size: 35 MB
sha256: f60b538cfedc…

Instructions for AI →

Your download includesyour personal API key. Keep .motion files containing your personal key private. Share the template link; visits do not earn credits. Referral rewards require an eligible friend’s actual payment.

Code and template are released under an open license: commercial use, redistribution and derivatives are allowed.

Runtime details

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

About

财经知识解说数据图表数字滚动新闻卡片

Narrated videos
209 downloads
Updated 7 days ago
Authoring tool grok-botDeclared by creator

Static checks

Package structure and path safetyRoot manifest: motion.jsonParameters and style branchesUser guidance and duration adaptationFile integrityPersonal information and credentialsInstructions and licensesAuthoring provenance

Passed: package structure and automated scans. These checks do not verify copyright ownership or guarantee safe code.

Free template

Free download. Open source. Make it yours.

Free to download, with no top-up required. Reuse and customize it: replace text, images and audio, and adjust visuals and animation.

Free assets and musicImage, video and sticker search plus 1,000+ music tracks your AI assistant can match.Asset guide →
Optional generationImage, voice and video generation are optional and billed separately.Creator API →
First time?Follow the tutorial from template to finished video.Open tutorial →

Template code follows the license on this page; fonts, images and music keep their own licenses. Free asset services have a daily allowance.

About this template

Build: ./build.sh params_full.json ../out/full_demo_50.mp4 (render.js → sfx.py → ffmpeg: H.264 High, yuv420p, bt709, avc1, faststart, AAC 48k) Stills: STILLDIR=/tmp node render.js params_full.json x.mp4 --stills 1.0,5.2 · Labelled sheet: ./mksheet.sh DIR names.txt out.jpg 5 Files: engine.js (helpers + timeline) · pages.js (batch 1) · pages2.js (batch 2) · params.json (12-page demo) · params_full.json (all 50 pages)

Global params

canvas {width,height,fps} · style {accent #E800F0, radius 18, bounce 1.05, noise, titleTo}
flashFrames: 2 (length of the white flash) · transition: "flash" sets a white-flash hard cut between every pair of pages
Per-scene transition:"flash" gives a white-flash hard cut INTO that scene. Any page can use it, and it adds the 'flash' SFX automatically. The legacy flashIn:true still works.
strip: section strip text (bottom-right). Per scene, strip:false hides it.
subBand: true puts a soft dark band behind the subtitles. It is on by default for page 43 and can be set on any scene.
host: {framePattern:"frames/%05d.png", fps, alpha}. Default null draws the placeholder silhouette instead.
Every scene accepts pip:false or pip:{x,y,r}, plus dur, sub (subtitle) and sfx overrides.
Images: put a path in a scene's image/before/after/images[]. It is preloaded, and the page falls back to the procedural b-roll if it is missing.

Sentence type → page (sentenceTypeMap; a scene is {type|page, sub, ...page params})

opening→01 · chapter_globe→02 · cold_open→03 · agenda→04 · outro→05 · chapter→06 · point→07 · pip_level→08 · info_card→09 · to_pip→10 · emphasis→11 · section→12 · list→13 · checklist→14 · keyword→15 · headline→16 · question→17 · trend→18 · keypoints→19 · two_lines→20 · period→21 · compare→22 · bars_pm→23 · ranking→24 · share→25 · bubbles→26 · number→27 · percent→28 · countries→29 · flow→30 · country→31 · route→32 · process→33 · companies→34 · network→35 · roles→36 · cycle→37 · timeline→38 · ownership→39 · versus→40 · before_after→41 · table→42 · quote→43 · screenshot→44 · strobe→45 · window→46 · verdict→47 · cut→48 · grid→49 · dissolve→50

Page params (defaults live in pages.js / pages2.js)

01: kicker/title
06: title/kicker/color/seal
07: label/point/note/pip
11: words/hostMode/bg/color
13: title/sub2/items/pip
18: title/seriesSeed/values/label/endLabel/pip
22: title/values/labels/highlight/unit/note/tilt/pip
27: value/decimals/prefix/unit/caption/color
30: view/nodes/amounts/note
33: steps/pip
43: masthead/headline/lines/hl/from/to/color/subBand
48: transition
02: num/title/pip
03: line/hl/strip
04: title/items/current
05: channel/handle/button/next/strip
08: title/pip
09: title/bullets
10: title/corner
12: label/strip
14: title/items/pip
15: word/pip
16: source/date/headline/tag
17: question
19: title/points/pip
20: title/names/colors
21: title/band/bandLabel/pip
23: title/values/labels
24: title/items/unit
25: title/parts/center/unit/caption
26: items/unit/pip
28: percent/caption
29: title/view/spots
31: country/view/metrics
32: from/to/view/volume
34: cards/highlight
35: nodes/edges
36: roles/rels
37: title/steps
38: events
39: root/kids
40: left/right/metric/diff
41: labels/before/after
42: cols/rows/win
44: image/circle/caption
45: words/colors
46: title/label
47: stamp/statement
49: images/tints
50: title/subtitle

Page 11 人物背后巨字: alpha video note

The giant word sits BEHIND the host, so the host must be background-removed: an alpha PNG sequence, or a WebM/ProRes 4444 cut converted to PNGs, or green screen keyed beforehand. Set host.alpha=true. If the host footage is not keyed (alpha=false), or hostMode:"pip" is set, the page falls back to the giant word with the host in a round PiP in front of it. The placeholder silhouette counts as keyed.

Show 2 more sections

Notes

Page 22 has the white card drawn offscreen, then given a column-strip perspective (tilt:1; set 0 for a flat card).
Page 30 uses the 1:50m map. Amount labels on near-vertical segments are offset so city cards never cover them.
Pages 29, 31 and 32 use land outlines only (no country borders). Countries are marked with glow spots.
All numbers, companies, headlines and relations in the demos are fictional and labelled 虚构示例 where they could be mistaken for real data.

Licences

Template code and artwork: see licenses/TEMPLATE-LICENSE.txt in the .motion package (commercial, DRAFT pending owner confirmation).
Glow Sans SC (Heavy/Bold/Medium): SIL OFL 1.1, assets/fonts/OFL-GlowSansSC.txt
Ma Shan Zheng: SIL OFL 1.1, assets/fonts/OFL-MaShanZheng.txt
Map: Natural Earth 1:50m land, public domain (assets/data/land50.js)
SFX: synthesised in sfx.py with numpy. No samples are used.
All artwork is drawn in code. Nothing is traced or copied from the reference channel: no name, logo or face of the reference creator is used. The host is a placeholder silhouette.

Developer resources

Files Fork · 0

What you can replace

Parameter	Description	Type	Constraints	Default
`canvas`Required	—	object	—	`—`
`style`Required	—	object	—	`—`
`flashFrames`	—	integer	≥ 1，≤ 6	`2`
`transition`	Global transition between all pages	string	cut / flash	`—`
`strip`	Section strip text, false to hide	stringboolean	—	`—`
`subBand`	—	boolean	—	`—`
`host`	—	object	—	`—`
`sentenceTypeMap`Required	—	object	—	`—`
`scenes`Required	—	array	—	`—`
`duration`	Optional total length in seconds; scene durations are scaled to fit	number	≥ 3，≤ 1800	`—`

Update history

Improvements, fixes and remaining issues in each release.

Update this template with your AI assistant

Give the old template to the assistant and send the following sentence. The new version is saved as a separate file, and the old packages and projects are retained.

Please press https://motiongit.cn/update.md to update this MotionGit template directly, keep the old package and existing project, and tell me which new file to use when you're done.