Three.js Audio Visualizer

A real-time audio visualizer that creates an interactive geometric shape that responds to microphone input. Built with Three.js and Web Audio API.

Features

• Real-time microphone audio input
• Responsive geometric visualization (wireframe icosahedron)
• Dynamic color changes based on audio frequency
• Shape morphing and scaling based on sound amplitude
• Smooth animations and rotations
• Responsive design that adapts to window size
• Dark theme with light wireframe aesthetics

How to Use

1. Open index.html in a modern web browser (Chrome, Firefox, Edge recommended)
2. Click the "Start Audio Visualization" button
3. Allow microphone access when prompted by your browser
4. Speak or play music to see the shape react to the audio input

Technical Details

• Built with Three.js for 3D rendering
• Uses Web Audio API for audio processing
• Features include:
  • FFT (Fast Fourier Transform) analysis of audio input
  • Dynamic vertex manipulation
  • Real-time color interpolation
  • Smooth rotation animations

Browser Support

Requires a modern browser with support for:

• WebGL
• Web Audio API
• getUserMedia API
• ES6+ JavaScript

Privacy Note

This application only processes audio locally in your browser. No audio data is stored or transmitted anywhere.