最代碼廣告位
ruby123的gravatar頭像
ruby1232015-05-08 16:15:55

html5別踩白塊代碼寫成的“就踩白塊”小游戲代碼

var stage = new createjs.Stage("canvasId");
var drawView = new createjs.Container();
stage.addChild(drawView);
 var timeFn;

createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick" ,stage);

function init(w,h,size){
	var view = [];
	var current = 1;

	var color1= "#"+parseInt(Math.random()*1000000);
	var b_color1 = "#"+parseInt(Math.random()*1000000);
	while(true){
	if(color1 == b_color1){
		color1= "#"+parseInt(Math.random()*1000000);
	}else break;
	}
	
	for(var n = size; n >= 0; n--){
	view[n] = new createjs.Container();
	view[n].y = (3-n)*h/4;
	var white = parseInt(Math.random()*4);
	for(var l =0; l<4; l++){
		var zfx = new drawZfx(w,h,color1,b_color1);
		zfx.x = l*w/4;
		if(white == l){
		   zfx.setType(2);
		}
		view[n].addChild(zfx);
	}
	if(n == current){
		 addCurrent(current,view,h);
	
	}
	drawView.addChild(view[n]);
	
	}

}
 var text = 0;
function addCurrent(current ,view ,h){
for(var i =0; i < 4; i++){

clickFn(i,current,view,h);
}
}
 
 function clickFn(i,current,view ,h){
 
 view[current].getChildAt(i).addEventListener("click",function(){
 
	if(view[current].getChildAt(i).getType() == 1){
	alert("游戲結束,您的成績是:" + text.toFixed(1)+"秒點擊了"+(current-1)+"次白塊");
	clearInterval(timeFn);
	}else if(view[current].getChildAt(i).getType() == 2){
	  
	  if(current ==1){
	  text =0;
	  timeFn = setInterval(function(){
	  text+=0.1;
	  document.getElementById("time").innerHTML = text.toFixed(1);
	  
	  
	  },100);
	  }
	  
	  drawView.y +=h/4;
	  current++;
	  addCurrent(current,view,h);
	}
 
 });
 }
 
 init(320,440,1000);

感謝網上分享資源的大神們,對代碼做了一下修改。還有很多不完善的地方如點到最下層沒有提示等等。。。

希望和大家一起來討論。html5別踩白塊代碼寫成的“就踩白塊”小游戲代碼

最代碼廣告位

打賞

文件名:就踩白塊兒.rar,文件大小:23.184K下載
  • /
      • /就踩白塊兒
        • /就踩白塊兒/black&white2.css
        • /就踩白塊兒/black&white2.html
        • /就踩白塊兒/black&white3.js
        • /就踩白塊兒/drawblack&white2.js
        • /就踩白塊兒/easeljs-0.7.1.min.js
頂部客服微信二維碼底部
>掃描二維碼關注最代碼為好友掃描二維碼關注最代碼為好友
福彩3d组选020前后关系