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:

   git clone https://github.com/aeratory678/retrovisual.git
   cd retrovisual

2. Open the visualizer:

   Just open 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, Orbitron (Google Fonts)
• Design, Code, & Glitch: 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!