With a little variation, we here a new recipe showing a snow effect:
The HTML code:
<html> <head> <title>Snow</title> <script src="snow.js"></script> </head> <body onload="init();"> <center> <canvas id="MyCanvasArea" width="800" height="500" style="border:2px solid blue;" > your browser does not support canvas </canvas> <h1>Snow</h1> </center> </body> </html>
The JavaScript code:
var can; var ctx; var particles=[]; var particle; var part; var numParticles=50; var i; var bounce=-1; var r,g,b; function animate() { reqAnimFrame = window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame ; clear(); draw(); update(); reqAnimFrame(animate); } function init() { var r,g,b; can=document...