Powered by Three.js, this project features 6,464 nodes that dynamically change size and color in sync with the music's frequencies. It incorporates spatial audio which adjusts left and right channels based on the user's perspective. This fusion of music and technology offers an interactive and visually interesting environment, showcasing the potential of Three.js and real-time audio analysis for transformative experiences.
To install and run this project, follow these steps:
- Clone the repository
- Navigate to the project directory
- Open the index.html file in a web browser
- 3D rendering with Three.js
- 3D texture mapping
- Real-time audio frequency analysis
- Spatial audio
- 6,464 dynamic nodes
- Color changing strobe lights
- Track selection menu
| Action | Key |
|---|---|
| Move forward | W |
| Move backward | S |
| Strafe left | A |
| Strafe right | D |
| Look around | Move the mouse |
| Lock cursor | Left click |
| Unlock cursor | Escape |
| Play music | Spacebar |
| Open track selector menu | Q |
The project requires the following dependencies:
- Three.js v0.136: The main library used for 3D rendering
- EffectComposer: Post-processing effects for the scene
- ShaderPass: Shader pass for post-processing
- GammaCorrectionShader: Shader for gamma correction
- RenderPass: Render pass for post-processing
- FXAAShader: Shader for anti-aliasing
These dependencies are included via the CDN links in the script imports section of the code
- Three.js for the 3D rendering
- Canva for the logo
- simondevyoutube for the starter code for first person camera, movement, and texture mapping
- Simplex Noise, a fast javascript implementation of simplex noise by Jonas Wagner
- https://freepbr.com/ for the textures
- Music from Pixabay:
This project is licensed under the MIT License