Cyberpunk City Music Visualizer

!Cyberpunk City Visualizer

An immersive, interactive web-based music visualizer set in an endless cyberpunk cityscape. Watch as the futuristic skyline reacts to your music, creating a unique audio-visual experience.

Features

• 🏙️ Procedurally generated cyberpunk city
• 🎵 Real-time audio reactivity
• 🌠 Dynamic starry sky with shooting stars
• 🚀 Endless flight through the city
• 🎨 Vibrant neon color palette
• 📱 Responsive design for various screen sizes

Demo

Check out the live demo here.

Installation

1. Clone the repository:

   git clone https://github.com/Hax0rgurl/cybercitymusic.git
   

2. Navigate to the project directory:

   cd cybercitymusic
   

3. Open index.html in a modern web browser (Chrome, Firefox, Safari, or Edge recommended).

Usage

1. Click the menu toggle in the top right corner to open the control panel.
2. Upload an MP3 file using the "Upload Audio" button.
3. Use the play, pause, and stop buttons to control audio playback.
4. Click "Generate New City" to create a new random cityscape.
5. Toggle fullscreen mode for a more immersive experience.

For more detailed instructions, check out our User Guide.

Technologies Used

• HTML5
• CSS3
• JavaScript
• Three.js for 3D graphics
• Web Audio API for audio processing

Contributing

We welcome contributions! Please see our Contributing Guidelines for more details.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Inspired by the cyberpunk aesthetic and synthwave music scene
• Thanks to the Three.js community for their excellent documentation and examples

Contact

For questions, suggestions, or just to say hi, reach out to us at [email protected].

Enjoy your journey through the neon-lit streets of the future! Enjoy the app? Wanna buy me a coffee