> category: Frontend
Vocalize 3D
Overview
Visualizer audio interaktif berbasis browser yang mengubah frekuensi instrumen menjadi partikel geometri spasial secara real-time.
!Tantangan
Menganalisis frekuensi audio real-time dan me-render ribuan partikel 3D tanpa drop frame di browser standar.
Solusi
Menggunakan WebGL shaders kustom untuk me-render partikel dan Web Audio API AnalyserNode untuk memetakan data frekuensi langsung ke buffer geometry.
Tech Stack
Three.jsReact Three FiberWeb Audio APIFramer Motion