Releases: BrainAV/Audio-Visualizer
Releases · BrainAV/Audio-Visualizer
v1.1.0
🚀 Release v1.1.0: The Multi-Layer Update
Welcome to Audio Visualizer v1.1.0! This massive architectural update unlocks entirely new ways to mix and match visuals.
✨ What's New
- Multi-Layer Compositor: You are no longer restricted to just one spiral! The new Layer Manager allows you to stack, remove, and independently control multiple visualizer plugins on a single canvas.
- Fractal Visualizer: Dive deep into the Mandelbrot and Julia sets! We've added our first new visualizer plugin. It comes with its own dedicated UI controls, coloring palettes, and audio-reactive properties.
- Per-Layer Properties: Controls like
Spin SpeedandRotationare now specific to each layer, allowing one layer to spin clockwise while the layer beneath it spins organically and counter-clockwise! - Smart Layout UI:
- The controls panel dynamically swaps its parameter sliders based on which layer you currently have selected.
- The UI now features a Screensaver Mode - it smoothly fades out after 4 seconds of inactivity so you can enjoy the visuals distraction-free.
- We added a helpful '?' Info Modal to explain the controls to new users.
- Audio-Reactive Polish: Line Widths and Scales now react more naturally to microphone input.
🛠️ Under the Hood
- Plugin Architecture: The entire WebGL engine was modularized. Visualizers like
spiral.jsandfractal.jsare now distinct plugins following a standardizedappStatecontract. - GPU Optimizations: Fixed critical WebGL state leakage issues and moved geometry caching entirely to the GPU, guaranteeing a buttery-smooth 60fps even with multiple reactive layers.
Enjoy the updated visuals!
— The BrainAV Team 🧠
Full Changelog: v1.0.0...v1.1.0
v1.0.0 Audio Visualizer
Audio Visualizer v1.0.0: The WebGL Revolution
This is the first official, stable release of the Audio Visualizer, marking a complete technological overhaul and a massive leap in performance and features. The original 2D Canvas renderer has been replaced with a powerful WebGL engine, enabling smoother animations and far more complex visuals.
Major Highlights
- ✨ High-Performance WebGL Engine: The entire rendering pipeline has been migrated from 2D Canvas to WebGL, allowing for significantly more layers, nodes, and effects while maintaining a high framerate.
- 🎤 Enhanced Audio Control: Users now have explicit control over microphone access with a new Start/Stop Audio button, improving privacy and user experience.
- 🏗️ Complete Code Refactor: The core
script.jshas been modularized into focused files (drawing.js,audio.js,ui.js, etc.), making the codebase cleaner, more scalable, and easier for future contributors to understand. - 📱 Advanced Mobile Controls: Integrated pinch-to-zoom and drag-to-rotate gestures for a fluid experience on touch devices.
- 🎨 UI/UX Improvements: Added helpful tooltips to all controls and refactored the CSS to use variables for easier theming and maintenance.
- 🐛 Bug Fixes: Corrected issues with the
curvedLinesfeature and tooltip positioning to create a more stable and polished user experience.
This release establishes a robust and modern foundation for all future development. Thank you to everyone who contributed ideas and feedback!