t rex runner

T-Rex-Runner？

这是T-Rex-Runner游戏的更新版本，最初由Wayou/t-rex-Runner提取

来自铬的来源

您可以在https://litetex.github.io/t-rex-runner/上找到在线版本

如何运行它

不幸的是，只能在网络服务器上运行代码。
您可以在这里找到确切的原因

一个简单的预定义图像存在于Dockerhub

但是，如果您不使用Docker自己构建它，这是一个快速设置

• 获取Docker
• 用它构建

docker build -t my-trex-runner-demo .

• 从它开始

docker run --rm -it --name trex-runner-demo -p 8080:80 my-trex-runner-demo

• 打开http：// localhost：8080
• 使用Ctrl + C或运行来关闭服务器/容器

docker rm -f trex-runner-demo

一对一：

docker build -t my-trex-runner-demo . && docker run --rm -it --name trex-runner-demo -p 8080:80 my-trex-runner-demo

如何提取所需的代码

• 克隆铬存储库
  
  • Chromium是一个非常大的存储库（到目前为止，它已有近100万个投入，并且仅使用最新提交的默认分支会消耗4GB的磁盘内存），因此您应该克隆它仅优化它：

   git clone --depth 1 --branch master https://chromium.googlesource.com/chromium/src
  

• 检查NetError组件HTML页面的依赖项
  • 在此构建文件中也可以找到更多详细信息
• 当前需要components/neterror和components/security_interstitials ，所以让我们提取它们
• 将这些依赖项（将目录复制）提取到新目录中

迁移

• 从HTML文件，例如I18N或不使用DIV的部分中清理不需要的东西
• 声音必须在base64中编码，因此将它们编码并直接添加
• 删除复杂的neterror.js ，然后用简单的<script>new Runner('.interstitial-wrapper');</script>
• 通过删除外部依赖性或将其合并到文件中来清理offline.js
  例如， loadTimeData仅用于确定是否应该禁用游戏，我们完全不需要
• js-constant <script>const HIDDEN_CLASS = 'hidden';</script>是必需的
• 将样式表简化为单个图表，然后清理不需要的东西
• 删除不必要的图像