Interactive audiovisual generative art for Playtronica TOUCH ME
Transform every touch into a living heart that pulses, glows, and sings its own melody.
Heartbeat Resonance is a unique artistic experience where each heart you create is a living instrument.
- ๐จ Visually: Animated hearts with particles, pulsations, organic movements
- ๐ต Musically: Each heart has its own synthesizer that plays in sustain mode
- ๐ Emotionally: A living sound garden that you cultivate touch by touch
No installation required! Simply open the HTML file in your browser.
# Download the project
# Open heartbeat_resonance.html in Chrome or Edge- Open
heartbeat_resonance.htmlin your browser - Connect your Playtronica TOUCH ME (automatic detection)
- Click the "๐ Click to activate audio" button
- Touch any conductive object connected to TOUCH ME
- Watch hearts being born and listen to them sing! ๐ต
- Animated hearts with particle systems (150-300 particles/heart)
- 6 dynamic color palettes
- Pulsations synchronized with audio
- Organic movements (Perlin noise)
- Configurable glow effects
- Optimized for 60 FPS
- One unique synthesizer per heart (v4.0 revolution!)
- Continuous sustain as long as the heart lives
- 4 different timbres (sine, triangle, square, sawtooth)
- Organic modulations (LFO + vibrato)
- 6 emotional scales
- Polyphony up to 50 voices
- Effects: Reverb + Delay
- Playtronica TOUCH ME (optimized)
- All standard MIDI controllers
- MIDI keyboards, pads, control surfaces
- Intelligent mapping: MIDI note โ scale, velocity โ timbre/octave
Choose your tonality to define the scale used by the hearts:
| Emotion | Scale | Atmosphere |
|---|---|---|
| โจ Joyful | C Major | Celebration, light, energy |
| ๐ง๏ธ Melancholic | A Minor | Contemplation, nostalgia, depth |
| โ๏ธ Dreamy | D Major | Imagination, hope, lightness |
| โค๏ธ Passionate | E Minor | Intensity, desire, drama |
| โฎ๏ธ Peaceful | F Major | Calm, serenity, comfort |
| ๐ฎ Mystical | B Minor | Mystery, magic, enchantment |
- Heart Size (0.5-3.0) - Size of hearts
- Pulse Speed (0.5-3.0) - Beat speed
- Particle Density (50-300) - Heart details
- Lifetime (2-15s) - Heart lifespan
- Movement Speed (0-2) - Movement speed
- Glow Intensity (0-20) - Glow intensity
- Max Hearts (10-50) - Performance limit
- Scale/Emotion - Choose tonality
- Volume (-40 to 0 dB) - Global volume
- Sound enabled - Toggle on/off
Scale: Peaceful
Heart Size: 1.0
Pulse Speed: 0.6
Lifetime: 12s
Max Hearts: 10
Volume: -20 dBScale: Joyful
Heart Size: 2.0
Pulse Speed: 1.8
Lifetime: 6s
Max Hearts: 40
Volume: -10 dBScale: Passionate
Heart Size: 1.8
Pulse Speed: 1.0
Lifetime: 10s
Max Hearts: 25
Volume: -12 dBEach heart you create has its own Tone.js synthesizer:
Touch TOUCH ME
โ
Heart is born (visual)
โ
Synthesizer created (audio)
โ
Note in SUSTAIN (plays continuously)
โ
LFO + Vibrato (breathing)
โ
Volume pulses with beats
โ
Heart dies โ Progressive fade out
โ
Synthesizer released
MIDI Note โ Scale
- Note 60 (C) โ 1st note of scale
- Note 61 (C#) โ 2nd note of scale
- Note 62 (D) โ 3rd note of scale
- etc.
Velocity โ Character
- 0-31: Sine timbre (soft) + Low octave
- 32-63: Triangle timbre (warm) + Medium octave
- 64-95: Square timbre (bright) + Medium-high octave
- 96-127: Sawtooth timbre (rich) + High octave
- p5.js (1.7.0) - Visual rendering and particles
- Tone.js (14.8.49) - Audio synthesis and effects
- Web MIDI API - MIDI communication
- Web Audio API - Audio processing
- JavaScript ES6+ - Modern code
- โ Chrome / Edge (recommended) - Full Web MIDI support
- โ Firefox - Visuals OK, limited MIDI
โ ๏ธ Safari - Partial support (no Web MIDI)
- โ Playtronica TOUCH ME (tested and optimized)
- โ All MIDI controllers
- โ MIDI keyboards
- โ Control surfaces
- โ Windows 10/11
- โ macOS 10.15+
- โ Linux
Touch different plants โ Each plant = instrument โ Living musical garden
Form a human chain โ Create music together โ Physical and sonic connection
Touch fruits, vegetables, utensils โ Each ingredient = note โ Culinary symphony
Gently touch water โ Ripples = music โ Calm and peace
- DEMARRAGE_RAPIDE.md - Detailed guide to get started (French)
- GUIDE_AUDIO.md - Complete audio system (French)
- INSTRUMENTS_VIVANTS.md - Technical details (French)
- VERSION_4.1.md - Version notes (French)
- CHANGELOG.md - Complete history (French)
- INDEX.md - Index of all files (French)
- โ Removed bass/pads (unnecessary background music)
- โ Pure heart audio only
- โ Better note variation
- โ Audio activation button compliant with Web Standards
- ๐ผ Revolution: One synthesizer per heart
- ๐ Continuous sustain, breathing sounds
- ๐ Perfect audio/visual sync
- ๐ต Tone.js audio system
- ๐ญ 6 musical emotions
- โก 3x performance improvement
- ๐จ 6 color palettes
Heartbeat Resonance is not a classical music instrument.
It's a living sound garden that you cultivate.
Each heart:
- Is born with a soft fade in
- Lives breathing and pulsing
- Interacts with other hearts
- Dies gracefully
Together, they form a musical ecosystem - a living organism that evolves unpredictably but always beautifully.
What you touch = What you hear ๐
MIT License - See LICENSE file for details.
This means you can:
- โ Use commercially
- โ Modify
- โ Distribute
- โ Use privately
- โ Sublicense
You must:
- ๐ Include copyright notice
- ๐ Include license copy
Credits:
- Heartbeat Resonance by Claude (Anthropic)
- p5.js (Processing Foundation) - LGPL 2.1
- Tone.js (Yotam Mann) - MIT
- Playtronica TOUCH ME
Questions? Check the complete documentation in the project.
Issues?
- No sound โ Did you click "Activate audio"?
- MIDI not working โ Chrome/Edge recommended
- Slow performance โ Reduce Max Hearts to 20
Every touch is a heartbeat.
Every heart is a song.
Together, they create a symphony of algorithmic love.
Create love. Create music. Create life. ๐๐ตโจ
Version: 4.1 - "Pure Hearts"
Date: November 2025
Motto: "Where every heart sings its own song"