Skip to content

Commit b94ffca

Browse files
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.24
1 parent c7810b6 commit b94ffca

36 files changed

+2252
-128
lines changed

package-lock.json

Lines changed: 36 additions & 17 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,9 @@
4444
"gsap": "^3.13.0",
4545
"lucide-react": "^0.545.0",
4646
"mediabunny": "^1.25.1",
47-
"motion": "^12.23.24",
47+
"motion": "^12.36.0",
4848
"mp4box": "^2.2.0",
49+
"pixi-filters": "^6.1.5",
4950
"pixi.js": "^8.14.0",
5051
"react": "^18.2.0",
5152
"react-dom": "^18.2.0",
Lines changed: 46 additions & 0 deletions
Loading
Lines changed: 5 additions & 0 deletions
Loading
Lines changed: 5 additions & 0 deletions
Loading
Lines changed: 5 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)