Dynamic HTML Canvas Textures on GTLF models, Audio Worklets with Wavesurfer.js and React Redux State Management

| Live Demo | Dragon Bounce App | | Source Code | GitHub Repository |

Demo Videos 🎥

Latest Version Demo

Version 1.0 - Multi-track playback and control | Realistic 3D Scene setup | Rolling Objects

Highlights:

• Multi-track playback and control
• More realistic 3D Scene Staging
• Rolling Balls on circular path
• Improved 2D UI

Earlier Iterations

• Version 0.1 - 2D UI, Single Track RMS Indicator
• Version 0.2 - 3D Radar Model with Animated Canvas Texture on Material
• Version 0.3 - 3D Radar Model with Single Track RMS Indicators
• Version 0.4 - Multi-Track Playback with Additional Object Parameters