How mh-adib/heart-particles works
This is a browser-based interactive particle-heart demo: it turns an image into animated particles and lets users adjust rendering parameters through a GUI. The demo script owns configuration, redraws, and heartbeat animation; the particle engine handles image setup, particle simulation, and rendering. The README is empty and index.html was not sampled, so page wiring and any additional capabilities are not inferred.
Main entry points: heart-particle.js Heart demo · ajax.js dat.GUI · next-particle.js NextParticle engine · heart-particle.css GUI styles
Components 9
Demo behavior
- Heart demo
heart-particle.js - Particle settings
heart-particle.js - Heartbeat timer
heart-particle.js
Particle runtime
- NextParticle engine
next-particle.js - Heart image element
- Canvas / WebGL
Settings UI
- dat.GUI
ajax.js - GUI styles
heart-particle.css
Other components
- Page visitor
Connections 12
- Page visitor → dat.GUI: adjusts controls
- Heart demo → NextParticle engine: creates instance
- Heart demo → Heart image element: selects image
- Heart demo → dat.GUI: creates controls
- dat.GUI → Particle settings: edits values
- dat.GUI → Heart demo: calls redraw
- Heart demo → NextParticle engine: updates and starts
- NextParticle engine → Heart image element: loads pixels
- NextParticle engine → Canvas / WebGL: draws particles
- Heartbeat timer → NextParticle engine: shifts origins
- Heart demo → Heartbeat timer: starts timer
- dat.GUI → GUI styles: uses styles