使用射流研究…实现雪花飘落效果

今天用html5绘布加射流研究…写的雪花飘效果。分享下

复制代码代码如下：htmlhead脚本函数start(){ var Array=new Array()；var canvas=文档。getelementbyid('我的画布')；var上下文=canvas。get context(' 2d ')；for(var I=0；i50I){ var show son=new show son()；数组。推(秀雪)；} time=SetInterval(function(){ context。清除矩形(0，0，canvas.width，canvas。高度)；for(var I=0；iarray.lengthi ){ array[i].move()；数组[i].绘制（上下文);} },500);}函数show snow(){ var y=parsent(数学。random()* 50)* 10；var x=parsent(数学。random()* 80)* 10；这个。draw=function(context){ context。font=' 50px Calibricontext.fillText('*，x，y)；}这个。move=function(){ y=20；if(y 600){ y=0；} } }/脚本/床头输入类型=' button '值=' start ' onclick=' start()'/br/canvas id=' my canvas '高度=' 600 px '宽度=' 600 px ' style=' border : 3px纯蓝/画布/正文/html