让黑块动起来
在可以通过 js 来创造和销毁 div 后,我们就要让黑块动起来,这个时候我们就用到了之前css提到的设定
//使黑块向下移动 function move(){ var con = $("con"); var top = parseInt(window.getComputedStyle(con, null)["top"]); if(speed + top > 0){ top = 0; }else{ top += speed; } con.style.top = top + "px"; if(top == 0){ createrow(); con.style.top = "-100px"; delrow(); }else if(top == (-100 + speed)){ var rows = con.childNodes; if((rows.length == 5) && (rows[rows.length-1].pass !== 1) ){ fail(); } } } function fail(){ clearInterval(clock); confirm("你的最终得分为 " + parseInt($("score").innerHTML) ); } 点击黑块事件 让黑块动起来之后呢,就要考虑用户有没有点击到黑块,用户若点击到黑块我们要让所在那一行消失,那么就需要一个 judge 方法,具体如下: //判断用户是否点击到了黑块, function judge(ev){ if (ev.target.className.indexOf("black") != -1) { ev.target.className = "cell"; ev.target.parentNode.pass = 1; //定义属性pass,表明此行row的黑块已经被点击 score(); } }
这一步,几个核心的功能点都已经实现了,剩下来的就是将这些方法组合起来,组成完整的逻辑关系。
完整代码
别踩白块 score
0
祝大家早日富可敌国,bye~
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/97700.html
相关文章
-
Python游戏开发,pyautogui模块,Python自动玩“别再踩白块了“小游戏
摘要:前言利用自动玩别再踩白块了这个小游戏,让我们愉快地开始吧开发工具版本相关模块模块模块模块模块以及一些自带的模块。环境搭建安装并添加到环境变量,安装需要的相关模块即可。 ...
-
手摸手带你实现 小游戏<别踩白块儿 -- 内有游戏链接>
摘要:别踩白块儿使用白鹭引擎编写的游戏游戏地址准备工作了解白鹭引擎并安装编写工具安装游戏引擎安装创建项目创建项目可以选择不同版本的引擎,创建成功之后还可以查看,对发布进行设置。 别踩白块儿 使用(白鹭引擎)Egret编写的游戏 showImg(https://user-gold-cdn.xitu.io/2018/10/26/166af8033a59fdbf?w=500&h=840&f=gif...
发表评论
0条评论
focusj
男|高级讲师
TA的文章
阅读更多tensorflow
阅读 1377·2023-04-26 01:58
Next.js 12 正式发布、Yarn 3.1 发布 | 淘系前端架构周刊 211101 期
阅读 2203·2021-11-04 16:04
Debian 11 Bullseye 正式版发布/新特性介绍/搬瓦工后台可重装体验
阅读 1711·2021-08-31 09:42
无忧云-河南洛阳BGP,CEPH集群分布式存储,数据安全可靠,活动期间月付大优惠!
阅读 1700·2021-07-25 21:37
假设高度已知,左右宽度固定,实现三栏布局的5种方法
阅读 1037·2019-08-30 15:54
js、jQuery实现文字上下无缝轮播、滚动效果
阅读 2030·2019-08-30 15:53
CSS:BFC 最熟悉的陌生人
阅读 3011·2019-08-29 13:28
Jquery ajax加载等待执行结束再继续执行下面代码操作
阅读 2651·2019-08-29 10:56