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);
感谢网上分享资源的大神们,对代码做了一下修改。还有很多不完善的地方如点到最下层没有提示等等。。。
猜你?#19981;?/h5>- html5 canvas开发网页版见缝插针小游戏
- js编写html5+css3实现的web网?#31243;?#29699;游戏
- html5开发单机版斗地主网页小游戏
- H5抽签网页小游戏
- HTML5开发的坦克大战源码
- html5+js实现网页版水果忍者游戏代码下载
- HTML5网页小游戏开发实现星球大战Space Fighter
- html5开发打字游戏源代码下载,带有声效
- html5+backbone+Underscore开发超级马里奥游戏教程github源代码下载
- html5游戏开发FC经典游戏小蜜蜂Galaxian源代码下载
- html5+js开发Tower Platformer 3D跳塔小游戏源代码分享
- html5塔防游戏源代码runner下载

请下载代码后再发表评论
文件名:就踩白块儿.rar,文件大小:23.184K下载
- /
- /就踩白块儿
- /就踩白块儿/black&white2.css
- /就踩白块儿/black&white2.html
- /就踩白块儿/black&white3.js
- /就踩白块儿/drawblack&white2.js
- /就踩白块儿/easeljs-0.7.1.min.js
- /就踩白块儿
- 证HTML5+jQuery制作温馨浪漫爱心表白动画特效
- 精Apache Shiro+SpringMVC+Hibernate Search+Hibernate+Bootstrap企业信息管理系统基础框架搭建整合实例代码教程
- 证精spring MVC+easyUI+mybatis开发网站后台管理系统源代码下载
- 精html网站内容管理系统后台模板源代码下载,花钱买的模板。
- 证一套EASYUI的经典后台管理模板
- 原精spring mvc+spring+mybatis+shiro+easyui整合开发后台用户权限管理系统
- 证精java开源CMS管理系统jeetemp
- 一款漂亮的轻量级bootstrap中文后台管理系统模板ace
- 证jsp+servlet+mysql员工管理系统源代码下载
- js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器
- 证HTML5音乐播放器效果非常漂亮
- 证精SpringBoot开发非常美观的java博客系统(包含后台管理功能)
- 证精java开源CMS管理系统jeetemp
- java牛官方想开发一个全部开源的系统
- 证精企业人力资源管理项目SSH+EXTJS+MySQL整合开发
- 精基于springMVC+springSecurity3.x+Mybaits3.x的权限系统,,开放源码,支持开源
- 证精spring MVC+easyUI+mybatis开发网站后台管理系统源代码下载
- 证精springmvc+hibernate+jbpm开发OA自动化办公后台管理系统源码下载
- 【猪猪-前端】基于HTML5 Bootstrap搭建的后台模板charisma,分页,模糊查询已经全部JS实现,无需编码,嵌入数据即可开发,内置8款皮肤,欧美风格,非常好用!
- 精Apache Shiro+SpringMVC+Hibernate Search+Hibernate+Bootstrap企业信息管理系统基础框架搭建整合实例代码教程
- 证精struts2.3+hibernate4.1+spring3.2+EasyUI1.36整合实现的java后台管理系统
- 证HTML5+jQuery制作温馨浪漫爱心表白动画特效
- 证精spring+spring mvc+mybatis+bootstrap框架整合搭建ssm完整项目
- 原证精ssh框架开发的个人博客系统源码下载,基于mysql数据库
- 原证Spring Boot简单而又强大的AOP异步日志注解系统
- 证精spring+spring mvc+spring jpa+velocity开发b2c多用户商城项目,功能比较完善,有后台管理系统
- 证3D动态登录页面特效
- 原spring boot整合Security实现单点登录,支付宝支付demo(沙?#24515;?#24335;)。
- 原证精java servlet+mysql开发的学校官网+教务系统+图书馆系统,功能完善,供参考学习
- 证java swing实现超级简单,最基础的一个俄罗斯方块和贪吃蛇
- 证精ssm+jsp开发java学生信息与选课系统(优化界面)
- 原证纯jsp开发java web简单电影网站项目
- 原证基于java swing的连连看小游戏
- 原证SSM+JQ+Ajax实现学生信息管理系统
- python开发飞机大战游戏
- 证使用netty实现文件列表下载的功能


谭鬼鬼 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日

TerryGaoBo LV4昨天
宋哥威武昨天
暂无贡献等级
最代码_码鑫源 LV412月6日
留样科目考试12月6日
暂无贡献等级
做个熟悉的陌生人 LV411月30日
13232875251 LV1411月21日
a14714711月21日
暂无贡献等级
wwb123 LV111月21日
Gyq灬ming LV1111月18日
cst12311月13日
暂无贡献等级