Improve particle animation stability and user interaction responsiveness

Fixes particle animation jitter by memoizing particle generation and throttling mouse movement updates, improving performance and visual stability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9203795e-937a-4306-b81d-b4d5c78c240e
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: d90cc1ff-7d81-4539-8178-f4b41a3e46dc
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7c94b7a0-29c7-4f2e-94ef-44b2153872b7/9203795e-937a-4306-b81d-b4d5c78c240e/lX9tyiI
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sirpiglr 2025-12-05 22:50:26 +00:00
parent 1bf0398b92
commit 280ef7dd28

View file

@ -159,22 +159,22 @@ https://supabase.aethex.tech/auth/v1/callback
- `https://supabase.aethex.tech/auth/v1/callback`
## Recent Changes (December 5, 2025)
- ✅ **Isometric 2.5D Realm Selector**: Replaced WebGL 3D scene with CSS-based isometric cards
- `client/components/IsometricRealmCard.tsx` - Individual card with CSS 3D transforms and parallax layers
- `client/components/IsometricRealmSelector.tsx` - Container with responsive grid, ambient particles, and header/footer
- Mouse-tracking tilt effect with translateZ parallax on hover
- Realm-specific colors, icons, and glow effects
- Memoized particle generation to prevent jitter on mouse movement
- Throttled mouse position updates (50ms) for better performance
- ✅ **Electron Desktop App Support**: Added desktop application framework
- `electron/main.js` - Main Electron process with window management
- `electron/preload.js` - Secure IPC bridge for frontend communication
- `electron-builder.yml` - Build configuration for packaging
- `client/components/DesktopShell.tsx` - Desktop wrapper with title bar
- `client/components/TitleBar.tsx` - Custom title bar with pin/minimize/maximize/close
- `client/pages/Overlay.tsx` - File watcher overlay for development tools
- ✅ **3D Scene Landing Page**: New immersive realm selector
- `client/components/Scene.tsx` - Three.js/React Three Fiber 3D scene
- Animated gateway meshes for each realm (Nexus, GameForge, Foundation, Labs, Corp)
- Camera rig with smooth transitions on realm selection
- WebGL fallback UI when 3D rendering isn't available
- `client/desktop/components/` - TitleBar, DesktopShell, Overlay
- `client/desktop/types/preload.d.ts` - TypeScript declarations for IPC bridge
- ✅ **Utility Services**: New backend services
- `services/pii-scrub.js` - PII scrubbing utility for privacy
- `services/watcher.js` - File watcher for development workflow
- ✅ **TypeScript Fixes**: Fixed THREE namespace import and WebkitAppRegion typing
## Recent Changes (December 4, 2025)
- ✅ **RealmSwitcher Alignment Fix**: Fixed realm IDs to match ARMS taxonomy