最代码广告位
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
最代码最近下载分享源代码列表最近下载
谭鬼鬼 LV462019年10月10日
太阳太阳月亮月亮月亮星星星星
crownli LV12019年7月17日
星星
f2486976951 LV22019年6月3日
星星星星
3151667385 LV12019年5月9日
星星
翱翔子 LV102019年4月27日
月亮月亮星星星星
voicenews LV192019年2月20日
太阳星星星星星星
乘过舟 LV22019年2月10日
星星星星
s1258286723 LV22019年1月11日
星星星星
21224244 LV22019年1月4日
星星星星
trjysan LV22019年1月3日
星星星星
最代码最近浏览分享源代码列表最近浏览
Catrol LV21月22日
星星星星
397312607 LV21月15日
星星星星
ncd12320 LV81月12日
月亮月亮
老叔老敲代码2019年12月31日
暂无贡献等级
Jacksonfdsh LV12019年12月28日
星星
WXD1541943793 LV12019年12月27日
星星
15069412712019年12月26日
暂无贡献等级
110205612019年12月20日
暂无贡献等级
487948123 LV42019年12月15日
月亮
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友

页面底部区域 foot.htm