Skip to content

Releases: BrainAV/Audio-Visualizer

v1.1.0

10 Mar 22:28

Choose a tag to compare

🚀 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 Speed and Rotation are 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.js and fractal.js are now distinct plugins following a standardized appState contract.
  • 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

08 Dec 20:38

Choose a tag to compare

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.js has 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 curvedLines feature 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!