README.md
June 30, 2023 ยท View on GitHub
Click here to try it out!
About
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.
Installation
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
Features
- 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
Controls
| 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 |
Dependencies
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
Credits
- 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:
License
This project is licensed under the MIT License