coding
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
最代码最近下载分享源代码列表最近下载
谭鬼鬼 LV4610月10日
太阳太阳月亮月亮月亮星星星星
crownli LV17月17日
星星
f2486976951 LV26月3日
星星星星
3151667385 LV15月9日
星星
翱翔子 LV104月27日
月亮月亮星星星星
voicenews LV192月20日
太阳星星星星星星
乘过舟 LV22月10日
星星星星
s1258286723 LV21月11日
星星星星
21224244 LV21月4日
星星星星
trjysan LV21月3日
星星星星
最代码最近浏览分享源代码列表最近浏览
cst123前天
暂无贡献等级
bingzz LV711月10日
月亮星星星星星星
8247753911月10日
暂无贡献等级
xcc86445169111月7日
暂无贡献等级
maxiaolei LV210月29日
星星星星
Blackmanba110月28日
暂无贡献等级
白丽娜10月25日
暂无贡献等级
花开彼岸天318 LV110月23日
星星
qq20349921110月22日
暂无贡献等级
阿萨大 LV110月14日
星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友