DEMOS:

1. Space Animation:

demo.
CodePen demo.
js file to include on your web : "starsv3.js"

2. Fireworks Animation:

demo.
CodePen demo.
js file to include on your web : "fireworksv9.js"

3. Rain Animation:

demo.
CodePen demo.
js file to include on your web : "rainv3.js"

4. WindTurbines Animation:

demo.
CodePen demo.
js file to include on your web : "windTurbinev3.js"

5. Snow Animation:

demo.
CodePen demo.
js file to include on your web : "snowv5.js"

USAGE:

• add to your html <div id="canvas_container"><canvas></canvas><div>
• include the js animation file you want
• set the height & width you want to the canvas parent (canvas_container)
• in case you have multiple canvas on your web , consider adding an id to the canvas you want and changing this selector var canvas= document.querySelector("canvas"); to var canvas= document.getElementById("yourID");