♪
★

SYNTHESTHESIA
EXPERIENCE

STREET BEATS MEET DIGITAL ART YO!

FRESH BEATS VISUALS STREET MUSIC WILD

🔥 LIVE ACTION 🔥

👆 YO! TYPE IN THE BOX ABOVE! CLICK FOR SICK BEATS!

🎮 HOW TO GET DOWN

TYPE ANYTHING - Each letter drops a BOMB note with color explosion
CLICK EVERYWHERE - Random musical FIRE with particle madness
SWITCH STYLES - Pick different scales and song vibes
CHANGE MODES - Toggle between Cosmic, Minimal, and EXPLOSIVE visual mayhem

🎵 SOUND SYSTEM

  • 12 fire presets with scales and classic tracks
  • Live Web Audio synthesis - no lag bro!
  • Chromatic, Major, Minor, Blues, Pentatonic vibes
  • Modal scales: Dorian, Lydian, Phrygian - that mystical stuff
  • Song drops: Twinkle Star, Happy Birthday, Jingle Bells
  • Smart note mapping from your typing flow
  • Harmonic frequencies that hit different

🎨 VISUAL MADNESS

  • HTML5 Canvas particle engine going HARD
  • Three visual modes (Cosmic, Minimal, Explosive)
  • Color-coded musical notes that POP
  • Floating letter animations with STYLE
  • Ripple effects and particle physics wizardry
  • Responsive design for all your devices
  • Performance optimized for smooth 60fps flow

⚙️ UNDER THE HOOD

🌐 WEB TECH STACK

Built with raw HTML5, CSS3, and vanilla JavaScript. Canvas 2D API for sick graphics, Web Audio API for that SOUND, and modern ES6+ features keeping it fresh.

🎼 AUDIO ENGINE

Real-time audio synthesis using OscillatorNode and GainNode. Sine wave generation with envelope control for natural note decay that sounds CLEAN.

🖼️ GRAPHICS PIPELINE

Optimized particle system with object pooling, alpha blending, and smooth animation loops. Maintains that butter 60fps on modern browsers.

📱 ALL DEVICES

Responsive design works on desktop, tablet, mobile - EVERYWHERE. Touch-friendly interface with gesture support for maximum interaction.

🎹 SCALE REFERENCE

Major Scale

Happy vibes, bright energy - perfect for uplifting content

Minor Scale

Deep feels, emotional - ideal for contemplative sessions

Blues Scale

Soulful expression - adds that CHARACTER to any text

Pentatonic

Ancient mystical - creates those ethereal soundscapes

Dorian Mode

Medieval mystery - perfect for fantasy themes

Lydian Mode

Dreamy floating - creates otherworldly atmospheres

📋 File Information

🚀 ABOUT THIS FIRE

The Interactive Synthesthesia Experience transforms basic typing into a MULTISENSORY JOURNEY. Combining real-time audio synthesis with dynamic visual effects, it creates a unique form of digital art that responds to human input in meaningful, BEAUTIFUL ways.


Perfect for: Creative exploration, music education, stress relief, artistic presentations, interactive installations, and anyone curious about the connection between SIGHT and SOUND.


EXPERIENCE SYNTHESTHESIA - WHERE LETTERS BECOME MUSIC AND MUSIC BECOMES COLOR! 🎨🎵

🐙 GITHUB PROJECT

🚀 CHECK OUT THE CODE

Peep the source, fork it, make it YOUR OWN!