网页游戏Flappy Birds从0开始制作（三）：场景Sky类

网页游戏Flappy Birds从0开始制作（三）：场景Sky类

同Land类类似，Sky也属于背景层，也是以一定速度向后方移动。

原理一样，我直接上代码：

//同Land类似设置sky的构造函数
var Sky=function (img,x,speed,ctx) {
this.img=img;
this.x=x;
this.speed=speed;
this.ctx=ctx}
this.ctx.drawImage(
Sky.prototype.draw=function() {
this.img,this.x,0)}
//背景向左以规定速度移动，当地图完全消失时，重新设置x坐标为起点
//设置地图的数目
Sky.prototype.setNum=function(num){
Sky.num=num;}
this.x=this.x+this.speed*duration;
Sky.prototype.update=function(duration){
if(this.x<-800)
}
this.x=Sky.num*800+this.x;

补充说明一下

this.x=Sky.num*800+this.x;

因为图片宽为800px，所以更新背景层位置时是用 num*800,

在land类下由于land的素材图片宽度时336px,所以更新位置时num*336

this.x=this.x+Land.num*336;