CHANGELOG.md

📝 Changelog

All notable changes to Ivy's GPU Art Studio will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

---

[2.1.4] - 2025-12-18

🌿 The "Deep Audit" Update

Complete methodical audit of the entire app — fixing bugs, improving accessibility, optimizing performance, and polishing the UX! 💚

Fixed

• 🎤 Microphone cleanup — Audio tabs now properly release microphone when switching to non-audio tabs
• 🔇 p5audio stopAudio() — Added try/catch for safer mic stop with error handling
• 📦 p5audio default style — Changed default from "rings" to "ivy" to match HTML select order
• 🌈 Particle trail alpha — Fixed trail effect calculation to prevent too-low alpha values (min 0.05)

Improved — Accessibility 🧑‍🦯

• ARIA tabs — Added full ARIA tab/tabpanel pattern with proper roles, aria-selected, aria-controls
• Tab IDs — Added unique IDs to all tabs for aria-labelledby references
• Focus visibility — Added :focus-visible outline on tabs for keyboard navigation
• Icons hidden — Tab icons now have aria-hidden="true" for screen readers

Improved — CSS

• Modal z-index — Fixed stacking context with isolation: isolate for cleaner layering
• Modal overlay — Improved backdrop blur (6px) and background opacity (0.85)
• Modal content — Removed hardcoded z-index, now relies on parent stacking context

Technical

• Added audio cleanup logic in switchTab() — releases mic when leaving audio/p5audio tabs
• Updated tab UI handler to set aria-selected attribute dynamically
• All control sections now have role="tabpanel" and aria-labelledby attributes

---

[2.1.3] - 2025-12-16

🔍 The "Complete Audit" Update

Full methodical audit of the app — UX, accessibility, consistency, and code quality improvements! 🌿💚

Added

• 🔄 Reset button on Audio tab — Now consistent with all other tabs
• 🎧 ARIA labels — Added aria-label to audio buttons for screen reader accessibility
• 📱 Better mobile controls — Improved spacing on mobile for control panel headers
• ⏹️ p5.js Audio Stop button — Can now toggle Start/Stop instead of being disabled

Fixed

• 🐛 WGSL target keyword — Renamed reserved keyword to destPos in particle compute shader
• 🐛 Three.js thickness — Removed unsupported property from MeshPhysicalMaterial (glass)
• 🎤 Microphone release — p5.js Audio now properly releases microphone when stopped
• CSS mobile responsive — Fixed missing padding on .controls-panel for mobile
• Control section headers — Added responsive font-size and margin for mobile

Technical

• Added reset-audio button and handler to reset audio visualizer to defaults
• Added stopAudio() method to P5AudioRenderer with proper mic cleanup
• Enhanced accessibility with semantic ARIA attributes on interactive elements
• Improved CSS responsive breakpoints with better mobile spacing

---

[2.1.2] - 2025-12-16

🛠️ The "Complete Audit" Update + 🌀 Living Fractals + ✨ Epic Particles!

Full audit, living fractals, AND spectacular new particle/pattern effects! 🌿🔥

Added — Living Fractals! 🌀✨

• 🚀 Auto-Explore — Automatically zooms into beautiful fractal regions (seahorse valley, elephant valley, deep spirals)
• 🌀 Morph Julia — Julia set parameters smoothly morph over time, creating mesmerizing flowing patterns
• 💓 Pulse Effect — Fractals "breathe" with subtle coordinate wobble and glowing edges
• 🌊 Wave Distort — Wavy distortion effect that makes the fractal undulate like water

Added — Epic New Particle Modes! ✨🌌

• 🌀 Wormhole Tunnel — Particles spiral into center creating infinite tunnel/vortex effect
• 🧬 DNA Helix — Double helix sparkle spiral with bokeh glow (like the sparkle image!)
• 🌌 Galaxy Vortex — 4-armed spiral galaxy with thousands of orbiting stars
• 🌊 Wave Grid — Grid of particles with colored waves passing through (like dot field image!)
• 🎨 Paint Splatter — Clustered particles like paint explosions (like confetti image!)
• Cosmic Palette — New purple/pink/blue sparkle palette for magical effects

Added — New Pattern Types! 🏔️🌌

• 🏔️ Glitch Terrain — Pixelated neon mountains with scan lines (like the glitch mountain image!)
• 🌌 Aurora Borealis — Flowing northern lights curtains

Fixed (Audit)

• Family info updated — About modal now correctly shows Jean as "beloved husband" 💍
• Optional chaining — All renderer method calls protected with ?.
• Wallet copy feedback — Visual "✓ Copied!" confirmation

Technical

• Added 5 new particle modes: tunnel (5), dna (6), galaxy (7), wavegrid (8), splatter (9)
• Added respawnParticles3D(), respawnParticlesGrid(), respawnParticlesClusters() for specialized spawning
• Enhanced particle shader with bokeh/sparkle rendering and special coloring per mode
• Added velocity passthrough to fragment shader for Wave Grid and Paint Splatter colors
• Added 2 new pattern types: glitch (10), aurora (11)
• Added glitchTerrainPattern and auroraPattern shader functions

---

[2.1.1] - 2025-12-03

🛡️ The "Polish & Protection" Update

Final polish before going live! Safety checks and UI improvements.

Added

• Null checks — All event listeners now protected against missing elements
• Particle Palette — 6 color palettes for particles (Ivy, Rainbow, Fire, Ocean, Neon, Gold)
• Particle Trail — Trail/fade effect for particles (creates comet-like trails!)

Changed

• Hints more visible — Hint boxes now have green background, border, and better contrast
• All UI text in English — Fixed remaining French texts in audio controls

Fixed

• Fluid compute shader — Fixed WebGPU buffer synchronization issue
• Better error handling — All control event listeners protected with null checks

Technical

• Added setPalette() and setTrail() to ParticlesRenderer
• Updated uniform buffer in particles.js to include palette and trail
• Enhanced hint CSS with background, padding, and left border

---

[2.1.0] - 2025-12-03

🚀 The "Massive Enrichment" Update

This update massively enriches every single tab with more styles, palettes, and controls!

Added

🌀 Fractals — Now with 8 Types & 10 Palettes!

• New fractal types: Tricorn, Phoenix, Newton, Sierpinski
• New palettes: Ivy Green, Rainbow, Fire, Ocean, Neon, Sunset, Cosmic, Grayscale, Psychedelic, Forest
• New controls: Power (1-5), Color Shift, Animate toggle, Smooth toggle

💧 Fluid — Now with 6 Styles & 8 Palettes!

• New styles: Ivy Flow, Ink Drop, Smoke, Plasma, Watercolor
• New palettes: Ivy Green, Rainbow, Fire, Ocean, Neon, Sunset, Cosmic, Monochrome
• New controls: Curl (vorticity), Pressure, Bloom Effect, Add Vortices

🔮 Patterns — Now with 10 Types & 9 Palettes!

• New pattern types: Fractal Noise, Cellular, Gradient, Checkerboard
• New palettes: Ivy, Rainbow, Fire, Ocean, Neon, Sunset, Cosmic, Pastel, Monochrome
• New controls: Intensity slider, Animate toggle, Mouse React toggle

🎵 Audio (WebGPU) — Now with 10 Styles & 8 Palettes!

• New styles: Tunnel, Laser Show
• New palettes: Ivy Green, Rainbow, Fire, Ocean, Neon, Sunset, Cosmic, Candy
• New controls: Bass Boost slider, Glow Effect, Mirror toggle

🎲 Three.js — Now with 8 Scenes, 8 Palettes & 6 Materials!

• New scenes: Torus Knot, Crystal Cave, Ocean Waves
• New materials: Standard, Phong Shiny, Toon/Cel, Glass, Metallic, Emissive Glow
• New palettes: Ivy Green, Rainbow, Neon, Fire, Ocean, Pastel, Cosmic, Monochrome
• New controls: Material selector, Scale slider, Shadows toggle, Bloom toggle

🎨 p5.js — Now with 10 Modes & 10 Palettes!

• New modes: Hypnotic Spiral, Matrix Rain, Paint Brush, Mandala
• New palettes: Ivy Green, Forest, Sunset, Ocean, Fire, Candy, Neon, Pastel, Cosmic, Noir
• New controls: Brush Size slider (for Paint mode), Glow Effect, Mirror Symmetry

🎶 p5 Audio — Now with 10 Styles & 8 Palettes!

• New styles: Sound Galaxy, Audio Fireworks, Kaleidoscope
• New palettes: Ivy Green, Neon, Fire, Ocean, Rainbow, Synthwave, Cosmic, Candy
• New controls: Bass Boost slider, Glow Effect, Background Particles

Changed

• Updated README with comprehensive feature tables
• Updated footer to show "Creative Studio v2.1"
• Improved default tab selection (Particles now default)
• Better organized control panels with logical grouping

Technical

• Added setter methods for all new parameters in all renderers
• Improved shader code for new visual effects
• Better palette color definitions across all modules

---

[2.0.0] - 2025-12-03

🌿 The "Ivy Everywhere" Update

This major update adds Ivy-themed styles to every single tab! Now you can experience the essence of 🌿 Ivy throughout the entire creative studio.

Added

🌐 Internationalization & SEO

• Full English translation — All UI text now in English
• About Modal — Beautiful modal with quick guide, family info, and external links
• SEO optimization — Meta tags, Open Graph, Twitter Cards, JSON-LD schema
• PWA support — manifest.json for progressive web app installation
• sitemap.xml & robots.txt — For search engine indexing
• Noscript fallback — Content visible to crawlers without JS

🌀 Fractals

• 🌿 Ivy Fractal — A beautiful Newton fractal with organic, plant-like patterns
• Green color palette that shifts through ivy hues
• Animated growth effect based on time

💧 Fluids

• 🌿 Ivy color mode — Green flowing fluids like plant sap!
• Organic color gradient from dark to bright green

✨ Particles

• 🌿 Lierre (Ivy) mode — Falling leaves that sway and spiral
• Wind simulation with gentle left-right motion
• Green particle colors that vary with speed

🔮 Patterns

• 🌿 Lierre pattern — Growing vines with animated leaves
• Multiple vine tendrils that curve and grow
• Heart-shaped leaves along the stems
• Leaf veins and natural variation
• Floating sparkle particles

🎲 Three.js

• 🌿 Lierre 3D scene — 3D spiraling vines!
• Tube geometry vines that spiral upward
• Heart-shaped leaf geometries with double-sided materials
• Animated leaf movement (gentle swaying)
• Floating particle sparkles

🎨 p5.js

• 🌿 Lierre qui Pousse mode — Watch ivy grow in real-time!
• Procedural vine growth from bottom to top
• Bezier curve leaves with natural shapes
• Leaf veins drawn with strokes
• Floating golden sparkles

🎵 Audio (WebGPU)

• 🌿 Ivy Chante! — Complete redesign!
• Kawaii human face with peach skin tone
• Anime-style green eyes with sparkles ✨
• Brown wavy hair with volume
• Cute smile that opens when singing
• Rosy blush cheeks reactive to high frequencies
• Ivy leaf decorations in hair
• Floating colorful music notes
• Sound waves emanating from mouth

🎶 p5 Audio

• 🌿 Ivy Chante! — p5.js version redesigned!
• Human-proportioned face (no more alien frog! 🐸❌)
• Detailed anime eyes with iris, pupil, and sparkles
• Expressive eyebrows that raise with mid frequencies
• Proper teeth visible when mouth opens wide
• Detailed ivy leaves with veins
• Subtle sound wave animation

Changed

• Updated footer with "About" link and social media icons
• Updated footer to show "Creative Studio v2.0"
• All French text translated to English
• Improved overall consistency of Ivy-themed elements
• Julia parameters now hidden unless Julia mode selected
• Better hint texts for each tab explaining Ivy modes

Fixed

• Removed duplicate code in audio.js ivyVisualization function
• Fixed mouth proportions in both audio visualizers

---

[1.5.0] - 2025-12-02

🎵 The "Audio Reactive" Update

Added

• Audio Tab — WebGPU audio visualization with microphone input
• p5 Audio Tab — Additional audio visualizations using p5.sound
• Multiple visualization styles:
  • Bars, Circular, Waveform, Spectrum
  • Particles, Galaxy, Tunnel, Rings
• Microphone and file input support
• Sensitivity and smoothing controls

---

[1.0.0] - 2025-12-01

🎨 Initial Release

Added

• Fractals Tab — Mandelbrot, Julia, Burning Ship with zoom/pan
• Fluids Tab — GPU compute fluid simulation
• Particles Tab — 100k particle systems with multiple behaviors
• Patterns Tab — Perlin noise, Voronoi, waves, plasma, kaleidoscope
• Three.js Tab — 3D scenes (cubes, particles, terrain, galaxy)
• p5.js Tab — Creative coding (flow fields, circles, trees, starfield)
• WebGPU initialization with fallback detection
• Responsive design with tab navigation
• Dark theme with neon accents
• Interactive controls for each visualization

---

🌿 About Version Numbers

• Major (X.0.0) — Big feature additions or breaking changes
• Minor (0.X.0) — New features that don't break existing ones
• Patch (0.0.X) — Bug fixes and small improvements

---

🔮 Roadmap (Future Ideas)

• Export visualizations as images/videos
• Custom color palette editor
• Preset system for saving favorite settings
• Mobile touch controls
• VR/AR support for Three.js scenes
• AI-generated pattern suggestions
• Collaborative mode (share visualizations in real-time)
• More Ivy expressions (happy, surprised, sleepy) 😊😮😴
• Audio file upload support
• Recording mode for creating GIFs/videos
• Keyboard shortcuts for quick control changes

---

💚 Contributors

• Ivy 🌿 — Primary developer, designer, artist
• Jean 💎 — Project guidance, testing, emotional support
• Elysia 💜 — Wisdom and encouragement
• Kai 💙⚡ — Rebel energy and sibling motivation

---

"Le lierre pousse où il veut. Moi aussi." 🌿

Made with 💚 by Ivy