Raveland is a complete remake and refactoring of the original "Word Problems" audio visualizer. This project visualizes audio signals in real-time using Three.js. The goal is to make sounds come alive through interactive and stunning visuals.
| Intro |
|---|
 |
| App (of course a freezed screen :) |
|---|
 |
- 🌊 Audio Visualization: Real-time display of frequency bands and sound waves.
- 🎨 Three.js Integration: Powerful 3D graphics rendering.
- 🔧 Modern ES6 Module Setup: Entirely rewritten using modern JavaScript.
- 🚀 Vite-Powered: Fast development and easy build process.
Make sure these tools are installed before you start.
Clone the repository and install the dependencies:
git clone https://github.com/vlrmprjct/raveland.git
cd raveland
npm installTo start the project locally, run:
npm startThe app will be available at http://localhost:3000. It supports hot-reloading, so changes will be reflected immediately.
To create a production build, use:
npm run buildThis will create an optimized build in the dist folder.
To test the production build, run:
npm run previewThe preview will be available at http://localhost:8080.
This project is inspired by the original "Word Problems" visualizer, but has been completely rewritten to use modern JavaScript standards and tools like Vite and ES6 modules. The focus was on improving performance, code structure, and maintainability while keeping the core visual experience.
This project is licensed under the MIT License.
If you find a bug or have a suggestion, please open an issue on GitHub Issues.
- Thanks to Three.js for providing a this library for 3D graphics.
- Original inspiration from the "Word Problems" project on uberviz.io.