Beating Heart — your music takes the shape of a living heart
The Beating Heart scene loads a real 3D model, created in Blender and exported in GLB format. This metallic red heart becomes the center of an audiovisual spectacle: it pulses exactly like a human heart, with a double lub-dub beat triggered by the kicks and bass of your music.
The lub-dub beat
A beat detection algorithm continuously analyzes the bass frequencies of the audio spectrum. When a significant peak is detected, the heart first jumps strongly (the lub), then follows up 10 frames later with a softer second beat (the dub). This double pulse faithfully mimics the natural heartbeat, giving the visualization an almost organic dimension.
Sparks and mini hearts
On each beat detection, 38 luminescent particles burst from the center of the heart in all directions, gradually fading under a slight gravitational pull. Orbiting the central heart, 8 miniature replicas rotate at different speeds and radii, accelerating with the overall energy of the track and pulsing themselves on the strong beats.
Color and light
The heart's color evolves dynamically: dark red at rest, it shifts toward vivid pink and near-white on intense passages. A luminous halo (additive sprite) swells on each beat and shrinks between them. Two dedicated light sources — a red-pink key light and a purple fill — create a three-dimensional metallic rendering that highlights the volumes of the Blender model.
Technology
87 KB GLB model loaded via THREE.GLTFLoader. MeshStandardMaterial (metalness 0.80, roughness 0.25) + 2 dedicated PointLights. Beat detection: bass peak > mean × 1.42 with 30-frame cooldown. Double lub pulse (pulse1 × 0.862/frame) + dub (pulse2 triggered at t+10). 220 Points particles (AdditiveBlending, gravity 0.0008). 8 mini orbiting hearts, radius 3.0–3.55, speed 0.30–0.72. 128×128px radial glow Sprite.