battlecity/js/stage.js

51 lines
1.6 KiB
JavaScript
Raw Normal View History

2016-11-29 23:42:29 +08:00
var Stage = function(context,l){
this.ctx = context;
this.ctx.fillStyle = "#7f7f7f";
this.drawHeigth = 15;
this.level = l;
this.temp = 0;
this.dir = 1; //中间切换的方向1合上2展开
this.isReady = false;//标识地图是否已经画好
this.levelNum = new Num(context);
this.init = function(level){
this.dir = 1;
this.isReady = false;
this.level = level;
this.temp = 0;
};
this.draw = function(){
if(this.dir == 1){
//temp = 15*15 灰色屏幕已经画完
if(this.temp == 225){
//78,14为STAGE字样在图片资源中的宽和高194,208为canvas中的位置
this.ctx.drawImage(RESOURCE_IMAGE, POS["stageLevel"][0], POS["stageLevel"][1], 78, 14, 194, 208, 78, 14);
//14为数字的宽和高308, 208为canvas中的位置
this.levelNum.draw(this.level,308, 208);
//this.ctx.drawImage(RESOURCE_IMAGE,POS["num"][0]+this.level*14,POS["num"][1],14, 14,308, 208,14, 14);
//绘制地图,调用main里面的方法
initMap();
}else if(this.temp == 225 + 600){
//600即调用了600/15次主要用来停顿
this.temp = 225;
this.dir = -1;
START_AUDIO.play();
}else{
this.ctx.fillRect(0, this.temp, 512, this.drawHeigth);
this.ctx.fillRect(0, 448 - this.temp - this.drawHeigth , 512, this.drawHeigth);
}
}else{
if(this.temp >= 0){
this.ctx.clearRect(0, this.temp , 512, this.drawHeigth);
this.ctx.clearRect(0, 448 - this.temp - this.drawHeigth, 512, this.drawHeigth);
}else{
this.isReady = true;
}
}
this.temp += this.drawHeigth * this.dir;
};
};