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

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.