Fringg a933f661e4 perf: optimize animated backgrounds for mobile — reduce GPU load and memory pressure ...

- Add useAnimationLoop hook with FPS throttling (30fps mobile/60fps desktop),
  Page Visibility API pause, and Telegram WebApp activated/deactivated events
- Add useAnimationPause hook for CSS/Framer Motion components
- Validate animation config with type allowlist, numeric clamping, JSON size guard
- Move ctx.setTransform from per-frame to init/resize across all canvas backgrounds
- Move ctx.lineCap to init/resize in vortex, replace Float32Array.set with direct writes
- Pre-compute shooting star delay instead of per-frame Math.random
- Cap DPR to 1.5 on mobile, reduce particle counts, cap blur to 4px
- Disable aurora CSS animation on mobile, remove blur on mobile spotlight
- Remove mix-blend-hard-light on mobile gradient-animation
- Add NaN/Infinity guard to clampNumber, remove dead CSS variables
- Add conditional unmount for Framer Motion backgrounds when paused
- Add animationPlayState pause for CSS-animated backgrounds

2026-03-01 22:36:57 +03:00

..

BackgroundPreview.tsx

feat: replace animated backgrounds with Aceternity UI system

2026-02-25 07:12:59 +03:00

BackgroundRenderer.tsx

perf: optimize animated backgrounds for mobile — reduce GPU load and memory pressure

2026-03-01 22:36:57 +03:00