9:1601:57Vorlage anzeigen财经知识解说 · 50 页动效包
Innovation风格的财经/知识解说动效包:16:9 横屏,50 种动画页面,按句子类型选页、参数驱动。含数字滚动、柱状/折线/占比图表、印章、新闻卡片、打字机金句、地图路线、关系网络、时间线、对比表格、白闪转场等,每页自带音效。示例数据均为虚构。
Teilen
Ein einheitlich gestalteter Satz kombinierbarer Animationen für ein ganzes Video mit deinen Inhalten.
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.
Über diese Vorlage
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.
Informationen für Entwickler
Was du ersetzen kannst
| Parameter | Beschreibung | Typ | Einschränkungen | Standard |
|---|---|---|---|---|
canvasErforderlich | — | object | — | — |
styleErforderlich | — | 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 | — | — |
sentenceTypeMapErforderlich | — | object | — | — |
scenesErforderlich | — | array | — | — |
duration | Optional total length in seconds; scene durations are scaled to fit | number | ≥ 3,≤ 1800 | — |
Update-Verlauf
Verbesserungen, Fehlerbehebungen und offene Punkte je Version.
Mit deinem KI-Assistenten aktualisieren
Geben Sie dem Assistenten die alte Vorlage und senden Sie den folgenden Satz. Die neue Version wird als separate Datei gespeichert und die alten Pakete und Projekte bleiben erhalten.
Bitte drücken Sie https://motiongit.cn/update.md, um diese MotionGit-Vorlage direkt zu aktualisieren, behalten Sie das alte Paket und das vorhandene Projekt und teilen Sie mir mit, welche neue Datei verwendet werden soll, wenn Sie fertig sind.
首个版本:50 页财经/知识解说动效,含完整 186 秒中文 Demo。商用许可措辞待作者确认。
Mehr Videos mit Sprecher
9:1601:57Vorlage anzeigen
9:1600:36Vorlage anzeigen
16:904:20Vorlage anzeigen
16:902:09Vorlage anzeigenKommentare und Ergebnisse
Teile Fragen, Erfahrungen oder Werke aus dieser Vorlage.
Noch keine Kommentare. Teile das erste Ergebnis.