t rex runner

T-Rex-Runner？

これは、もともとWayou/T-Rex-Runnerによって抽出されたT-Rex-Runnerゲームの更新バージョンです

クロムからのソース

https://litetex.github.io/t-rex-runner/でオンラインバージョンを見つけることができます

それを実行する方法

残念ながら、Webサーバーでコードを実行することのみが可能です。
ここで正確な理由を見つけることができます

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

すべて1つ：

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

必要なコードを抽出する方法

• Chromium Repoをクローンします
  
  • 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>が必要です
• スタイルシートを単一のものに単純化し、必要ではないものをクリーンアップします
• 不要な画像を削除します