# 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](https://github.com/aeratory678)