9:1601:57Посмотреть шаблон财经知识解说 · 50 页动效包
Инновации风格的财经/知识解说动效包:16:9 横屏,50 种动画页面,按句子类型选页、参数驱动。含数字滚动、柱状/折线/占比图表、印章、新闻卡片、打字机金句、地图路线、关系网络、时间线、对比表格、白闪转场等,每页自带音效。示例数据均为虚构。
Поделиться
Единый набор сочетаемых компонентов анимации для создания целого видео на основе вашего материала.
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.
Об этом шаблоне
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 legacyflashIn:truestill works. - strip: section strip text (bottom-right). Per scene,
strip:falsehides 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:falseorpip:{x,y,r}, plusdur,sub(subtitle) andsfxoverrides. - 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.
Материалы для разработчиков
Что вы можете заменить
| Параметр | Описание | Тип | Ограничения | По умолчанию |
|---|---|---|---|---|
canvasОбязательно | — | object | — | — |
styleОбязательно | — | 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Обязательно | — | object | — | — |
scenesОбязательно | — | array | — | — |
duration | Optional total length in seconds; scene durations are scaled to fit | number | ≥ 3,≤ 1800 | — |
История обновлений
Улучшения, исправления и нерешённые вопросы каждой версии.
Обновить с помощью ИИ-ассистента
Отдайте старый шаблон помощнику и отправьте следующее предложение. Новая версия сохраняется в виде отдельного файла, а старые пакеты и проекты сохраняются.
Нажмите https://motiongit.com/update.md, чтобы напрямую обновить этот шаблон MotionGit, сохранить старый пакет и существующий проект и сообщить мне, какой новый файл использовать, когда вы закончите.
首个版本:50 页财经/知识解说动效,含完整 186 秒中文 Demo。商用许可措辞待作者确认。
Больше Видео с озвучкой
9:1601:57Посмотреть шаблон
9:1600:36Посмотреть шаблон
16:904:20Посмотреть шаблон
16:902:09Посмотреть шаблонКомментарии и работы
Делитесь вопросами, опытом и работами, созданными по этому шаблону.
Комментариев пока нет. Поделитесь первой работой.