2018-10-26

使用前端方式挑战 Chrome 小恐龙游戏高分

前言

今天看论坛发现有人发帖说 Chrome周年庆祝在“小恐龙”游戏中埋入了新的菜单，可以触碰的蛋糕以及触碰之后获得的生日帽。
看到现在“小恐龙”这个彩蛋的改进，往事历历在目。但是很快，帖子中有人晒高分引起了我的注意：这个游戏虽说简单，但是在分数达到一定程度后，加速度会让玩家很难继续游戏。
记得很早之前在机场玩过这个游戏，记忆中获取三千以上的分数还是挺困难的，更别提八千分，所以我这里推测这个玩家应该是有一些“特别的技巧”。

在游戏中取得令人叹为观止的高分，一般来说无非三种手段：

练习：勤学苦练，熟能生巧，加上极致的耐心。

工具：使用一些辅助设施来模拟人的操作。

外挂：针对难度或者得分倍数进行改造或者直接对结果进行修改、甚至破坏游戏规则。

第一种方式我们暂且略过，后面如果实在闲，再进行尝试，我们直接开始后面两种方案的尝试。

编写辅助工具

网上有个老外曾经编写过一个根据判断X轴方向小恐龙和前面物品距离进行自动跳跃的程序，在稍加改造后，将下面的代码贴到控制台中，即可完成小恐龙自动奔跑的神操作。

这里添加了代码避免小恐龙跳过蛋糕、避而不吃，以及调整了对障碍物需要跳跃的高度判断，防止小恐龙看到低飞的鸟儿迎面而上，当然，还有能够在代码执行后，自动开始游戏。

为了你能够在移动端的复制便捷，这里提供了压缩版的代码

function TrexRunnerBot(){function f(){Runner().onKeyDown(d);setTimeout(function(){Runner().onKeyUp(d)},500)}var b=function(a){return{keyCode:a,preventDefault:function(){}}},c=b(38),d=b(40),e=b(32);Runner().playing||(Runner().onKeyDown(e),setTimeout(function(){Runner().onKeyUp(e)},500));return{conquerTheGame:function(){if(Runner&&Runner().horizon.obstacles[0]){var a=Runner().horizon.obstacles[0];if((!a.typeConfig||"SNACK"!==a.typeConfig.type)&&50!==a.yPos&&a.xPos<=18*Runner().currentSpeed)if(50=== a.yPos)f();else{var b=Runner().horizon.obstacles[1];if(b&&b.xPos-a.xPos<=42*Runner().currentSpeed)Runner().onKeyDown(c),Runner().onKeyUp(c);else Runner().onKeyDown(c)}}}}}var bot=TrexRunnerBot(),botInterval=setInterval(bot.conquerTheGame,2);

如果你想在桌面端浏览器游玩小恐龙游戏，除了断网的操作外，还可以直接访问 chrome://dino/ 这个地址。

如果你想在手机上体验小恐龙自动奔跑，请参考下面的操作：

飞行模式后打开 Chrome ，然后访问任意页面，呼出小恐龙界面。

将上面的代码粘贴到地址栏。

在地址栏前手动加上 javascript: ，然后确认。

你的小恐龙就自个去浪了，不过这里你获取分数的速度依然和正常游玩的玩家是一样的，小恐龙走一步记一分。

那么，接下来我们换个套路。

改写计分逻辑

与其说改写，不如说“劫持”。

ES5 有一个很古老的 API， Object.defineProperty()，借助这个 API
，我们能够轻易的修改现有对象上的属性，配合重新定义对象具体内容的 getter、setter
描述符，可以做到对于属性的劫持操作，是不是很眼熟？没错，这个方案也是老生常谈的 MVVM 框架的双向数据绑定的实现方案之一。

var hackScore=0;Object.defineProperty(Runner.instance_,"distanceRan",{get:function(){return hackScore},set:function(a){return hackScore=a+Math.floor(1E3*Math.random())},configurable:!0,enumerable:!0});