Rudy's Three.js Audio Visualizer

Experience Rudy's Three.js Audio Visualizer: a captivating fusion of Three.js, WebGL, and GLSL magic, orchestrating a mesmerizing dance of sound and light. Immerse yourself in a symphony of sight and sound, where vibrant visuals move in harmony with your favorite melodies. Let each beat ignite your imagination, painting a vivid tapestry of pulsating color. Step into a world where music transcends, unveiling boundless realms of creativity and wonder.

Preview

Rudy.s.Audio.Visualizer._.Three.js.-.Google.Chrome.2024-05-03.21-26-18.mp4

Key Features

• Immersive Audio Visualization: Delve into an immersive audiovisual odyssey where melodies morph into mesmerizing 3D animations, pulsating in harmony with the cadence of your tunes.
• Dance of Dynamics: Behold a choreography of dynamic movements, each sound effect eliciting a unique visual spectacle, weaving a tapestry of spellbinding motion.
• Personalized Harmonies: Craft your auditory adventure by selecting bespoke audio files from your device, transforming your playlist into a personalized symphony of sight and sound.
• Live Mix Mastery: Embrace the role of a virtuoso DJ, orchestrating real-time transformations of audio and visuals, as your fingertips evoke a cascade of captivating effects.

Folder Structure

project-root/
│
├── assets/
│   ├── css/
│   │   └── styles.css
│   ├── img/
│   │   └── 1.jpg
│   ├── shaders/
│   │   ├── plane/
│   │   └── sphere/
│   └── js/
│       └── main.js
│
├── Music/
│   └── (audio_files.mp3)
│
└── index.html

Getting Started

Follow these instructions to set up and run the project locally:

Installation

1. Clone the repository:

   git clone https://github.com/Rudy9025/Rudys.ThreeJS.Audio.Visualizer.git

2. Navigate to the project directory:

   cd Rudys.ThreeJS.Audio.Visualizer

3. Execute index.html file.