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
最代码最近下载分享源代码列表最近下载
4140061726月16日
暂无贡献等级
60474526月10日
最代码贡献等级说明
guopeiyuan5月3日
最代码贡献等级说明
龙大爷4月26日
暂无贡献等级
Agent_4月7日
暂无贡献等级
夏沧明4月5日
暂无贡献等级
hechenjie3月25日
暂无贡献等级
chenzp3月20日
暂无贡献等级
mankin3月7日
暂无贡献等级
最代码最近浏览分享源代码列表最近浏览
花月奴6月25日
暂无贡献等级
24206917666月19日
暂无贡献等级
4140061726月16日
暂无贡献等级
60474526月10日
最代码贡献等级说明
Cindysue6月8日
暂无贡献等级
99584830246月7日
暂无贡献等级
yinyinyin6月7日
暂无贡献等级
tingfu5月31日
暂无贡献等级
sahngqing5月31日
暂无贡献等级
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友