Skip to content

Latest commit

ย 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ’– Heartbeat Resonance

Interactive audiovisual generative art for Playtronica TOUCH ME

Transform every touch into a living heart that pulses, glows, and sings its own melody.

Version License


๐ŸŒŸ What is it?

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

๐Ÿš€ Quick Start

Installation

No installation required! Simply open the HTML file in your browser.

# Download the project
# Open heartbeat_resonance.html in Chrome or Edge

First Use

  1. Open heartbeat_resonance.html in your browser
  2. Connect your Playtronica TOUCH ME (automatic detection)
  3. Click the "๐Ÿ”Š Click to activate audio" button
  4. Touch any conductive object connected to TOUCH ME
  5. Watch hearts being born and listen to them sing! ๐ŸŽต

โœจ Features

๐ŸŽจ Visuals

  • 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

๐ŸŽต Audio

  • 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

๐ŸŽน MIDI Support

  • Playtronica TOUCH ME (optimized)
  • All standard MIDI controllers
  • MIDI keyboards, pads, control surfaces
  • Intelligent mapping: MIDI note โ†’ scale, velocity โ†’ timbre/octave

๐ŸŽญ The 6 Emotional Scales

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

๐ŸŽš๏ธ Main Parameters

Visuals

  • 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

Audio

  • Scale/Emotion - Choose tonality
  • Volume (-40 to 0 dB) - Global volume
  • Sound enabled - Toggle on/off

๐ŸŽจ Suggested Configurations

๐Ÿง˜ Meditation

Scale: Peaceful
Heart Size: 1.0
Pulse Speed: 0.6
Lifetime: 12s
Max Hearts: 10
Volume: -20 dB

๐ŸŽ‰ Celebration

Scale: Joyful
Heart Size: 2.0
Pulse Speed: 1.8
Lifetime: 6s
Max Hearts: 40
Volume: -10 dB

๐Ÿ’• Romantic

Scale: Passionate
Heart Size: 1.8
Pulse Speed: 1.0
Lifetime: 10s
Max Hearts: 25
Volume: -12 dB

๐Ÿ’ก How Does It Work?

The Unique Concept: Living Instruments

Each 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 Mapping

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

๐Ÿ› ๏ธ Technologies

  • 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

๐Ÿ“‹ Compatibility

Browsers

  • โœ… Chrome / Edge (recommended) - Full Web MIDI support
  • โœ… Firefox - Visuals OK, limited MIDI
  • โš ๏ธ Safari - Partial support (no Web MIDI)

Hardware

  • โœ… Playtronica TOUCH ME (tested and optimized)
  • โœ… All MIDI controllers
  • โœ… MIDI keyboards
  • โœ… Control surfaces

Systems

  • โœ… Windows 10/11
  • โœ… macOS 10.15+
  • โœ… Linux

๐ŸŽฏ Use Cases

๐ŸŒฟ Sound Garden

Touch different plants โ†’ Each plant = instrument โ†’ Living musical garden

๐Ÿ‘ฅ Collective Performance

Form a human chain โ†’ Create music together โ†’ Physical and sonic connection

๐Ÿฝ๏ธ Musical Cooking

Touch fruits, vegetables, utensils โ†’ Each ingredient = note โ†’ Culinary symphony

๐Ÿ’ง Aquatic Meditation

Gently touch water โ†’ Ripples = music โ†’ Calm and peace


๐Ÿ“š Documentation

  • 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)

๐Ÿ”„ Versions

v4.1 (Current) - "Pure Hearts"

  • โŒ Removed bass/pads (unnecessary background music)
  • โœ… Pure heart audio only
  • โœ… Better note variation
  • โœ… Audio activation button compliant with Web Standards

v4.0 - "Living Instruments"

  • ๐ŸŽผ Revolution: One synthesizer per heart
  • ๐ŸŒŠ Continuous sustain, breathing sounds
  • ๐Ÿ’“ Perfect audio/visual sync

v3.0 - "Generative Audio"

  • ๐ŸŽต Tone.js audio system
  • ๐ŸŽญ 6 musical emotions

v2.0 - "Optimizations"

  • โšก 3x performance improvement
  • ๐ŸŽจ 6 color palettes

๐ŸŽ“ Philosophy

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 ๐Ÿ’–


๐ŸŒˆ License

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

๐Ÿ’ฌ Support

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

๐ŸŽต Final Message

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"

About

Interactive audiovisual generative art for Playtronica TOUCH ME

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors

Languages