A Canvas Particle Library written in vanilla JS for use with the canvas HTML5 elemnt.
Copy the HTML, CSS, and JS files for the animation you want and place it in your project directory.
Copy just the JS file for the animation you want and place it in your project directory. Add a link to the js file from your html file. Add a canvas element to your html file where you would like the animation to display.
The CSS file removes padding and margin from the body and a background radial gradient which is optional but is included for demo purposes.
- Balls: Multicolored Balls that grow on mouse over (solid background)
- Vertical: White balls of various small sizes rise from top and fall from bottom infinitely (blue radial background from botom center)
- Float Up: White balls of various small sizes float up infinitely (blue radial background from botom center)
- Float down: White balls of various small sizes float down infinitely (blue radial background from botom center)
- Gravity: Multicolored balls fall down with simulated gravity and friction
- Wobble Down: White balls fall down as they wobble on the x-axis
- Wobble Up: White balls float up as they wobble on the x-axis
- Weather Left: White balls fly to the left simulating snow weather.
- Weather Right: White balls fly to the right simulating snow weather.
- Change Weather to Weather Right
- Added Weather Left
- Added Gravity effect to Weather animations
- Added Weather
- Updated Readme
- Added Wobble Up and Wobble Down (Yay!)
- Updated Readme
- Added Gravity
- Updated Readme
- Added Fall Down
- Reduced dy on all except Balls
- Added Float Up
- Added Vertical
- Added blue radial gradient to all except Balls
- Refactor of Balls
- Branded color array for Balls
- Inital commit of Balls