AR / Laptop WebCam -Experience – Real-Time Sound and Animation Sync in WebAR
Автор: Sylwester Mielniczuk
Загружено: 2025-07-21
Просмотров: 48
Описание:
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
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: