Скачать или смотреть AR / Laptop WebCam -Experience – Real-Time Sound and Animation Sync in WebAR

This is a browser-based AR experience using MindAR and Three.js where animated 3D models are triggered by image targets and synchronized with audio loops. Features include:

Multi-target image tracking using MindAR

Looped audio playback on anchor detection

Metronome-based timing to keep all sounds in sync

Real-time audio spectrum visualizer using canvas

Animation system with idle and active states

GLB model loading with DRACO compression support

Gyroscope-controlled starfield and motion overlays

Pause and resume system preserving timing and state

Interactive UI for scaling, rotation, and animation control

Mobile-first, works on Chrome, Safari, Android, and iOS

Runs entirely in JavaScript and WebGL with no external frameworks. Models and audio are preloaded for smooth performance. Designed to demonstrate tight integration of audio and 3D in WebAR environments.

#WebAR #ThreeJS #MindAR #AudioVisualizer #AugmentedReality #GLTF #JavaScript #WebXR