dsh-drawai 0.4.2 → 0.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (366) hide show
  1. package/README.md +4 -3
  2. package/lib/index.js +7777 -7719
  3. package/lib/motion/asset-pack.js +394 -394
  4. package/lib/motion/assets.js +291 -291
  5. package/lib/motion/demo-assets-lock.js +10 -10
  6. package/lib/motion/mgstyles/vendor/README.md +28 -28
  7. package/lib/motion/mgstyles/vendor/modules/d3/LICENSE +13 -13
  8. package/lib/motion/mgstyles/vendor/modules/d3/dist/d3.min.js +2 -2
  9. package/lib/motion/mgstyles/vendor/modules/opentype.js/LICENSE +20 -20
  10. package/lib/motion/mgstyles/vendor/modules/opentype.js/dist/opentype.mjs +14460 -14460
  11. package/lib/motion/mgstyles/vendor/modules/simplex-noise/LICENSE +21 -21
  12. package/lib/motion/mgstyles/vendor/modules/simplex-noise/dist/esm/simplex-noise.js +465 -465
  13. package/lib/motion/mgstyles/vendor/modules/topojson-client/LICENSE +13 -13
  14. package/lib/motion/mgstyles/vendor/modules/topojson-client/dist/topojson-client.min.js +2 -2
  15. package/lib/motion/render.js +179 -179
  16. package/lib/motion/shotcraft/upstream/SKILL.md +286 -286
  17. package/lib/motion/shotcraft/upstream/assets/lib/Caption.tsx +54 -54
  18. package/lib/motion/shotcraft/upstream/assets/lib/ClipCard.tsx +200 -200
  19. package/lib/motion/shotcraft/upstream/assets/lib/DigitRoll.tsx +45 -45
  20. package/lib/motion/shotcraft/upstream/assets/lib/FlashCut.tsx +20 -20
  21. package/lib/motion/shotcraft/upstream/assets/lib/FlatPanel.tsx +65 -65
  22. package/lib/motion/shotcraft/upstream/assets/lib/PageCam.tsx +151 -151
  23. package/lib/motion/shotcraft/upstream/assets/lib/VerticalTicker.tsx +129 -129
  24. package/lib/motion/shotcraft/upstream/assets/lib/helpers/camera.tsx +75 -75
  25. package/lib/motion/shotcraft/upstream/assets/lib/helpers/motion.ts +40 -40
  26. package/lib/motion/shotcraft/upstream/assets/lib/helpers/rand.ts +11 -11
  27. package/lib/motion/shotcraft/upstream/assets/lib/helpers/shake.ts +10 -10
  28. package/lib/motion/shotcraft/upstream/assets/scripts/build-readme-cover.mjs +49 -49
  29. package/lib/motion/shotcraft/upstream/assets/scripts/capture-template.mjs +210 -210
  30. package/lib/motion/shotcraft/upstream/assets/scripts/sfx-source.py +423 -423
  31. package/lib/motion/shotcraft/upstream/assets/scripts/smoke-render-demos.py +170 -170
  32. package/lib/motion/shotcraft/upstream/assets/scripts/test_sfx_source.py +157 -157
  33. package/lib/motion/shotcraft/upstream/demos/README.md +120 -120
  34. package/lib/motion/shotcraft/upstream/demos/_fixtures/Brand.tsx +112 -112
  35. package/lib/motion/shotcraft/upstream/demos/_fixtures/Fixtures.tsx +647 -647
  36. package/lib/motion/shotcraft/upstream/demos/_fixtures/Look.tsx +316 -316
  37. package/lib/motion/shotcraft/upstream/demos/_fixtures/Motion.tsx +82 -82
  38. package/lib/motion/shotcraft/upstream/demos/_fixtures/PageCam2D.tsx +115 -115
  39. package/lib/motion/shotcraft/upstream/demos/_fixtures/Polish.tsx +243 -243
  40. package/lib/motion/shotcraft/upstream/demos/_textures/live-layout.json +388 -388
  41. package/lib/motion/shotcraft/upstream/demos/camera/basic-3d-scene/Basic3DScene.tsx +250 -250
  42. package/lib/motion/shotcraft/upstream/demos/camera/crash-zoom-punch/CrashImpactReal.tsx +305 -305
  43. package/lib/motion/shotcraft/upstream/demos/camera/crash-zoom-punch/CrashZoomReal.tsx +246 -246
  44. package/lib/motion/shotcraft/upstream/demos/camera/cursor-flyover/CursorFlyover.tsx +390 -390
  45. package/lib/motion/shotcraft/upstream/demos/camera/depth-layer-moves/MultiplaneReal.tsx +138 -138
  46. package/lib/motion/shotcraft/upstream/demos/camera/graze-face-tour/GrazeFaceTour.tsx +542 -542
  47. package/lib/motion/shotcraft/upstream/demos/camera/overhead-camera-moves/OverheadTabletopDrop.tsx +315 -315
  48. package/lib/motion/shotcraft/upstream/demos/camera/overhead-camera-moves/TiltReveal.tsx +299 -299
  49. package/lib/motion/shotcraft/upstream/demos/camera/space-camera-moves/DroneDiveLanding.tsx +173 -173
  50. package/lib/motion/shotcraft/upstream/demos/camera/space-camera-moves/ExplodedView.tsx +348 -348
  51. package/lib/motion/shotcraft/upstream/demos/camera/steep-tilt-glide/SteepTiltGlide.tsx +366 -366
  52. package/lib/motion/shotcraft/upstream/demos/camera/tension-camera-moves/BulletTimeFreezeOrbit.tsx +279 -279
  53. package/lib/motion/shotcraft/upstream/demos/camera/tension-camera-moves/PullBackIsolation.tsx +184 -184
  54. package/lib/motion/shotcraft/upstream/demos/camera/terminal-3d/Terminal3D.tsx +390 -390
  55. package/lib/motion/shotcraft/upstream/demos/data/before-after-slider-scrub/BeforeAfterSliderScrub.tsx +155 -155
  56. package/lib/motion/shotcraft/upstream/demos/data/chart-live-moves/AxisRescaleShockV2.tsx +303 -303
  57. package/lib/motion/shotcraft/upstream/demos/data/chart-live-moves/OscilloscopeStreamV2.tsx +290 -290
  58. package/lib/motion/shotcraft/upstream/demos/data/chart-live-moves/UnitDotSwarmRegroupV2.tsx +278 -278
  59. package/lib/motion/shotcraft/upstream/demos/data/gauge-readout-moves/NeedleSweepSelftest.tsx +307 -307
  60. package/lib/motion/shotcraft/upstream/demos/data/gauge-readout-moves/TapeScrollFixedPointer.tsx +215 -215
  61. package/lib/motion/shotcraft/upstream/demos/data/scroll-brake-moves/BrakeReticleLock.tsx +299 -299
  62. package/lib/motion/shotcraft/upstream/demos/data/scroll-brake-moves/ChangelogScrollBrake.tsx +232 -232
  63. package/lib/motion/shotcraft/upstream/demos/data/timeline-travel/TimelineTravel.tsx +290 -290
  64. package/lib/motion/shotcraft/upstream/demos/effects/assemble-then-type-flyin/AssembleThenTypeFlyin.tsx +273 -273
  65. package/lib/motion/shotcraft/upstream/demos/effects/aurora-bloom-bg-flip/AuroraBloomBgFlip.tsx +167 -167
  66. package/lib/motion/shotcraft/upstream/demos/effects/brand-frame-snap/BrandFrameSnap.tsx +536 -536
  67. package/lib/motion/shotcraft/upstream/demos/effects/fui-hud-moves/ReticleLockOn.tsx +164 -164
  68. package/lib/motion/shotcraft/upstream/demos/effects/glow-flyline-moves/FlylineArc.tsx +175 -175
  69. package/lib/motion/shotcraft/upstream/demos/effects/glow-flyline-moves/GlowOrbAmbient.tsx +197 -197
  70. package/lib/motion/shotcraft/upstream/demos/effects/glow-flyline-moves/OrbFlylineRelay.tsx +241 -241
  71. package/lib/motion/shotcraft/upstream/demos/effects/icon-performance-moves/AttentionBounce.tsx +279 -279
  72. package/lib/motion/shotcraft/upstream/demos/effects/impact-feedback/AnimeImpact.tsx +230 -230
  73. package/lib/motion/shotcraft/upstream/demos/effects/impact-feedback/HitCounter.tsx +345 -345
  74. package/lib/motion/shotcraft/upstream/demos/effects/light-play-moves/SheenSweepRetry.tsx +275 -275
  75. package/lib/motion/shotcraft/upstream/demos/effects/light-play-moves/SpotlightSweepReveal.tsx +229 -229
  76. package/lib/motion/shotcraft/upstream/demos/effects/radial-ripple-phone-chips/RadialRipplePhoneChips.tsx +312 -312
  77. package/lib/motion/shotcraft/upstream/demos/effects/riso-print-hits/RisoMisregistrationHit.tsx +222 -222
  78. package/lib/motion/shotcraft/upstream/demos/effects/scan-bracket-sweep/ScanBracketSweep.tsx +295 -295
  79. package/lib/motion/shotcraft/upstream/demos/effects/scanline-annotate-focus/ScanlineAnnotateFocus.tsx +329 -329
  80. package/lib/motion/shotcraft/upstream/demos/effects/scanline-assemble-flyin/ScanlineAssembleFlyin.tsx +315 -315
  81. package/lib/motion/shotcraft/upstream/demos/effects/slam-entrance-moves/ImpactBurstKit.tsx +264 -264
  82. package/lib/motion/shotcraft/upstream/demos/effects/slam-entrance-moves/KanadaPerspectiveSnap.tsx +260 -260
  83. package/lib/motion/shotcraft/upstream/demos/effects/slam-entrance-moves/ScoreSlam.tsx +263 -263
  84. package/lib/motion/shotcraft/upstream/demos/effects/spotlight-sweep-moves/CornerSpotlightReveal.tsx +123 -123
  85. package/lib/motion/shotcraft/upstream/demos/effects/spotlight-sweep-moves/GlowWakeSleepPanel.tsx +187 -187
  86. package/lib/motion/shotcraft/upstream/demos/effects/spotlight-sweep-moves/SlideSpotlightPan.tsx +175 -175
  87. package/lib/motion/shotcraft/upstream/demos/interaction/autolayout-gap-dial/AutolayoutGapDial.tsx +305 -305
  88. package/lib/motion/shotcraft/upstream/demos/interaction/canvas-materialize-moves/DiagramCascadeBuild.tsx +350 -350
  89. package/lib/motion/shotcraft/upstream/demos/interaction/canvas-materialize-moves/PanelToCanvasMaterialize.tsx +352 -352
  90. package/lib/motion/shotcraft/upstream/demos/interaction/chip-grid-single-select-blackout/ChipGridSingleSelectBlackout.tsx +218 -218
  91. package/lib/motion/shotcraft/upstream/demos/interaction/collab-cursor-moves/CursorCastEnsemble.tsx +297 -297
  92. package/lib/motion/shotcraft/upstream/demos/interaction/glass-pill-dictation-typing/GlassPillDictationTyping.tsx +157 -157
  93. package/lib/motion/shotcraft/upstream/demos/interaction/hashtag-to-pill-materialize/HashtagToPillMaterialize.tsx +218 -218
  94. package/lib/motion/shotcraft/upstream/demos/interaction/picker-carousel-feature-cycle/PickerCarouselFeatureCycle.tsx +202 -202
  95. package/lib/motion/shotcraft/upstream/demos/interaction/segmented-thumb-hero/SegmentedThumbHero.tsx +265 -265
  96. package/lib/motion/shotcraft/upstream/demos/interaction/theme-switch-moves/PaletteThemeRipple.tsx +457 -457
  97. package/lib/motion/shotcraft/upstream/demos/interaction/theme-switch-moves/ThemeSweepToggle.tsx +446 -446
  98. package/lib/motion/shotcraft/upstream/demos/interaction/type-and-filter/TypeAndFilter.tsx +249 -249
  99. package/lib/motion/shotcraft/upstream/demos/interaction/voice-waveform-live/VoiceWaveformLive.tsx +278 -278
  100. package/lib/motion/shotcraft/upstream/demos/opening/crane-rise-reveal/CraneRiseReveal.tsx +332 -332
  101. package/lib/motion/shotcraft/upstream/demos/opening/dataviz-landscape-open/DatavizLandscapeOpen.tsx +358 -358
  102. package/lib/motion/shotcraft/upstream/demos/opening/fracture/Fracture.tsx +201 -201
  103. package/lib/motion/shotcraft/upstream/demos/opening/icon-field-colorize/IconFieldColorize.tsx +200 -200
  104. package/lib/motion/shotcraft/upstream/demos/opening/letterspace-materialize/LetterspaceMaterialize.tsx +208 -208
  105. package/lib/motion/shotcraft/upstream/demos/opening/magician-card-flourish/MagicianCardFlourish.tsx +341 -341
  106. package/lib/motion/shotcraft/upstream/demos/opening/orbit-ring-title-open/OrbitRingTitleOpen.tsx +389 -389
  107. package/lib/motion/shotcraft/upstream/demos/opening/spotlight-hero-card/SpotlightHeroCard.tsx +293 -293
  108. package/lib/motion/shotcraft/upstream/demos/opening/stroke-segment-build/StrokeSegmentBuild.tsx +183 -183
  109. package/lib/motion/shotcraft/upstream/demos/opening/text-as-mask/TextAsMask.tsx +245 -245
  110. package/lib/motion/shotcraft/upstream/demos/outro/grain-dissolve/GrainDissolve.tsx +222 -222
  111. package/lib/motion/shotcraft/upstream/demos/outro/logo-shrink-wordmark-lockup/LogoShrinkWordmarkLockup.tsx +223 -223
  112. package/lib/motion/shotcraft/upstream/demos/outro/neon-triple-marquee/NeonTripleMarquee.tsx +217 -217
  113. package/lib/motion/shotcraft/upstream/demos/outro/outro-group-photo-launch/OutroGroupPhotoLaunch.tsx +343 -343
  114. package/lib/motion/shotcraft/upstream/demos/outro/ui-strip-away-outro/UiStripAwayOutro.tsx +357 -357
  115. package/lib/motion/shotcraft/upstream/demos/outro/ui-to-brand-morph/IconFlipBloomLogo.tsx +187 -187
  116. package/lib/motion/shotcraft/upstream/demos/outro/ui-to-brand-morph/InputMorphsIntoLogo.tsx +333 -333
  117. package/lib/motion/shotcraft/upstream/demos/rhythm/beat-cut-moves/PaparazziFlash.tsx +274 -274
  118. package/lib/motion/shotcraft/upstream/demos/rhythm/beat-step-list-theme-cycle/BeatStepListThemeCycle.tsx +270 -270
  119. package/lib/motion/shotcraft/upstream/demos/rhythm/panel-grid-moves/ComicPanelSplit.tsx +430 -430
  120. package/lib/motion/shotcraft/upstream/demos/rhythm/quad-split-parallel-scenes/QuadSplitParallelScenes.tsx +252 -252
  121. package/lib/motion/shotcraft/upstream/demos/rhythm/rhythm-interrupt-moves/JumpCutPunchIn.tsx +106 -106
  122. package/lib/motion/shotcraft/upstream/demos/rhythm/sakuga-timing-shift/SakugaTimingShift.tsx +288 -288
  123. package/lib/motion/shotcraft/upstream/demos/rhythm/speed-ramp-freeze/FreezeAnnotateReal.tsx +362 -362
  124. package/lib/motion/shotcraft/upstream/demos/rhythm/trailer-grammar-moves/TrailerBumper.tsx +168 -168
  125. package/lib/motion/shotcraft/upstream/demos/transition/bottom-push-stack-wipe/BottomPushStackWipe.tsx +310 -310
  126. package/lib/motion/shotcraft/upstream/demos/transition/card-flip-reveal/CardFlipReveal.tsx +261 -261
  127. package/lib/motion/shotcraft/upstream/demos/transition/card-flock-tumble/CardFlockTumble.tsx +459 -459
  128. package/lib/motion/shotcraft/upstream/demos/transition/circle-match-iris/CircleMatchIris.tsx +294 -294
  129. package/lib/motion/shotcraft/upstream/demos/transition/gradient-transition/GradientTransition.tsx +161 -161
  130. package/lib/motion/shotcraft/upstream/demos/transition/line-carry-transition/LineCarryTransition.tsx +248 -248
  131. package/lib/motion/shotcraft/upstream/demos/transition/mosaic-reframe/MosaicReframe.tsx +359 -359
  132. package/lib/motion/shotcraft/upstream/demos/transition/page-turn-transitions/BarnDoorSplit.tsx +227 -227
  133. package/lib/motion/shotcraft/upstream/demos/transition/print-texture-transitions/InkBleedReveal.tsx +162 -162
  134. package/lib/motion/shotcraft/upstream/demos/transition/shot-transitions/PortalWipeV2.tsx +248 -248
  135. package/lib/motion/shotcraft/upstream/demos/transition/shot-transitions/WhipBrakeReal.tsx +186 -186
  136. package/lib/motion/shotcraft/upstream/demos/transition/tear-streak-transitions/GlitchDisplace.tsx +355 -355
  137. package/lib/motion/shotcraft/upstream/demos/transition/transition-hidden-cut/InvisibleCut.tsx +272 -272
  138. package/lib/motion/shotcraft/upstream/demos/transition/transition-hidden-cut/LightLeakBurn.tsx +262 -262
  139. package/lib/motion/shotcraft/upstream/demos/transition/transition-hidden-cut/VersusSlam.tsx +217 -217
  140. package/lib/motion/shotcraft/upstream/demos/transition/transition-travel/LetterformZoom.tsx +285 -285
  141. package/lib/motion/shotcraft/upstream/demos/transition/white-flash-logo-simplify-cut/WhiteFlashLogoSimplifyCut.tsx +205 -205
  142. package/lib/motion/shotcraft/upstream/demos/transition/wipe-transitions/BlindsSlice.tsx +178 -178
  143. package/lib/motion/shotcraft/upstream/demos/typography/blur-slide/BlurSlide.tsx +147 -147
  144. package/lib/motion/shotcraft/upstream/demos/typography/brace-expand/BraceExpand.tsx +143 -143
  145. package/lib/motion/shotcraft/upstream/demos/typography/brand-ink-open/BrandInkOpen.tsx +134 -134
  146. package/lib/motion/shotcraft/upstream/demos/typography/countdown-arc-scatter/CountdownArcScatter.tsx +217 -217
  147. package/lib/motion/shotcraft/upstream/demos/typography/flying-words/FlyingWords.tsx +198 -198
  148. package/lib/motion/shotcraft/upstream/demos/typography/glitch-cycle/GlitchCycle.tsx +221 -221
  149. package/lib/motion/shotcraft/upstream/demos/typography/gradient-word-sweep/GradientWordSweep.tsx +312 -312
  150. package/lib/motion/shotcraft/upstream/demos/typography/lead-word-zoom-assemble/LeadWordZoomAssemble.tsx +261 -261
  151. package/lib/motion/shotcraft/upstream/demos/typography/marker-underline-title/MarkerUnderlineTitle.tsx +121 -121
  152. package/lib/motion/shotcraft/upstream/demos/typography/outline-word-fill/OutlineWordFill.tsx +153 -153
  153. package/lib/motion/shotcraft/upstream/demos/typography/paper-title-card/PaperTitleCard.tsx +179 -179
  154. package/lib/motion/shotcraft/upstream/demos/typography/pill-chip-slot-cycle-handled/PillChipSlotCycleHandled.tsx +140 -140
  155. package/lib/motion/shotcraft/upstream/demos/typography/pill-slot-cycle/PillSlotCycle.tsx +309 -309
  156. package/lib/motion/shotcraft/upstream/demos/typography/text-column-converge/TextColumnConverge.tsx +191 -191
  157. package/lib/motion/shotcraft/upstream/demos/typography/title-demote-to-label/TitleDemoteToLabel.tsx +292 -292
  158. package/lib/motion/shotcraft/upstream/demos/typography/type-assembly-moves/LetterformDriftAssembly.tsx +135 -135
  159. package/lib/motion/shotcraft/upstream/demos/typography/type-assembly-moves/SplitTextStagger.tsx +124 -124
  160. package/lib/motion/shotcraft/upstream/demos/typography/type-assembly-moves/TextOnPath.tsx +255 -255
  161. package/lib/motion/shotcraft/upstream/demos/typography/type-entrance-moves/LetterDropPhysics.tsx +173 -173
  162. package/lib/motion/shotcraft/upstream/demos/typography/type-rhythm-sync/FontWeightPump.tsx +225 -225
  163. package/lib/motion/shotcraft/upstream/demos/typography/type-rhythm-sync/KaraokeFillSync.tsx +141 -141
  164. package/lib/motion/shotcraft/upstream/demos/typography/typewriter-moves/TypewriterErrorRetype.tsx +137 -137
  165. package/lib/motion/shotcraft/upstream/demos/typography/vertical-word-roll-blur-cycle/VerticalWordRollBlurCycle.tsx +147 -147
  166. package/lib/motion/shotcraft/upstream/demos/typography/word-relay-filmstrip/WordRelayFilmstrip.tsx +409 -409
  167. package/lib/motion/shotcraft/upstream/demos/typography/word-relay-geometry/WordRelayGeometry.tsx +280 -280
  168. package/lib/motion/shotcraft/upstream/demos/ui-entrance/avatar-bracket-carousel/AvatarBracketCarousel.tsx +271 -271
  169. package/lib/motion/shotcraft/upstream/demos/ui-entrance/bezier-source-converge-merge/BezierSourceConvergeMerge.tsx +385 -385
  170. package/lib/motion/shotcraft/upstream/demos/ui-entrance/card-stack/CardStack.tsx +312 -312
  171. package/lib/motion/shotcraft/upstream/demos/ui-entrance/carousel-3d/Carousel3D.tsx +303 -303
  172. package/lib/motion/shotcraft/upstream/demos/ui-entrance/clipcard-looping/ClipCardLooping.tsx +77 -77
  173. package/lib/motion/shotcraft/upstream/demos/ui-entrance/cloner-depth-echo/ClonerDepthEcho.tsx +311 -311
  174. package/lib/motion/shotcraft/upstream/demos/ui-entrance/deck-deal-flyin/DeckDealFlyin.tsx +307 -307
  175. package/lib/motion/shotcraft/upstream/demos/ui-entrance/doc-park-left-pill-deal/DocParkLeftPillDeal.tsx +349 -349
  176. package/lib/motion/shotcraft/upstream/demos/ui-entrance/document-typewriter-reveal/DocumentTypewriterReveal.tsx +255 -255
  177. package/lib/motion/shotcraft/upstream/demos/ui-entrance/draw-svg-trace/DrawSvgTrace.tsx +244 -244
  178. package/lib/motion/shotcraft/upstream/demos/ui-entrance/element-body-moves/ContactShadowLift.tsx +217 -217
  179. package/lib/motion/shotcraft/upstream/demos/ui-entrance/integration-hub-map/IntegrationHubMap.tsx +652 -652
  180. package/lib/motion/shotcraft/upstream/demos/ui-entrance/list-reveal/ListReveal.tsx +153 -153
  181. package/lib/motion/shotcraft/upstream/demos/ui-entrance/list-stack-press/ListStackPress.tsx +238 -238
  182. package/lib/motion/shotcraft/upstream/demos/ui-entrance/neon-frame-forerun/NeonFrameForerun.tsx +324 -324
  183. package/lib/motion/shotcraft/upstream/demos/ui-entrance/neon-frame-orbit-drop/NeonFrameForerunOrbit.tsx +354 -354
  184. package/lib/motion/shotcraft/upstream/demos/ui-entrance/page-waterfall-wall/PageWaterfallWall.tsx +101 -101
  185. package/lib/motion/shotcraft/upstream/demos/ui-entrance/page-waterfall-wall/VerticalTicker.tsx +129 -129
  186. package/lib/motion/shotcraft/upstream/demos/ui-entrance/product-card-progressive-assemble/ProductCardProgressiveAssemble.tsx +297 -297
  187. package/lib/motion/shotcraft/upstream/demos/ui-entrance/radial-wave/RadialWave.tsx +57 -57
  188. package/lib/motion/shotcraft/upstream/demos/ui-entrance/research-card-stack-scroll/ResearchCardStackScroll.tsx +155 -155
  189. package/lib/motion/shotcraft/upstream/demos/ui-entrance/row-embed/RowEmbed.tsx +175 -175
  190. package/lib/motion/shotcraft/upstream/demos/ui-entrance/value-stagger-gradient/ValueStaggerGradient.tsx +153 -153
  191. package/lib/motion/shotcraft/upstream/demos/ui-entrance/wall-reveal-moves/BentoLightUp.tsx +146 -146
  192. package/lib/motion/shotcraft/upstream/demos/ui-entrance/wall-reveal-moves/WireframeDrawOn.tsx +226 -226
  193. package/lib/motion/shotcraft/upstream/gallery/api/library.json +1 -1
  194. package/lib/motion/shotcraft/upstream/references/aesthetic-rules.md +193 -193
  195. package/lib/motion/shotcraft/upstream/references/final-review.md +121 -121
  196. package/lib/motion/shotcraft/upstream/references/guided-free-creation.md +199 -199
  197. package/lib/motion/shotcraft/upstream/references/jianying-export.md +183 -183
  198. package/lib/motion/shotcraft/upstream/references/music-beat-sync.md +257 -257
  199. package/lib/motion/shotcraft/upstream/references/pipeline.md +382 -382
  200. package/lib/motion/shotcraft/upstream/references/publish-upload-post.md +111 -111
  201. package/lib/motion/shotcraft/upstream/references/sequences/promo-energy-arc.md +50 -50
  202. package/lib/motion/shotcraft/upstream/references/sfx-sourcing.md +95 -95
  203. package/lib/motion/shotcraft/upstream/references/shots/camera/basic-3d-scene.md +41 -41
  204. package/lib/motion/shotcraft/upstream/references/shots/camera/crash-zoom-punch.md +52 -52
  205. package/lib/motion/shotcraft/upstream/references/shots/camera/cursor-flyover.md +39 -39
  206. package/lib/motion/shotcraft/upstream/references/shots/camera/depth-layer-moves.md +39 -39
  207. package/lib/motion/shotcraft/upstream/references/shots/camera/graze-face-tour.md +57 -57
  208. package/lib/motion/shotcraft/upstream/references/shots/camera/overhead-camera-moves.md +51 -51
  209. package/lib/motion/shotcraft/upstream/references/shots/camera/space-camera-moves.md +46 -46
  210. package/lib/motion/shotcraft/upstream/references/shots/camera/steep-tilt-glide.md +52 -52
  211. package/lib/motion/shotcraft/upstream/references/shots/camera/tension-camera-moves.md +43 -43
  212. package/lib/motion/shotcraft/upstream/references/shots/camera/terminal-3d.md +42 -42
  213. package/lib/motion/shotcraft/upstream/references/shots/data/before-after-slider-scrub.md +48 -48
  214. package/lib/motion/shotcraft/upstream/references/shots/data/chart-live-moves.md +52 -52
  215. package/lib/motion/shotcraft/upstream/references/shots/data/gauge-readout-moves.md +45 -45
  216. package/lib/motion/shotcraft/upstream/references/shots/data/scroll-brake-moves.md +46 -46
  217. package/lib/motion/shotcraft/upstream/references/shots/data/timeline-travel.md +44 -44
  218. package/lib/motion/shotcraft/upstream/references/shots/effects/assemble-then-type-flyin.md +63 -63
  219. package/lib/motion/shotcraft/upstream/references/shots/effects/aurora-bloom-bg-flip.md +54 -54
  220. package/lib/motion/shotcraft/upstream/references/shots/effects/brand-frame-snap.md +58 -58
  221. package/lib/motion/shotcraft/upstream/references/shots/effects/fui-hud-moves.md +35 -35
  222. package/lib/motion/shotcraft/upstream/references/shots/effects/glow-flyline-moves.md +53 -53
  223. package/lib/motion/shotcraft/upstream/references/shots/effects/icon-performance-moves.md +42 -42
  224. package/lib/motion/shotcraft/upstream/references/shots/effects/impact-feedback.md +50 -50
  225. package/lib/motion/shotcraft/upstream/references/shots/effects/light-play-moves.md +46 -46
  226. package/lib/motion/shotcraft/upstream/references/shots/effects/radial-ripple-phone-chips.md +56 -56
  227. package/lib/motion/shotcraft/upstream/references/shots/effects/riso-print-hits.md +49 -49
  228. package/lib/motion/shotcraft/upstream/references/shots/effects/scan-bracket-sweep.md +50 -50
  229. package/lib/motion/shotcraft/upstream/references/shots/effects/scanline-annotate-focus.md +53 -53
  230. package/lib/motion/shotcraft/upstream/references/shots/effects/scanline-assemble-flyin.md +53 -53
  231. package/lib/motion/shotcraft/upstream/references/shots/effects/slam-entrance-moves.md +55 -55
  232. package/lib/motion/shotcraft/upstream/references/shots/effects/spotlight-sweep-moves.md +52 -52
  233. package/lib/motion/shotcraft/upstream/references/shots/interaction/autolayout-gap-dial.md +60 -60
  234. package/lib/motion/shotcraft/upstream/references/shots/interaction/canvas-materialize-moves.md +57 -57
  235. package/lib/motion/shotcraft/upstream/references/shots/interaction/chip-grid-single-select-blackout.md +51 -51
  236. package/lib/motion/shotcraft/upstream/references/shots/interaction/collab-cursor-moves.md +41 -41
  237. package/lib/motion/shotcraft/upstream/references/shots/interaction/glass-pill-dictation-typing.md +53 -53
  238. package/lib/motion/shotcraft/upstream/references/shots/interaction/hashtag-to-pill-materialize.md +60 -60
  239. package/lib/motion/shotcraft/upstream/references/shots/interaction/picker-carousel-feature-cycle.md +55 -55
  240. package/lib/motion/shotcraft/upstream/references/shots/interaction/segmented-thumb-hero.md +57 -57
  241. package/lib/motion/shotcraft/upstream/references/shots/interaction/theme-switch-moves.md +47 -47
  242. package/lib/motion/shotcraft/upstream/references/shots/interaction/type-and-filter.md +37 -37
  243. package/lib/motion/shotcraft/upstream/references/shots/interaction/voice-waveform-live.md +54 -54
  244. package/lib/motion/shotcraft/upstream/references/shots/opening/brand-ink-open.md +36 -36
  245. package/lib/motion/shotcraft/upstream/references/shots/opening/crane-rise-reveal.md +56 -56
  246. package/lib/motion/shotcraft/upstream/references/shots/opening/dataviz-landscape-open.md +56 -56
  247. package/lib/motion/shotcraft/upstream/references/shots/opening/fracture.md +40 -40
  248. package/lib/motion/shotcraft/upstream/references/shots/opening/icon-field-colorize.md +60 -60
  249. package/lib/motion/shotcraft/upstream/references/shots/opening/letterspace-materialize.md +57 -57
  250. package/lib/motion/shotcraft/upstream/references/shots/opening/magician-card-flourish.md +73 -73
  251. package/lib/motion/shotcraft/upstream/references/shots/opening/orbit-ring-title-open.md +87 -87
  252. package/lib/motion/shotcraft/upstream/references/shots/opening/spotlight-hero-card.md +55 -55
  253. package/lib/motion/shotcraft/upstream/references/shots/opening/stroke-segment-build.md +50 -50
  254. package/lib/motion/shotcraft/upstream/references/shots/opening/text-as-mask.md +59 -59
  255. package/lib/motion/shotcraft/upstream/references/shots/outro/grain-dissolve.md +38 -38
  256. package/lib/motion/shotcraft/upstream/references/shots/outro/logo-shrink-wordmark-lockup.md +38 -38
  257. package/lib/motion/shotcraft/upstream/references/shots/outro/neon-triple-marquee.md +59 -59
  258. package/lib/motion/shotcraft/upstream/references/shots/outro/outro-group-photo-launch.md +39 -39
  259. package/lib/motion/shotcraft/upstream/references/shots/outro/ui-strip-away-outro.md +61 -61
  260. package/lib/motion/shotcraft/upstream/references/shots/outro/ui-to-brand-morph.md +52 -52
  261. package/lib/motion/shotcraft/upstream/references/shots/rhythm/beat-cut-moves.md +50 -50
  262. package/lib/motion/shotcraft/upstream/references/shots/rhythm/beat-step-list-theme-cycle.md +66 -66
  263. package/lib/motion/shotcraft/upstream/references/shots/rhythm/panel-grid-moves.md +43 -43
  264. package/lib/motion/shotcraft/upstream/references/shots/rhythm/quad-split-parallel-scenes.md +38 -38
  265. package/lib/motion/shotcraft/upstream/references/shots/rhythm/rhythm-interrupt-moves.md +38 -38
  266. package/lib/motion/shotcraft/upstream/references/shots/rhythm/sakuga-timing-shift.md +56 -56
  267. package/lib/motion/shotcraft/upstream/references/shots/rhythm/speed-ramp-freeze.md +44 -44
  268. package/lib/motion/shotcraft/upstream/references/shots/rhythm/trailer-grammar-moves.md +38 -38
  269. package/lib/motion/shotcraft/upstream/references/shots/transition/bottom-push-stack-wipe.md +63 -63
  270. package/lib/motion/shotcraft/upstream/references/shots/transition/card-flip-reveal.md +57 -57
  271. package/lib/motion/shotcraft/upstream/references/shots/transition/card-flock-tumble.md +63 -63
  272. package/lib/motion/shotcraft/upstream/references/shots/transition/circle-match-iris.md +58 -58
  273. package/lib/motion/shotcraft/upstream/references/shots/transition/gradient-transition.md +45 -45
  274. package/lib/motion/shotcraft/upstream/references/shots/transition/line-carry-transition.md +55 -55
  275. package/lib/motion/shotcraft/upstream/references/shots/transition/mosaic-reframe.md +49 -49
  276. package/lib/motion/shotcraft/upstream/references/shots/transition/page-turn-transitions.md +42 -42
  277. package/lib/motion/shotcraft/upstream/references/shots/transition/print-texture-transitions.md +42 -42
  278. package/lib/motion/shotcraft/upstream/references/shots/transition/shot-transitions.md +45 -45
  279. package/lib/motion/shotcraft/upstream/references/shots/transition/tear-streak-transitions.md +48 -48
  280. package/lib/motion/shotcraft/upstream/references/shots/transition/transition-hidden-cut.md +55 -55
  281. package/lib/motion/shotcraft/upstream/references/shots/transition/transition-travel.md +43 -43
  282. package/lib/motion/shotcraft/upstream/references/shots/transition/white-flash-logo-simplify-cut.md +41 -41
  283. package/lib/motion/shotcraft/upstream/references/shots/transition/wipe-transitions.md +42 -42
  284. package/lib/motion/shotcraft/upstream/references/shots/typography/blur-slide.md +59 -59
  285. package/lib/motion/shotcraft/upstream/references/shots/typography/brace-expand.md +55 -55
  286. package/lib/motion/shotcraft/upstream/references/shots/typography/countdown-arc-scatter.md +65 -65
  287. package/lib/motion/shotcraft/upstream/references/shots/typography/document-typewriter-reveal.md +42 -42
  288. package/lib/motion/shotcraft/upstream/references/shots/typography/flying-words.md +64 -64
  289. package/lib/motion/shotcraft/upstream/references/shots/typography/glitch-cycle.md +64 -64
  290. package/lib/motion/shotcraft/upstream/references/shots/typography/gradient-word-sweep.md +54 -54
  291. package/lib/motion/shotcraft/upstream/references/shots/typography/lead-word-zoom-assemble.md +91 -91
  292. package/lib/motion/shotcraft/upstream/references/shots/typography/marker-underline-title.md +51 -51
  293. package/lib/motion/shotcraft/upstream/references/shots/typography/outline-word-fill.md +66 -66
  294. package/lib/motion/shotcraft/upstream/references/shots/typography/paper-title-card.md +38 -38
  295. package/lib/motion/shotcraft/upstream/references/shots/typography/pill-chip-slot-cycle-handled.md +66 -66
  296. package/lib/motion/shotcraft/upstream/references/shots/typography/pill-slot-cycle.md +58 -58
  297. package/lib/motion/shotcraft/upstream/references/shots/typography/text-column-converge.md +61 -61
  298. package/lib/motion/shotcraft/upstream/references/shots/typography/title-demote-to-label.md +64 -64
  299. package/lib/motion/shotcraft/upstream/references/shots/typography/type-assembly-moves.md +45 -45
  300. package/lib/motion/shotcraft/upstream/references/shots/typography/type-entrance-moves.md +41 -41
  301. package/lib/motion/shotcraft/upstream/references/shots/typography/type-rhythm-sync.md +51 -51
  302. package/lib/motion/shotcraft/upstream/references/shots/typography/typewriter-moves.md +42 -42
  303. package/lib/motion/shotcraft/upstream/references/shots/typography/vertical-word-roll-blur-cycle.md +63 -63
  304. package/lib/motion/shotcraft/upstream/references/shots/typography/word-relay-filmstrip.md +57 -57
  305. package/lib/motion/shotcraft/upstream/references/shots/typography/word-relay-geometry.md +75 -75
  306. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/avatar-bracket-carousel.md +59 -59
  307. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/bezier-source-converge-merge.md +67 -67
  308. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/card-stack.md +60 -60
  309. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/carousel-3d.md +66 -66
  310. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/cloner-depth-echo.md +40 -40
  311. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/deck-deal-flyin.md +45 -45
  312. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/doc-park-left-pill-deal.md +62 -62
  313. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/draw-svg-trace.md +55 -55
  314. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/element-body-moves.md +37 -37
  315. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/integration-hub-map.md +55 -55
  316. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/list-reveal.md +50 -50
  317. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/list-stack-press.md +43 -43
  318. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/neon-frame-forerun.md +55 -55
  319. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/neon-frame-orbit-drop.md +51 -51
  320. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/page-waterfall-wall.md +51 -51
  321. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/product-card-progressive-assemble.md +56 -56
  322. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/radial-wave.md +49 -49
  323. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/research-card-stack-scroll.md +57 -57
  324. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/row-embed.md +36 -36
  325. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/value-stagger-gradient.md +64 -64
  326. package/lib/motion/shotcraft/upstream/references/shots/ui-entrance/wall-reveal-moves.md +47 -47
  327. package/lib/motion/shotcraft/upstream/references/sound-design.md +170 -170
  328. package/lib/motion/shotcraft/upstream/references/workbench.md +157 -157
  329. package/lib/motion/shotcraft/upstream/template/TEMPLATE.md +103 -103
  330. package/lib/motion/shotcraft/upstream/template/THEMES.md +44 -44
  331. package/lib/motion/shotcraft/upstream/template/package.json +20 -20
  332. package/lib/motion/shotcraft/upstream/template/remotion.config.ts +6 -6
  333. package/lib/motion/shotcraft/upstream/template/src/Root.tsx +17 -17
  334. package/lib/motion/shotcraft/upstream/template/src/aifl/Caption.tsx +65 -65
  335. package/lib/motion/shotcraft/upstream/template/src/aifl/DigitRoll.tsx +48 -48
  336. package/lib/motion/shotcraft/upstream/template/src/aifl/FlashCut.tsx +24 -24
  337. package/lib/motion/shotcraft/upstream/template/src/aifl/Main.tsx +192 -192
  338. package/lib/motion/shotcraft/upstream/template/src/aifl/PaperTitleCard.tsx +111 -111
  339. package/lib/motion/shotcraft/upstream/template/src/aifl/live/PageCam.tsx +150 -150
  340. package/lib/motion/shotcraft/upstream/template/src/aifl/live/SceneDetail.tsx +158 -158
  341. package/lib/motion/shotcraft/upstream/template/src/aifl/live/SceneFlyIn.tsx +468 -468
  342. package/lib/motion/shotcraft/upstream/template/src/aifl/live/SceneOpen.tsx +552 -552
  343. package/lib/motion/shotcraft/upstream/template/src/aifl/live/SceneOutroLive.tsx +411 -411
  344. package/lib/motion/shotcraft/upstream/template/src/aifl/live/ScenePapers.tsx +200 -200
  345. package/lib/motion/shotcraft/upstream/template/src/aifl/live/SceneWbr.tsx +324 -324
  346. package/lib/motion/shotcraft/upstream/template/src/aifl/live-layout.json +388 -388
  347. package/lib/motion/shotcraft/upstream/template/src/index.ts +4 -4
  348. package/lib/motion/shotcraft/upstream/template/src/themes/ThemedFilm.tsx +7 -7
  349. package/lib/motion/shotcraft/upstream/template/src/themes/manifest.tsx +68 -68
  350. package/lib/motion/shotcraft/upstream/template/src/themes/palette-assets.json +1 -1
  351. package/lib/motion/shotcraft/upstream/template/src/themes/palette-assets.ts +24 -24
  352. package/lib/motion/shotcraft/upstream/template/src/themes/palettes.json +74 -74
  353. package/lib/motion/shotcraft/upstream/template/src/themes/visual-theme.tsx +91 -91
  354. package/lib/motion/shotcraft/upstream/template/src/workbench.ts +213 -213
  355. package/lib/motion/shotcraft/upstream/template/tsconfig.json +15 -15
  356. package/lib/motion/style-frames.js +306 -306
  357. package/lib/motion/sync.js +214 -214
  358. package/lib/motion-project.js +105 -105
  359. package/lib/motion-render-worker.js +174 -174
  360. package/lib/routing/router.js +222 -222
  361. package/lib/routing/vendor/README.md +96 -96
  362. package/lib/routing/vendor/libavoid-routing.js +753 -753
  363. package/lib/routing/vendor/libavoid.min.js +59 -59
  364. package/lib/video-trace-pool.js +128 -128
  365. package/package.json +1 -1
  366. package/LICENSE +0 -4175
@@ -1,54 +1,54 @@
1
- ---
2
- name: voice-waveform-live
3
- 一句话: 录音胶囊实时声纹——64 根细竖条随"说话"起伏,说话时中部高耸、停顿缩成点线,波形从右往左滚动;说→停→说→提交塌缩的完整表演
4
- 适用: 语音输入/AI 助手"正在听你说"的功能镜头;无 UI 内容可展示但需要持续活性撑画面的段落
5
- 时长: 172f(~5.7s:入场 14f + 说 1.4s + 停 0.8s + 说 1.4s + 提交塌缩 / 收进气泡 0.8s + hold 0.7s)
6
- 能量: 中(功能性活性,不是炫技)
7
- ---
8
-
9
- ## 意图
10
- 本卡是**功能性**声纹:"正在听你说"的实时回执。命门在因果:
11
- 波形跟"用户说话"跳、是产品功能本身,不是跟 BGM 跳的装饰包装。
12
- 说话时波形高耸、停顿时缩成一排点线、历史向左滚出——观众从波形的起伏读出"它真的在听",一段 6s+ 的画面全靠这份
13
- 活性撑住,不需要任何别的内容。与 gauge-readout-moves 分工:仪表是
14
- "报一个数值"的机械仪式,本卡是"持续监听"的生命体征,没有终值。
15
-
16
- ## 动效核心
17
- - **帧确定的伪随机是命门**:mulberry32 按整数采样点取值 + smoothstep
18
- 相邻插值(值噪声),无 Math.random——渲染可复现且相邻帧连续
19
- - 滚动感:第 i 条采样时刻 = f - (N-1-i)·1.6,最右条是"现在",
20
- 历史向左流;不是条在平移,是每条在读不同时刻的信号
21
- - 条高 = 说话包络(梯形 seg 说/停两档 + 音节噪声 0.55+0.45·noise)
22
- × 中部空间权重 sin^0.8 × 逐条 jitter(0.35+0.65·noise);
23
- 静默钳到 6px 点线
24
- - 提交:按钮 3f 压缩 scale 1→0.82→1 回弹,波形 12f ease-in 塌缩
25
- 到 0.06,麦克风呼吸环随包络外扩
26
- - demo 加了一层实时转写(92px 粗体):每个词在它那一拍的音节起点由虚到实升起,刚说出的词是强调色、
27
- 几帧后沉成墨色,停顿时尾光标闪烁;提交时整段转写上移缩小收进强调色消息气泡——
28
- "停"从字和波形两处同时读得到,结尾帧是一张完整的对话海报
29
-
30
- ## 参数表
31
- | 参数 | 典型值 | 调节手感 |
32
- |------|--------|----------|
33
- | 条数/间隙 | 64 条,gap 5px(1240px 宽胶囊,声纹区 ≈820px) | 少于 40 条读作均衡器;密过 90 条单条读不出起伏 |
34
- | 滚动速率 | 1.6 帧/采样点 | 快了历史刷太快像故障;慢了"滚动感"消失变成原地抖 |
35
- | 说停包络 | seg 梯形 rise 5f / fall 7f;demo 说 15–57f、停 80–124f | 停顿段必须真的塌成点线——没有"停"的对比,"说"就不成立 |
36
- | 音节噪声 | 0.55+0.45·noiseAt(t/4.5) | 去掉音节层波形是平滑山丘,读不出"一句话的顿挫" |
37
- | 中部权重 | sin^0.8 空间包络 | 无权重全场等高像均衡器;指数 >1.5 中间独秀像单根跳 |
38
- | 静默钳位 | max 6px 点线(点线用中性弱色,说话条用强调色渐变) | 钳 0 波形消失读作断线;点线是"在听但你没说" |
39
- | 提交塌缩 | 12f ease-in 到 0.06 + 按钮压缩回弹 3f | 塌缩是"这段话被收走了";淡出读不出提交语义 |
40
- | 转写节奏 | 词出现帧 = 该词音节起点(包络 rise 段内),8f 由虚到实 | 词比波形早出读作字幕先于声音;晚 10f 以上读作延迟识别 |
41
- | 收进气泡 | 22f EASE.swift 上移 + 缩到 0.72,气泡底 / 白字 10f 跟进 | 只淡出转写读不出"发出去了" |
42
-
43
- ## 已知坑
44
- - demo 在 video-shotcraft 语音口述分镜("Shotcraft is listening")的暖色亮场上调校通过——参数是调校起点非实战定稿,
45
- 首次实战须以真实素材回验
46
- - **有音轨时波形必须跟人声走**:片子若配了真旁白/人声,包络的说停段要对齐音轨的说停,错位一秒就穿帮;无人声配乐片才可用纯合成包络
47
- - demo 是亮场暖白实底胶囊(顶部 1.5px 内高光 + 两层落地影);暗场片子换成 1.5px 渐变边玻璃胶囊即可,声纹参数不变
48
- - 麦克风已是 SVG 线性图标(早期 emoji + grayscale 占位已换掉),实战按品牌图标库替换即可
49
- - 声音:本卡画面就是"声音的形状",配人声最顺;提交钮一声轻 pop + 塌缩配短促下滑音
50
-
51
- ## 参考实现
52
- demos/interaction/voice-waveform-live/
53
- (VoiceWaveformLive.tsx)
54
- 原片出处:raycast-teams 19.5–26.0s
1
+ ---
2
+ name: voice-waveform-live
3
+ 一句话: 录音胶囊实时声纹——64 根细竖条随"说话"起伏,说话时中部高耸、停顿缩成点线,波形从右往左滚动;说→停→说→提交塌缩的完整表演
4
+ 适用: 语音输入/AI 助手"正在听你说"的功能镜头;无 UI 内容可展示但需要持续活性撑画面的段落
5
+ 时长: 172f(~5.7s:入场 14f + 说 1.4s + 停 0.8s + 说 1.4s + 提交塌缩 / 收进气泡 0.8s + hold 0.7s)
6
+ 能量: 中(功能性活性,不是炫技)
7
+ ---
8
+
9
+ ## 意图
10
+ 本卡是**功能性**声纹:"正在听你说"的实时回执。命门在因果:
11
+ 波形跟"用户说话"跳、是产品功能本身,不是跟 BGM 跳的装饰包装。
12
+ 说话时波形高耸、停顿时缩成一排点线、历史向左滚出——观众从波形的起伏读出"它真的在听",一段 6s+ 的画面全靠这份
13
+ 活性撑住,不需要任何别的内容。与 gauge-readout-moves 分工:仪表是
14
+ "报一个数值"的机械仪式,本卡是"持续监听"的生命体征,没有终值。
15
+
16
+ ## 动效核心
17
+ - **帧确定的伪随机是命门**:mulberry32 按整数采样点取值 + smoothstep
18
+ 相邻插值(值噪声),无 Math.random——渲染可复现且相邻帧连续
19
+ - 滚动感:第 i 条采样时刻 = f - (N-1-i)·1.6,最右条是"现在",
20
+ 历史向左流;不是条在平移,是每条在读不同时刻的信号
21
+ - 条高 = 说话包络(梯形 seg 说/停两档 + 音节噪声 0.55+0.45·noise)
22
+ × 中部空间权重 sin^0.8 × 逐条 jitter(0.35+0.65·noise);
23
+ 静默钳到 6px 点线
24
+ - 提交:按钮 3f 压缩 scale 1→0.82→1 回弹,波形 12f ease-in 塌缩
25
+ 到 0.06,麦克风呼吸环随包络外扩
26
+ - demo 加了一层实时转写(92px 粗体):每个词在它那一拍的音节起点由虚到实升起,刚说出的词是强调色、
27
+ 几帧后沉成墨色,停顿时尾光标闪烁;提交时整段转写上移缩小收进强调色消息气泡——
28
+ "停"从字和波形两处同时读得到,结尾帧是一张完整的对话海报
29
+
30
+ ## 参数表
31
+ | 参数 | 典型值 | 调节手感 |
32
+ |------|--------|----------|
33
+ | 条数/间隙 | 64 条,gap 5px(1240px 宽胶囊,声纹区 ≈820px) | 少于 40 条读作均衡器;密过 90 条单条读不出起伏 |
34
+ | 滚动速率 | 1.6 帧/采样点 | 快了历史刷太快像故障;慢了"滚动感"消失变成原地抖 |
35
+ | 说停包络 | seg 梯形 rise 5f / fall 7f;demo 说 15–57f、停 80–124f | 停顿段必须真的塌成点线——没有"停"的对比,"说"就不成立 |
36
+ | 音节噪声 | 0.55+0.45·noiseAt(t/4.5) | 去掉音节层波形是平滑山丘,读不出"一句话的顿挫" |
37
+ | 中部权重 | sin^0.8 空间包络 | 无权重全场等高像均衡器;指数 >1.5 中间独秀像单根跳 |
38
+ | 静默钳位 | max 6px 点线(点线用中性弱色,说话条用强调色渐变) | 钳 0 波形消失读作断线;点线是"在听但你没说" |
39
+ | 提交塌缩 | 12f ease-in 到 0.06 + 按钮压缩回弹 3f | 塌缩是"这段话被收走了";淡出读不出提交语义 |
40
+ | 转写节奏 | 词出现帧 = 该词音节起点(包络 rise 段内),8f 由虚到实 | 词比波形早出读作字幕先于声音;晚 10f 以上读作延迟识别 |
41
+ | 收进气泡 | 22f EASE.swift 上移 + 缩到 0.72,气泡底 / 白字 10f 跟进 | 只淡出转写读不出"发出去了" |
42
+
43
+ ## 已知坑
44
+ - demo 在 video-shotcraft 语音口述分镜("Shotcraft is listening")的暖色亮场上调校通过——参数是调校起点非实战定稿,
45
+ 首次实战须以真实素材回验
46
+ - **有音轨时波形必须跟人声走**:片子若配了真旁白/人声,包络的说停段要对齐音轨的说停,错位一秒就穿帮;无人声配乐片才可用纯合成包络
47
+ - demo 是亮场暖白实底胶囊(顶部 1.5px 内高光 + 两层落地影);暗场片子换成 1.5px 渐变边玻璃胶囊即可,声纹参数不变
48
+ - 麦克风已是 SVG 线性图标(早期 emoji + grayscale 占位已换掉),实战按品牌图标库替换即可
49
+ - 声音:本卡画面就是"声音的形状",配人声最顺;提交钮一声轻 pop + 塌缩配短促下滑音
50
+
51
+ ## 参考实现
52
+ demos/interaction/voice-waveform-live/
53
+ (VoiceWaveformLive.tsx)
54
+ 原片出处:raycast-teams 19.5–26.0s
@@ -1,36 +1,36 @@
1
- ---
2
- name: brand-ink-open
3
- 一句话: 墨线十字准星描画→字标逐字压印→打字机副标→满一秒静止再上浮消散
4
- 适用: 品牌开场;任何"先立名号再进产品"的片头
5
- 时长: 约 2.8s(83f)
6
- 能量: 低(起步位,为后续镜头留爬升空间)
7
- 标签: typography
8
- ---
9
-
10
- ## 意图
11
- 第一拍先给品牌记忆点:观众在任何产品画面出现之前,先看清并记住名字。安静、纸墨质感、有一个完整的静止时刻。
12
-
13
- ## 动效核心
14
- - SVG 十字准星笔画描画(pathLength dashoffset),先竖后横,画完淡出
15
- - 字标逐字 letterpress:scale 从大压到 1 + blur→0,字底强调色(模板片为琥珀)glint 短划闪过
16
- - kicker 副标打字机逐字符出现,强调色块光标周期闪烁
17
- - lockup 完整静止满 1 秒,然后整体上浮 + 缩小 + 淡出,交棒 dashboard
18
-
19
- ## 参数表
20
- | 参数 | 典型值 | 调节手感 |
21
- |------|--------|----------|
22
- | 准星描画 | 竖线 0→9f、横线 8→18f,24→34f 淡出 | 描画完必须淡出,残留准星会和字标抢焦点 |
23
- | 字标逐字 | 第 i 字 delay=10+i·3、12f;scale 1.6→1(origin center bottom)+ blur 6px→0 | "opacity+位移/scale+blur→0"是全片入场三件套定式,缺 blur 会显得硬 |
24
- | kicker 打字机 | 0.7f/字符(28 起 ~43.4 完),光标 2f 周期闪、74f 停闪 | 0.7f/字符只适用于装饰性小字;正文交互打字要 3f/字符(对照 type-and-filter,用户嫌快返工过) |
25
- | 品牌 hold | 46→76 帧整整 1 秒 | 硬底线:用户两轮点名"出现后延长停留1秒"(R1);短于 1s 必返工 |
26
- | 退场 | 7f 上浮 40px + 缩 12% + 淡出 | 退场快于入场——观众已读完,拖长反而泄气 |
27
-
28
- ## 声音
29
- 品牌落定钉 transition-soft(模板片钉在 f12),brand→dashboard 运镜钉 whoosh-fast(f78)。SFX 逐拍钉帧、声明式表管理(S2);音色走电影系词汇,不用游戏 UI tap(S1)。
30
-
31
- ## 已知坑
32
- - hold 要给的是 wordmark 落定时刻,不是普通字卡/内容卡(R1)——曾把 hold 错加给普通内容卡后很快回滚;指代含糊的"停留"反馈先确认对象再动手(P3)
33
- - 开场能量必须低起步:全片能量曲线低开→中段推进→outro 峰值,开场炫技会压死后面的爬升(对照 Q8 的能量曲线要求)
34
-
35
- ## 参考实现
36
- demos/typography/brand-ink-open/BrandInkOpen.tsx(原 template/src/aifl/live/SceneOpen.tsx 帧 0–83 段)
1
+ ---
2
+ name: brand-ink-open
3
+ 一句话: 墨线十字准星描画→字标逐字压印→打字机副标→满一秒静止再上浮消散
4
+ 适用: 品牌开场;任何"先立名号再进产品"的片头
5
+ 时长: 约 2.8s(83f)
6
+ 能量: 低(起步位,为后续镜头留爬升空间)
7
+ 标签: typography
8
+ ---
9
+
10
+ ## 意图
11
+ 第一拍先给品牌记忆点:观众在任何产品画面出现之前,先看清并记住名字。安静、纸墨质感、有一个完整的静止时刻。
12
+
13
+ ## 动效核心
14
+ - SVG 十字准星笔画描画(pathLength dashoffset),先竖后横,画完淡出
15
+ - 字标逐字 letterpress:scale 从大压到 1 + blur→0,字底强调色(模板片为琥珀)glint 短划闪过
16
+ - kicker 副标打字机逐字符出现,强调色块光标周期闪烁
17
+ - lockup 完整静止满 1 秒,然后整体上浮 + 缩小 + 淡出,交棒 dashboard
18
+
19
+ ## 参数表
20
+ | 参数 | 典型值 | 调节手感 |
21
+ |------|--------|----------|
22
+ | 准星描画 | 竖线 0→9f、横线 8→18f,24→34f 淡出 | 描画完必须淡出,残留准星会和字标抢焦点 |
23
+ | 字标逐字 | 第 i 字 delay=10+i·3、12f;scale 1.6→1(origin center bottom)+ blur 6px→0 | "opacity+位移/scale+blur→0"是全片入场三件套定式,缺 blur 会显得硬 |
24
+ | kicker 打字机 | 0.7f/字符(28 起 ~43.4 完),光标 2f 周期闪、74f 停闪 | 0.7f/字符只适用于装饰性小字;正文交互打字要 3f/字符(对照 type-and-filter,用户嫌快返工过) |
25
+ | 品牌 hold | 46→76 帧整整 1 秒 | 硬底线:用户两轮点名"出现后延长停留1秒"(R1);短于 1s 必返工 |
26
+ | 退场 | 7f 上浮 40px + 缩 12% + 淡出 | 退场快于入场——观众已读完,拖长反而泄气 |
27
+
28
+ ## 声音
29
+ 品牌落定钉 transition-soft(模板片钉在 f12),brand→dashboard 运镜钉 whoosh-fast(f78)。SFX 逐拍钉帧、声明式表管理(S2);音色走电影系词汇,不用游戏 UI tap(S1)。
30
+
31
+ ## 已知坑
32
+ - hold 要给的是 wordmark 落定时刻,不是普通字卡/内容卡(R1)——曾把 hold 错加给普通内容卡后很快回滚;指代含糊的"停留"反馈先确认对象再动手(P3)
33
+ - 开场能量必须低起步:全片能量曲线低开→中段推进→outro 峰值,开场炫技会压死后面的爬升(对照 Q8 的能量曲线要求)
34
+
35
+ ## 参考实现
36
+ demos/typography/brand-ink-open/BrandInkOpen.tsx(原 template/src/aifl/live/SceneOpen.tsx 帧 0–83 段)
@@ -1,56 +1,56 @@
1
- ---
2
- name: crane-rise-reveal
3
- 一句话: 升降臂拉升揭示——开场怼在一行数据特写,相机沿 Y 轴减速升起后拉,行行涌入直到整面 dashboard 铺满全幅
4
- 适用: "从细节到全局"的开场定场;与 drone-dive-landing(全局→单点俯冲)互为反向
5
- 时长: 5.5s(165f:特写 hold 24f + 拉升 102f + 落定/余波/静止 39f)
6
- 能量: 中高(持续单向运动,无冲击拍)
7
- 标签: camera、data
8
- ---
9
-
10
- ## 意图
11
- 开场定场库内已有 drone-dive-landing——从上帝视角砸进 hero 特写,
12
- "全局→焦点"。本卡是它的镜像:"焦点→全局"——先怼在一行真实数据上
13
- 让观众看清"这是什么",再升降臂式拉升后退,一排排内容涌入画面,
14
- 最后整面产品铺满——"你看到的这一行,只是这一面墙的一格"。
15
- 适合以产品体量/内容丰富度为卖点的开场;两卡同片只用一个方向。
16
-
17
- ## 动效核心
18
- - transform-origin 固定左上,联动公式 `translate = 屏幕中心 − 对准点×scale`;
19
- 对准点沿 (追踪行左段)→(页面中心) 与 scale 3.0→1.0 **共用同一条
20
- 不对称缓动 bezier(0.2,0,0.25,1) 进度**——一条 p = 一台相机一次机动(同 C 式判例)
21
- - 减速曲线(先快后慢)是"升降臂"的手感:起步有劲、临顶缓停;零速起步、19% 处达峰
22
- (≈2.3× 平均速),不从 hold 瞬间跳到最高速;hold 内相机先"吸一口气"推近 1.5% 作预备
23
- - 对焦:特写 hold 时只有被追踪的那一行是实的(钴蓝底 + 行首呼吸追踪点),其余行压到 38%,
24
- 起吊后 ~26f 回满——先让观众看清"这一个镜头",再看全部
25
- - 逐行洗光:相机可见区上缘 `visTop = fy − 540/s` 首次越过某行顶边时,
26
- 该行一道强调色洗光从行首掠到行尾(3f 起、6f 后 18f 落,带 1px 强调色描边)——
27
- "涌入"的可读性来源;触发帧逐帧解出,与运镜严格同步
28
- - 体量感:页头 KPI(今日渲染帧数)与拉升同期从 0 数到 48,210(expo-out,与运镜同帧收),窗口阴影随拉开
29
- 从贴近升到悬浮高度,舞台点阵按 0.35 视差慢移——窗口最后读作舞台上的一件实物
30
- - 余波:落定后追踪行的状态胶囊由「Rendering」翻成「Rendered」(弹簧 damping 16 + 对勾描画 + 进度条补满),
31
- hold 段里唯一的小事件
32
- - 白底上"提亮"不可见,**加深/上色才可感**(判例:brightness 提亮在白卡上等于没做)
33
-
34
- ## 参数表
35
- | 参数 | 典型值 | 调节手感 |
36
- |------|--------|----------|
37
- | 起点特写 | scale 3.0,对准追踪行左段(镜头号 / 转场 63px 大字;取景下缘停在窗口底边上方,不露窗外) | hold ≥20f 让"这是一行数据"可读再起飞 |
38
- | 拉升 | 102f bezier(0.2,0,0.25,1),scale 3.0→1.0 | 快于 80f 行洗光追不上;慢于 130f 中段拖 |
39
- | 对焦 | 非追踪行 38% → 100%,起吊后 26f | 不压暗时特写里每行同权,观众不知道看哪一行 |
40
- | 行洗光 | 越线触发,强调色从行首掠过 + 细描边,~24f | 洗光跟不上相机(固定间隔触发)立刻穿帮 |
41
- | 收尾 | 满幅后不再补推,靠状态翻转让 hold 活着,静止 ≥30f | R1;满幅帧即标准构图 |
42
-
43
- ## 已知坑
44
- - demo 在虚构数据的手搓产品窗口(video-shotcraft 渲染队列)上调校通过——参数是调校起点非实战定稿,
45
- 首次实战须以真实素材回验
46
- - 起点特写 = 一行内容被放大 3.2 倍盯着看,真实素材先过
47
- 审美准则 Q2 的高分辨率栅格化技法,低倍截图开场即糊
48
- - 快速拉升段可包 CameraMotionBlur(参数见 deck-deal-flyin 运动模糊行),
49
- 但只包前半程快速段——临顶慢速段包了会抹软文字(轮 #8 判例);
50
- 半透明洗光叠层别放进 CameraMotionBlur(多重采样叠加出竖条伪影),单独一层同相机
51
- - 与 drone-dive-landing 同片不并用(一升一降互为镜像,观众读作同一招);
52
- 与 crane 语义最近的 tilt-reveal 未入库,别混称
53
-
54
- ## 参考实现
55
- demos/opening/crane-rise-reveal/
56
- (CraneRiseReveal.tsx)
1
+ ---
2
+ name: crane-rise-reveal
3
+ 一句话: 升降臂拉升揭示——开场怼在一行数据特写,相机沿 Y 轴减速升起后拉,行行涌入直到整面 dashboard 铺满全幅
4
+ 适用: "从细节到全局"的开场定场;与 drone-dive-landing(全局→单点俯冲)互为反向
5
+ 时长: 5.5s(165f:特写 hold 24f + 拉升 102f + 落定/余波/静止 39f)
6
+ 能量: 中高(持续单向运动,无冲击拍)
7
+ 标签: camera、data
8
+ ---
9
+
10
+ ## 意图
11
+ 开场定场库内已有 drone-dive-landing——从上帝视角砸进 hero 特写,
12
+ "全局→焦点"。本卡是它的镜像:"焦点→全局"——先怼在一行真实数据上
13
+ 让观众看清"这是什么",再升降臂式拉升后退,一排排内容涌入画面,
14
+ 最后整面产品铺满——"你看到的这一行,只是这一面墙的一格"。
15
+ 适合以产品体量/内容丰富度为卖点的开场;两卡同片只用一个方向。
16
+
17
+ ## 动效核心
18
+ - transform-origin 固定左上,联动公式 `translate = 屏幕中心 − 对准点×scale`;
19
+ 对准点沿 (追踪行左段)→(页面中心) 与 scale 3.0→1.0 **共用同一条
20
+ 不对称缓动 bezier(0.2,0,0.25,1) 进度**——一条 p = 一台相机一次机动(同 C 式判例)
21
+ - 减速曲线(先快后慢)是"升降臂"的手感:起步有劲、临顶缓停;零速起步、19% 处达峰
22
+ (≈2.3× 平均速),不从 hold 瞬间跳到最高速;hold 内相机先"吸一口气"推近 1.5% 作预备
23
+ - 对焦:特写 hold 时只有被追踪的那一行是实的(钴蓝底 + 行首呼吸追踪点),其余行压到 38%,
24
+ 起吊后 ~26f 回满——先让观众看清"这一个镜头",再看全部
25
+ - 逐行洗光:相机可见区上缘 `visTop = fy − 540/s` 首次越过某行顶边时,
26
+ 该行一道强调色洗光从行首掠到行尾(3f 起、6f 后 18f 落,带 1px 强调色描边)——
27
+ "涌入"的可读性来源;触发帧逐帧解出,与运镜严格同步
28
+ - 体量感:页头 KPI(今日渲染帧数)与拉升同期从 0 数到 48,210(expo-out,与运镜同帧收),窗口阴影随拉开
29
+ 从贴近升到悬浮高度,舞台点阵按 0.35 视差慢移——窗口最后读作舞台上的一件实物
30
+ - 余波:落定后追踪行的状态胶囊由「Rendering」翻成「Rendered」(弹簧 damping 16 + 对勾描画 + 进度条补满),
31
+ hold 段里唯一的小事件
32
+ - 白底上"提亮"不可见,**加深/上色才可感**(判例:brightness 提亮在白卡上等于没做)
33
+
34
+ ## 参数表
35
+ | 参数 | 典型值 | 调节手感 |
36
+ |------|--------|----------|
37
+ | 起点特写 | scale 3.0,对准追踪行左段(镜头号 / 转场 63px 大字;取景下缘停在窗口底边上方,不露窗外) | hold ≥20f 让"这是一行数据"可读再起飞 |
38
+ | 拉升 | 102f bezier(0.2,0,0.25,1),scale 3.0→1.0 | 快于 80f 行洗光追不上;慢于 130f 中段拖 |
39
+ | 对焦 | 非追踪行 38% → 100%,起吊后 26f | 不压暗时特写里每行同权,观众不知道看哪一行 |
40
+ | 行洗光 | 越线触发,强调色从行首掠过 + 细描边,~24f | 洗光跟不上相机(固定间隔触发)立刻穿帮 |
41
+ | 收尾 | 满幅后不再补推,靠状态翻转让 hold 活着,静止 ≥30f | R1;满幅帧即标准构图 |
42
+
43
+ ## 已知坑
44
+ - demo 在虚构数据的手搓产品窗口(video-shotcraft 渲染队列)上调校通过——参数是调校起点非实战定稿,
45
+ 首次实战须以真实素材回验
46
+ - 起点特写 = 一行内容被放大 3.2 倍盯着看,真实素材先过
47
+ 审美准则 Q2 的高分辨率栅格化技法,低倍截图开场即糊
48
+ - 快速拉升段可包 CameraMotionBlur(参数见 deck-deal-flyin 运动模糊行),
49
+ 但只包前半程快速段——临顶慢速段包了会抹软文字(轮 #8 判例);
50
+ 半透明洗光叠层别放进 CameraMotionBlur(多重采样叠加出竖条伪影),单独一层同相机
51
+ - 与 drone-dive-landing 同片不并用(一升一降互为镜像,观众读作同一招);
52
+ 与 crane 语义最近的 tilt-reveal 未入库,别混称
53
+
54
+ ## 参考实现
55
+ demos/opening/crane-rise-reveal/
56
+ (CraneRiseReveal.tsx)
@@ -1,56 +1,56 @@
1
- ---
2
- name: dataviz-landscape-open
3
- 一句话: 暗场支流线束地景开场——多条流线汇入主干、虚构 ID 标签浮在线上、相机重景深低速飞越
4
- 适用: 品牌级抽象开场("数据宇宙"隐喻),接亮场产品段或字标;与 glow-flyline-moves 分工:那卡是段落内卡片之间的连线叙事,本卡是开场专用的全画幅地景
5
- 时长: 5–8s(开场氛围段,一支片 ≤1 次;demo 180f)
6
- 能量: 低开缓升(起步位,为后续爬升留空间)
7
- 标签: data、camera
8
- ---
9
-
10
- ## 意图
11
- Linear Releases 发布片开场实证的品牌级开场品类:把产品背后的数据世界
12
- 拍成一片**暗场地景**——支流线束从画面深处汇入一条主干("无数工作流
13
- 汇成一个产品"的隐喻),真实感来自三样东西:①虚构 issue/任务 ID 标签
14
- 浮在线上(demo 用 video-shotcraft 的镜头号 + 运镜名:每条支流是一个镜头,汇成一支成片)(观众认出"这是我每天看到的那种东西");②重景深——近景大虚焦
15
- 流过、中景标签清晰可读、远景渐隐,三层纵深让平面 SVG 读作空间;
16
- ③相机低速匀稳飞越——这是氛围段不是炫技段,速度感交给后面的镜头。
17
- 手搓 UI 合规依据:非复刻场景(页面上不存在此画面),按核心理念 1
18
- 修订版走质量+表达明确性门槛。
19
-
20
- ## 动作阶段
21
- | 阶段 | 帧段(@30fps 参考,demo 180f) | 内容 |
22
- |------|------|------|
23
- | 1 生长 | f0–70 | 主干由近及远 draw-on 奔向消失点(36f out-cubic,笔尖光点),支流从两侧画外错峰 4–6f 生长、切向汇入 |
24
- | 2 飞越 | f0–180 | 相机低空沿河道前飞 + 横向缓移(与生长期跨骑),标签 f44–96 非均匀错峰立起,生长完的线上亮脉冲流向汇点 |
25
- | 3 交棒 | f104–180 | 标签停止新增;消失点亮起一团强调色光,天空落一行大标题;相机 bezier 减速缓停,hold ≥30f |
26
-
27
- ## 参数表
28
- | 参数 | 典型值 | 调节手感 |
29
- |------|--------|----------|
30
- | 线束规模 | 支流 8–14 条汇入 1 条主干(demo 11 条,含 1 条贴镜头掠过的近景支流) | 超过 ~16 条读作屏保/科技模板;主干必须唯一(单主角原则的地景版) |
31
- | 地景投影 | 线画在真透视地平面上:针孔投影 `sx = 960 + F·(X−camX)/Z'`、`sy = 地平线 + F·camH/Z'`,F 1100、相机高 220、地平线 0.39 帧高 | 平面 SVG 横移要手工凑三层视差;真投影的近大远小、视差、汇聚全部白给 |
32
- | 汇流拓扑 | 支流以 bezier 切向汇入主干(汇入点切线 = 主干切线),主干走向让消失点落在画面右 1/3 | 垂直相交读作电路图不是水系;消失点居中构图死板 |
33
- | 景深 | 按投影深度逐段分层:Z' <~1000 进模糊层(blur 11px、线宽 ×1.3)、中景锐利、Z' >2600 起雾化变淡;线宽 = 世界线宽·F/Z' | 近景不虚焦则读作线框图;远景不雾化会在地平线挤成一团亮 |
34
- | 相机飞越 | 前飞 950 世界单位 / 180f,bezier(0.3,0.3,0.55,1):开场即在飞、尾段减速缓停;叠横向缓移 −140→110 | 快了变追逐镜头(那是 crash-zoom 的活);只前推不横移时远近错动弱 |
35
- | 线段绘制 | 每条线按弧长等距采样后逐段画(逐段线宽/透明度),**butt 端帽** | round 端帽在半透明线上每个接缝叠一圈,整条线读成串珠 |
36
- | 流动感 | 生长完成后沿线窄峰亮脉冲低速漂向汇点,只在中远景显形(近处一段在屏上很长,逐段明暗读成台阶) | 生长期结束后无流动元素,后半段退化成"路线图飞越"不是"数据流" |
37
- | 标签 | 中景 5–9 枚(demo 6):强调色方块图钉落在线上 + 短立杆 + 等宽 ID 胶囊,按 1500/Z' 透视缩放(钳 0.7–1.7);远的先画近的后画 | **立杆世界高度要远低于相机高度**——杆高≈相机高时所有标签都投影到地平线上挤成一排;位置要逐帧投影核过起止两端都不叠 |
38
- | 生长节奏 | 主干 30–40f out-cubic 先行,支流每条错峰 3–6f | 全部同帧生长读作 loading 动画 |
39
- | 收尾 | 交棒帧前 ≥15f 标签停止新增、相机减速不急刹;标题(眉题 + 两行 108px)逐词升起 | 氛围段急刹是一次可见的顿挫(glow-orb 收敛判例同源) |
40
-
41
- ## 已知坑
42
- - 借鉴来源:Linear Releases 开场(进化轮 #3 breakdown #7),单例样本
43
- ——参数给区间不给教条,首次实战以真实素材回验
44
- - 与 glow-flyline-moves 别混用在相邻段落:两卡都是"暗场发光线",
45
- 背靠背出现读作全片只会一招;同片都要用时中间隔 ≥2 个亮场镜头
46
- - 暗场进出成本同 glow 卡:接亮场产品段用 shot-transitions 藏切族垫,
47
- 别生切明暗
48
- - 线条纯白全亮会糊成蛛网——亮度按层拉开(见参数表),中景才是主角层;
49
- 主干/支流给 1–2px 微辉光(soft glow)压出"发光线"氛围,全无辉光读作线框图(Q4 单点光效许可内)
50
- - 标签字号在目标画幅下 ≥18px 等效,否则"可读"沦为装饰噪点(Q6 同源)
51
- - 声音:铺 riser/低频 pad 底噪,标签浮现不逐枚打点(批量不逐个发声,
52
- S2 同源);交棒帧一次 whoosh/impact 交给下一镜头
53
-
54
- ## 参考实现
55
- demos/opening/dataviz-landscape-open/
56
- (DatavizLandscapeOpen.tsx)
1
+ ---
2
+ name: dataviz-landscape-open
3
+ 一句话: 暗场支流线束地景开场——多条流线汇入主干、虚构 ID 标签浮在线上、相机重景深低速飞越
4
+ 适用: 品牌级抽象开场("数据宇宙"隐喻),接亮场产品段或字标;与 glow-flyline-moves 分工:那卡是段落内卡片之间的连线叙事,本卡是开场专用的全画幅地景
5
+ 时长: 5–8s(开场氛围段,一支片 ≤1 次;demo 180f)
6
+ 能量: 低开缓升(起步位,为后续爬升留空间)
7
+ 标签: data、camera
8
+ ---
9
+
10
+ ## 意图
11
+ Linear Releases 发布片开场实证的品牌级开场品类:把产品背后的数据世界
12
+ 拍成一片**暗场地景**——支流线束从画面深处汇入一条主干("无数工作流
13
+ 汇成一个产品"的隐喻),真实感来自三样东西:①虚构 issue/任务 ID 标签
14
+ 浮在线上(demo 用 video-shotcraft 的镜头号 + 运镜名:每条支流是一个镜头,汇成一支成片)(观众认出"这是我每天看到的那种东西");②重景深——近景大虚焦
15
+ 流过、中景标签清晰可读、远景渐隐,三层纵深让平面 SVG 读作空间;
16
+ ③相机低速匀稳飞越——这是氛围段不是炫技段,速度感交给后面的镜头。
17
+ 手搓 UI 合规依据:非复刻场景(页面上不存在此画面),按核心理念 1
18
+ 修订版走质量+表达明确性门槛。
19
+
20
+ ## 动作阶段
21
+ | 阶段 | 帧段(@30fps 参考,demo 180f) | 内容 |
22
+ |------|------|------|
23
+ | 1 生长 | f0–70 | 主干由近及远 draw-on 奔向消失点(36f out-cubic,笔尖光点),支流从两侧画外错峰 4–6f 生长、切向汇入 |
24
+ | 2 飞越 | f0–180 | 相机低空沿河道前飞 + 横向缓移(与生长期跨骑),标签 f44–96 非均匀错峰立起,生长完的线上亮脉冲流向汇点 |
25
+ | 3 交棒 | f104–180 | 标签停止新增;消失点亮起一团强调色光,天空落一行大标题;相机 bezier 减速缓停,hold ≥30f |
26
+
27
+ ## 参数表
28
+ | 参数 | 典型值 | 调节手感 |
29
+ |------|--------|----------|
30
+ | 线束规模 | 支流 8–14 条汇入 1 条主干(demo 11 条,含 1 条贴镜头掠过的近景支流) | 超过 ~16 条读作屏保/科技模板;主干必须唯一(单主角原则的地景版) |
31
+ | 地景投影 | 线画在真透视地平面上:针孔投影 `sx = 960 + F·(X−camX)/Z'`、`sy = 地平线 + F·camH/Z'`,F 1100、相机高 220、地平线 0.39 帧高 | 平面 SVG 横移要手工凑三层视差;真投影的近大远小、视差、汇聚全部白给 |
32
+ | 汇流拓扑 | 支流以 bezier 切向汇入主干(汇入点切线 = 主干切线),主干走向让消失点落在画面右 1/3 | 垂直相交读作电路图不是水系;消失点居中构图死板 |
33
+ | 景深 | 按投影深度逐段分层:Z' <~1000 进模糊层(blur 11px、线宽 ×1.3)、中景锐利、Z' >2600 起雾化变淡;线宽 = 世界线宽·F/Z' | 近景不虚焦则读作线框图;远景不雾化会在地平线挤成一团亮 |
34
+ | 相机飞越 | 前飞 950 世界单位 / 180f,bezier(0.3,0.3,0.55,1):开场即在飞、尾段减速缓停;叠横向缓移 −140→110 | 快了变追逐镜头(那是 crash-zoom 的活);只前推不横移时远近错动弱 |
35
+ | 线段绘制 | 每条线按弧长等距采样后逐段画(逐段线宽/透明度),**butt 端帽** | round 端帽在半透明线上每个接缝叠一圈,整条线读成串珠 |
36
+ | 流动感 | 生长完成后沿线窄峰亮脉冲低速漂向汇点,只在中远景显形(近处一段在屏上很长,逐段明暗读成台阶) | 生长期结束后无流动元素,后半段退化成"路线图飞越"不是"数据流" |
37
+ | 标签 | 中景 5–9 枚(demo 6):强调色方块图钉落在线上 + 短立杆 + 等宽 ID 胶囊,按 1500/Z' 透视缩放(钳 0.7–1.7);远的先画近的后画 | **立杆世界高度要远低于相机高度**——杆高≈相机高时所有标签都投影到地平线上挤成一排;位置要逐帧投影核过起止两端都不叠 |
38
+ | 生长节奏 | 主干 30–40f out-cubic 先行,支流每条错峰 3–6f | 全部同帧生长读作 loading 动画 |
39
+ | 收尾 | 交棒帧前 ≥15f 标签停止新增、相机减速不急刹;标题(眉题 + 两行 108px)逐词升起 | 氛围段急刹是一次可见的顿挫(glow-orb 收敛判例同源) |
40
+
41
+ ## 已知坑
42
+ - 借鉴来源:Linear Releases 开场(进化轮 #3 breakdown #7),单例样本
43
+ ——参数给区间不给教条,首次实战以真实素材回验
44
+ - 与 glow-flyline-moves 别混用在相邻段落:两卡都是"暗场发光线",
45
+ 背靠背出现读作全片只会一招;同片都要用时中间隔 ≥2 个亮场镜头
46
+ - 暗场进出成本同 glow 卡:接亮场产品段用 shot-transitions 藏切族垫,
47
+ 别生切明暗
48
+ - 线条纯白全亮会糊成蛛网——亮度按层拉开(见参数表),中景才是主角层;
49
+ 主干/支流给 1–2px 微辉光(soft glow)压出"发光线"氛围,全无辉光读作线框图(Q4 单点光效许可内)
50
+ - 标签字号在目标画幅下 ≥18px 等效,否则"可读"沦为装饰噪点(Q6 同源)
51
+ - 声音:铺 riser/低频 pad 底噪,标签浮现不逐枚打点(批量不逐个发声,
52
+ S2 同源);交棒帧一次 whoosh/impact 交给下一镜头
53
+
54
+ ## 参考实现
55
+ demos/opening/dataviz-landscape-open/
56
+ (DatavizLandscapeOpen.tsx)
@@ -1,40 +1,40 @@
1
- ---
2
- name: fracture
3
- 一句话: 5×5 瓦片从 3D 碎片态按中心波纹逐圈聚合成整面海报,停一拍亮字,随后全部碎片背离中心加速旋转飞出画面
4
- 适用: 开场第一镜"从混沌到成形"的品牌/海报揭示;倒放或只取后半可作硬转场
5
- 时长: 约 5.2s(156f@30fps;聚合 0–2.6s · hold 1s · 飞散 1.5s)
6
- 能量: 高(两头高能、中段静止,适合压 BGM 重音起收)
7
- ---
8
-
9
- ## 意图
10
- 把"产品成形"拍成物理事件:碎片从三维空间各自带着旋转飞回原位,观众看着一面完整画面从无序中长出来;hold 读字后再整体炸出画面,把注意力干净地交给下一镜。进出对称,一支素材可正反两用。
11
-
12
- ## 动效核心
13
- - 25 块瓦片各自持有确定性伪随机的初始姿态:位移 ±450/±300/±490px(x/y/z)+ 三轴 ±180° 旋转,由 `rand(seed)` 生成,渲染可复现
14
- - 入场按曼哈顿距离波纹 stagger:`delay = (|r-2|+|c-2|) * 0.045`,中心先就位、四角最后,每块 0.34 时长走 `bezier(0.42,0,0.3,1)`(落位前长减速);落位后 ~10f 一次 ≤2.5° 的 rotateX 阻尼小摆 = 入槽"咔哒"
15
- - 25 块切的是**同一张海报**(每块按格位偏移取自己那一格),拼齐才看见完整画面;瓦片按朝向做明暗(越侧对镜头越暗)
16
- - opacity 以 `tin * 2.5` 快速升到 1——碎片远处即近乎实体,避免"淡入感"稀释物理感
17
- - 海报上印眉题 INTRODUCING + video-shotcraft 字标(标志 + 小写字标),随瓦片切片,t=0.42–0.52 亮起占住 hold 段视线;退场不单独淡出,字和标志跟着碎片一起被撕走;hold 段整面极缓推近 3%
18
- - 退场不淡出:每块沿背离画面中心的方向(`atan2` 计算 + ±0.8 抖动)飞出 620–880px 并加旋 ±150°,`inCubic` 加速,实体出画
19
-
20
- ## 参数表
21
- | 参数 | 典型值 | 调节手感 |
22
- |------|--------|----------|
23
- | 网格 | 5×5,380×230px,perspective 900px | 瓦片更多波纹更细腻但单块存在感下降;persp <700 透视夸张易穿帮 |
24
- | 初始散布 | dx±450 / dy±300 / dz −210~+490 | 放大散布开场更混沌,但聚合路径变长需同步加 delay 窗口 |
25
- | 波纹间隔 | 0.045/环(曼哈顿距离) | >0.07 波纹感变"逐圈点名";<0.03 全体近同时到位失去波纹 |
26
- | 入场时长 | 每块 0.34(inOutCubic) | 缩短更"啪"地成形;配合波纹间隔保证末块 ≤0.6 就位 |
27
- | 退场窗口 | 0.70 + delay×0.5 起飞,0.18 时长(inCubic) | **窗口必须收在 t≈0.97 前**:曾因 0.72+delay×0.7/0.26 导致角瓦片出画不完、卡在画框边一秒(判例 2026-08-05) |
28
- | 退场距离 | 620–880px(背离中心 + 随机抖动) | 距离不足会残留在画框边;中心瓦片方向随机(无"背离"可言) |
29
- | 海报配色 | `ACCENT_HUE=218` 派生整张海报(冷色深场 + 左上柔光 + 底部发光地平线弧) | 改一个色相常量整面换色;拼缝 0.5 设计 px,再宽会把字切缺笔 |
30
-
31
- ## 已知坑
32
- - 退场用位移出画而非 opacity 淡出——淡出会读作"消失"而非"飞走",物理感尽失;改参数时保持 `opacity = min(1, tin*2.5)` 不挂退场项
33
- - 所有随机量必须走确定性 `rand(seed)`(等价 Remotion `random()`),真随机会渲染间抖动
34
- - hold 段(t≈0.6–0.7)是唯一读字窗口,加长文案要同步拉开 label 淡出与首块起飞的间隔,否则字还没读完瓦片已散
35
- - 标志别跨拼缝:拼缝会把标志切出一条细缝/残边,读作坏图。demo 把字标中心对准第 3 行瓦片中心、字号定 22 让标志整个落在第 2 列瓦片里,碎片飞散时标志随一块瓦片完整飞走;换标志尺寸或网格时同步重算
36
- - 用作转场时建议只取 t=0.7–1 的飞散段倒放/正放各半,两侧素材分别贴在瓦片面上需另做纹理映射
37
-
38
- ## 参考实现
39
- demos/opening/fracture/
40
- (Fracture.tsx)
1
+ ---
2
+ name: fracture
3
+ 一句话: 5×5 瓦片从 3D 碎片态按中心波纹逐圈聚合成整面海报,停一拍亮字,随后全部碎片背离中心加速旋转飞出画面
4
+ 适用: 开场第一镜"从混沌到成形"的品牌/海报揭示;倒放或只取后半可作硬转场
5
+ 时长: 约 5.2s(156f@30fps;聚合 0–2.6s · hold 1s · 飞散 1.5s)
6
+ 能量: 高(两头高能、中段静止,适合压 BGM 重音起收)
7
+ ---
8
+
9
+ ## 意图
10
+ 把"产品成形"拍成物理事件:碎片从三维空间各自带着旋转飞回原位,观众看着一面完整画面从无序中长出来;hold 读字后再整体炸出画面,把注意力干净地交给下一镜。进出对称,一支素材可正反两用。
11
+
12
+ ## 动效核心
13
+ - 25 块瓦片各自持有确定性伪随机的初始姿态:位移 ±450/±300/±490px(x/y/z)+ 三轴 ±180° 旋转,由 `rand(seed)` 生成,渲染可复现
14
+ - 入场按曼哈顿距离波纹 stagger:`delay = (|r-2|+|c-2|) * 0.045`,中心先就位、四角最后,每块 0.34 时长走 `bezier(0.42,0,0.3,1)`(落位前长减速);落位后 ~10f 一次 ≤2.5° 的 rotateX 阻尼小摆 = 入槽"咔哒"
15
+ - 25 块切的是**同一张海报**(每块按格位偏移取自己那一格),拼齐才看见完整画面;瓦片按朝向做明暗(越侧对镜头越暗)
16
+ - opacity 以 `tin * 2.5` 快速升到 1——碎片远处即近乎实体,避免"淡入感"稀释物理感
17
+ - 海报上印眉题 INTRODUCING + video-shotcraft 字标(标志 + 小写字标),随瓦片切片,t=0.42–0.52 亮起占住 hold 段视线;退场不单独淡出,字和标志跟着碎片一起被撕走;hold 段整面极缓推近 3%
18
+ - 退场不淡出:每块沿背离画面中心的方向(`atan2` 计算 + ±0.8 抖动)飞出 620–880px 并加旋 ±150°,`inCubic` 加速,实体出画
19
+
20
+ ## 参数表
21
+ | 参数 | 典型值 | 调节手感 |
22
+ |------|--------|----------|
23
+ | 网格 | 5×5,380×230px,perspective 900px | 瓦片更多波纹更细腻但单块存在感下降;persp <700 透视夸张易穿帮 |
24
+ | 初始散布 | dx±450 / dy±300 / dz −210~+490 | 放大散布开场更混沌,但聚合路径变长需同步加 delay 窗口 |
25
+ | 波纹间隔 | 0.045/环(曼哈顿距离) | >0.07 波纹感变"逐圈点名";<0.03 全体近同时到位失去波纹 |
26
+ | 入场时长 | 每块 0.34(inOutCubic) | 缩短更"啪"地成形;配合波纹间隔保证末块 ≤0.6 就位 |
27
+ | 退场窗口 | 0.70 + delay×0.5 起飞,0.18 时长(inCubic) | **窗口必须收在 t≈0.97 前**:曾因 0.72+delay×0.7/0.26 导致角瓦片出画不完、卡在画框边一秒(判例 2026-08-05) |
28
+ | 退场距离 | 620–880px(背离中心 + 随机抖动) | 距离不足会残留在画框边;中心瓦片方向随机(无"背离"可言) |
29
+ | 海报配色 | `ACCENT_HUE=218` 派生整张海报(冷色深场 + 左上柔光 + 底部发光地平线弧) | 改一个色相常量整面换色;拼缝 0.5 设计 px,再宽会把字切缺笔 |
30
+
31
+ ## 已知坑
32
+ - 退场用位移出画而非 opacity 淡出——淡出会读作"消失"而非"飞走",物理感尽失;改参数时保持 `opacity = min(1, tin*2.5)` 不挂退场项
33
+ - 所有随机量必须走确定性 `rand(seed)`(等价 Remotion `random()`),真随机会渲染间抖动
34
+ - hold 段(t≈0.6–0.7)是唯一读字窗口,加长文案要同步拉开 label 淡出与首块起飞的间隔,否则字还没读完瓦片已散
35
+ - 标志别跨拼缝:拼缝会把标志切出一条细缝/残边,读作坏图。demo 把字标中心对准第 3 行瓦片中心、字号定 22 让标志整个落在第 2 列瓦片里,碎片飞散时标志随一块瓦片完整飞走;换标志尺寸或网格时同步重算
36
+ - 用作转场时建议只取 t=0.7–1 的飞散段倒放/正放各半,两侧素材分别贴在瓦片面上需另做纹理映射
37
+
38
+ ## 参考实现
39
+ demos/opening/fracture/
40
+ (Fracture.tsx)