dotxy

dotxy is a dynamic, interactive music visualizer built with HTML5 Canvas and JavaScript. It features falling, pulsing circles and a slick audio player UI. Visuals respond to music in real time, creating a vibrant, engaging experience for both eyes and ears.

Features

• 🎵 Drag & Drop Audio: Upload any audio file to visualize its frequencies.
• 🟣 Live Visuals: Circles fall, bounce, and pulse based on the music's energy and spectrum.
• 🌈 Colorful Visualizer Dots: Central dots reflect bass, mid, and treble levels.
• 🖱️ Interactive: Click to spawn bursts of animated circles.
• 📱 Responsive: Works on desktop and mobile browsers.

Usage

1. Clone or download this repository.
2. Open index.html in your browser.
3. Click the upload icon in the lower left to select an audio file (MP3, WAV, etc).
4. Press play and watch the magic!

File Structure

• index.html – Main HTML page, contains UI and canvas.
• style.css – Modern, clean styles for UI and layout.
• script.js – All animation and audio visualization logic.

Customization

• Tweak colors and UI in style.css.
• Adjust animation or visualizer behavior in script.js.

Preview

You can try it live by opening the HTML file directly in your browser (no server needed).

---

Enjoy the beats and visuals!
Made with 💜 by aeratory678