Skip to content

Latest commit

 

History

History
29 lines (23 loc) · 965 Bytes

README.md

File metadata and controls

29 lines (23 loc) · 965 Bytes

d3ParticleDemo

Simple particle system demo built using d3. Click the link above. Drag and drop your images to transform them to particles.

Decrease step-size to increase photorealism but at the cost of performance. Currently the default is at 10 which favors medium-sized images.

Code Structure:
ParticleSet manages a set of particles belonging to say an image.
Stage manages where the particles are displayed and transitions between particle sets.

var Stage = new Stage(container);

Dependencies

d3js - https://github.com/mbostock/d3
Javascript Load Image - https://github.com/blueimp/JavaScript-Load-Image

Contributing

Contributions/fixes are most welcome. Thank you!

Todo

  • Auto step calculation based on image resolution.
  • Add canvas/webgl renderer.
  • Add image thumbnails and transition sequence.
  • More effects like rain, page in.