一串JS代码Hack简单考眼力小游戏

2024-05-10 23:22:20

最近在群里闲聊的时候发现大家在玩一款考眼力的网页小游戏，这个游戏简单来说就是从方块中找出不同的。在规定的时间通过的关卡越多越好。最后游戏会根据你通过的关卡数量来给你评分。但是人类的眼力是有极限的，而装逼的欲望没有。So, 我就开始研究如何愉快的用JS作弊了。

网页分析

Hack这种事情是讲究化劲的，知己知彼才能成功。第一步当然是先分析一下网页了。打开Chrome自带的开发者工具可以看到，这些方块不过就是span标签搭配RGB颜色。而我们知道游戏规则是所有的方块里面只有一个是不同的，所以我们只需要找到那个不同的，然后模拟点击那个元素就可以了。

代码实现

说干就干。由于游戏限制实现是60秒，所以我们为了调试方便，可以用一段JS先把网页内所有的计时器停掉。

借着根据我们之前发现的原理，构造原型代码验证思路。

A few moments later……

这段代码的意图很明显，为每一种颜色建立一个字典，记录出现了多少次，然后我们遍历字典，只出现了一次的颜色自然就是我们要找的方块了。接着我们拿着得到的颜色代码，再去文档中对着所有的方块比对，最后找到元素并点击。为这个函数设置一个计时器定时启动，便大功告成了，把代码输入开发者工具，试试效果。

Impressive! 效果非常不错，我当时看到的最厉害的人，也不过只能打到lv40而已。但是我们的代码还是有一些冗余，还有优化提高的空间。

在交流中，其他人在我的代码的基础上，给出了性能更强更精简的改进版。

这段代码妙就妙在用了requestAnimationFrame代替了计时器，真正达到了机器能跑多快跑多快，完全释放了机器的全部性能，能限制速度的也只有浏览器渲染的速度了。

效果可以说是相当的不错了，只不过到了这个阶段，人类早已经退出较量了。

总结

总体来说，这个游戏挺好玩的，各种意义上。

一串JS代码Hack简单考眼力小游戏相关推荐

原生JS实现一个简单的打字小游戏
原生JS实现一个简单的打字小游戏利用javascript制作一个简单的打字小游戏之前写了一个贪吃蛇小游戏好像反响不错今天我来写一个比贪吃蛇更low更简单的打字小游戏打字小游戏原理接下来咋们直 ...
js实现简单的俄罗斯方块小游戏
js实现简单的俄罗斯方块小游戏开始 1. 创建一个宽为 `200px`,高为 `360px` 的背景容器 2. 在该容器上创建一个 `20 * 20` 的块元素 3. 控制该元素的移动,每次移动 ` ...
python简单小游戏代码_一个简单的python小游戏---七彩同心圆
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理用pygame做一个简单的python小游戏-七彩同心圆玩法:每次点击鼠标时,会以鼠标为圆心,不断 ...
考眼力的游戏你们玩过什么？
考眼力的游戏有很多比如找你妹,眼力比拼,找大叔等但是玩法经典,趣味性强的莫过于找不同了通过两张看似一样的图片实际有细节不一样的图片快速找出不一样的从中获得积分,最后成为冠军你可以找到多少 ...
做一个简单的java小游戏--单机版五子棋
做一个简单的java小游戏–单机版五子棋学了java有一段时间了,今天就来搞一个简单的单机版五子棋游戏. 实现功能:那必须能进行基础的输赢判断.还有重新开始的功能,悔棋的功能,先手设置的功能和退出的 ...
使用javascript实现简单的龟兔赛跑小游戏
使用javascript实现简单的龟兔赛跑小游戏以下是实现代码 //javascript实现代码 function start(){t=document.getElementById('t')r=d ...
原生html小游戏,原生JS实现别踩白块小游戏（一）
对于前端开发人员来说,闲暇之余自己开发个小游戏打发时间,也是对自己基础技术的一种应用考验.那么别踩白块小游戏,相信大家并不陌生,这个小游戏我们可以通过原生js来实现,即便是前端初学者也可以轻松完成. ...
基于C语言Ncurse库和链表的简单贪吃蛇小游戏
参考:基于C语言Ncurse库和链表的简单贪吃蛇小游戏作者:三速何时sub20 发布时间:2020-09-29 10:23:51 网址:https://blog.csdn.net/weixin_44 ...
用pygame做一个简单的python小游戏---贪吃蛇
用pygame做一个简单的python小游戏-贪吃蛇贪吃蛇游戏博客链接:(方法一样,语言不一样) c++贪吃蛇:https://blog.csdn.net/weixin_46791942/artic ...

最新文章

热门文章