让黑块动起来
在可以通过 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/113937.html
相关文章
-
Python游戏开发,pyautogui模块,Python自动玩“别再踩白块了“小游戏
摘要:前言利用自动玩别再踩白块了这个小游戏,让我们愉快地开始吧开发工具版本相关模块模块模块模块模块以及一些自带的模块。环境搭建安装并添加到环境变量,安装需要的相关模块即可。 ...
-
手摸手带你实现 小游戏<别踩白块儿 -- 内有游戏链接>
摘要:别踩白块儿使用白鹭引擎编写的游戏游戏地址准备工作了解白鹭引擎并安装编写工具安装游戏引擎安装创建项目创建项目可以选择不同版本的引擎,创建成功之后还可以查看,对发布进行设置。 别踩白块儿 使用(白鹭引擎)Egret编写的游戏 showImg(https://user-gold-cdn.xitu.io/2018/10/26/166af8033a59fdbf?w=500&h=840&f=gif...
发表评论
0条评论
0x584a
男|高级讲师
TA的文章
阅读更多数百万行自研代码都捐了,华为将欧拉捐赠给开放原子开源基金会
阅读 1205·2021-11-11 16:54
C语言字符操作函数和字符串操作函数
阅读 1718·2021-10-13 09:40
【C语言/入门游戏】扫雷完整版(包含标记,安全保护及展开)
阅读 916·2021-10-08 10:05
怎么选虚拟主机-如何选择虚拟主机?
阅读 3477·2021-09-22 15:50
如何设置远程虚拟主机-如何在路由器内建立虚拟主机以实现远程访问?
阅读 3642·2021-09-22 15:41
主机名指的是什么-手机正常的主机名是什么?
阅读 1708·2021-09-22 15:08
MacZip – 免费macOS苹果系统压缩软件 支持20+压缩格式
阅读 2308·2021-09-07 10:24
浅析RWD
阅读 3552·2019-08-30 12:52