Commit b94ffca
committed
feat: port cursor rendering pipeline and zoom improvements from Recordly
- Add PixiJS cursor overlay with SVG assets, click animations, and
spring-based smoothing (cursorRenderer.ts, motionSmoothing.ts)
- Replace zoom transform with Screen Studio-style easing and directional
motion blur via pixi-filters MotionBlurFilter (zoomTransform.ts)
- Add connected zoom pan transitions between adjacent zoom regions
(zoomRegionUtils.ts)
- Enhance focus utilities with soft boundary clamping (focusUtils.ts)
- Add cubic bezier and expo easing functions (mathUtils.ts)
- Rewrite VideoPlayback ticker for proper easing and cursor overlay updates
- Add cursor settings UI in SettingsPanel (size, smoothing, motion blur,
click bounce, show/hide toggle)
- Add zoom motion blur and background blur intensity sliders
- Wire cursor telemetry and visual settings through VideoEditor props
- Add 21 SVG cursor assets (Default, Crosshair, Hand, Resize, Text, etc.)
- New dependencies: pixi-filters ^6.1.5, motion ^12.23.241 parent c7810b6 commit b94ffca
File tree
36 files changed
+2252
-128
lines changed- src
- assets/cursors
- components/video-editor
- videoPlayback
- lib/exporter
36 files changed
+2252
-128
lines changedSome generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
44 | 44 | | |
45 | 45 | | |
46 | 46 | | |
47 | | - | |
| 47 | + | |
48 | 48 | | |
| 49 | + | |
49 | 50 | | |
50 | 51 | | |
51 | 52 | | |
| |||
Loading
Loading
Loading
Loading
0 commit comments