初学canvas,模仿google(let it snow)遇到问题

最新推荐文章于 2024-01-29 23:31:35 发布

genius_45

最新推荐文章于 2024-01-29 23:31:35 发布

阅读量115

点赞数

文章标签： JavaScript HTML5 jQuery ViewUI

本文链接：https://blog.csdn.net/genius_45/article/details/84118858

版权

先贴出代码



 function Snow(x, y, s){
		this.x = x;
		this.y = y;
		this.s = s;
	    }
	    Snow.prototype.draw = function(ctx, canvas){
		ctx.save();
		    var imageObj = new Image();
		    var x = this.x;
		    var y = this.y;
		    var s = this.s;
		    imageObj.onload = function(){
			ctx.drawImage(imageObj, x, y, s, s);
		    };
		    imageObj.src = "snow.png";
		ctx.restore();
		if(this.y < 600){
		    this.y += 6;
		    if(Math.random() < 0.3){
			if(Math.random() > 0.3){
			    this.x += Math.random()*2;
			}else{
			    this.x -= Math.random()*2;
			}
		    }

		}else{
		    snowCanvas.remove(this);
		}
	    }
	    function snowDown(){
		snowCanvas.add(new Snow(Math.random()*document.body.clientWidth-100, 0, Math.random() * 30)).play(150);
	    }

	    setInterval(snowDown,500);