# RetroVisual **RetroVisual** is a wild, retro-inspired audio visualizer that warps, glitches, and distorts reality to your music. Drop in your own audio file and experience a neon chaos of glitch bars, RGB splits, animated scanlines, and wild kinetic text—all rendered in real time on the HTML5 canvas. --- ## 🎛 Features - **Drag-and-drop audio**: Play your own tunes (MP3, WAV, etc). - **Real-time visualization**: Bars, chaos text, RGB split, scanlines, and more. - **Animated "404" overlay**: Get a wild visual cue when your music ends. - **Responsive Design**: Looks great on any screen size. - **Retro Aesthetics**: Neon colors, bold fonts, and glowy effects. - **No external dependencies**: Pure HTML, CSS, and JS. --- ## 🚀 Getting Started 1. **Clone the repo**: ```bash git clone https://github.com/aeratory678/retrovisual.git cd retrovisual ``` 2. **Open the visualizer**: Just open [`reality_distorter_visualizer.html`](reality_distorter_visualizer.html) in your web browser. > No build step, no server required—everything runs locally in your browser! --- ## 🕹 Usage - Click **"Start Visualizer"** and select an audio file when prompted. - Enjoy the wild, generative visuals! - When your song ends, click anywhere to add another track. --- ## 📁 Project Structure ``` . ├── reality_distorter_visualizer.html # Main HTML file ├── distorter.css # Visual styles ├── distorter.js # Audio + glitch logic └── README.md ``` --- ## 🎨 Credits & Fonts - **Fonts:** [Monoton](https://fonts.google.com/specimen/Monoton), [Orbitron](https://fonts.google.com/specimen/Orbitron) (Google Fonts) - **Design, Code, & Glitch:** [aeratory678](https://github.com/aeratory678) --- ## 🪩 License MIT License. Feel free to remix, glitch, and make it your own! --- ## 🛠️ Customization Tips - **Visuals:** Edit `distorter.js` to tweak effects, colors, and chaos text phrases. - **UI:** Change the style in `distorter.css` or add new controls in the HTML. - **Audio:** Supports most browser-playable audio formats. --- --- Enjoy distorting reality!