手机版

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

时间:2021-11-16 来源:互联网 编辑:宝哥软件园 浏览:

今天用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

版权声明:使用射流研究…实现雪花飘落效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。