chrome js 获取文件目录_js控制chrome霸王龙自动躲避障碍

公司偶然断网。看着chrome的错误页面，看着一样无辜的小恐龙，按下空格，随便打发一点时间。

无聊的按着上下按键，突然想到，可不可以让它自己躲避障碍物呢。

先看效果：

• 打开chrome浏览器，输入chrome://dino
• 按F12打开控制台，输入：

var script = document.createElement('script');script.src = 'https://suohb.com/demo/chrome.trex.js';document.body.appendChild(script)

• 点击选中网页主题，按空格键让小恐龙开始跑酷

简单介绍一下思路：

小恐龙跑酷游戏，是使用js在canvas上绘制的跑酷游戏。

我的做法的是，监控这个canvas的imageData，如果发现固定的几个位置，如果不是空白，那么就触发一下key.down或者key.up事件。让小恐龙做出躲避动作。