Interactive Realistic WebGL Animation Script

I’m building a browser-based experience that relies on a WebGL workflow driven by Simplified Renderer .jsx. What’s still missing is the core script that actually generates the assets I need: realistic, real-time animations that respond continuously to every user action—mouse moves, touch gestures, key presses, or controller input.

Here’s what I’m after
• A clean, well-commented .js / .jsx script that plugs into my existing Simplified Renderer setup and spins up the animation assets dynamically, without any manual export steps.
• Realistic motion and materials, not stylised or abstract, so please lean on physically based shading and accurate easing curves.
• Continuous interaction hooks (listeners already in place, but your code must update the animation state each frame).
• A lightweight demo page that proves the script works across modern browsers.
• Short inline docs or a README explaining any external libraries you pull in (Three.js, Babylon.js, or your own modules are fine as long as they stay WebGL-native).

Acceptance check
1. Opening the demo page triggers no console errors.
2. Moving the cursor or tapping the screen immediately influences the animation and keeps frame rates above 50 FPS on a mid-range desktop GPU.
3. Visual quality matches the reference video I’ll supply after kickoff.

If you’ve previously wired real-time WebGL animations in Unity, Three.js or pure GLSL, that background will transfer perfectly. Let me know what similar projects you’ve completed and how soon you can deliver an initial proof of concept.