t rex runner

T-Rex-Runner?

Это обновленная версия игры T-Rex-Runner, первоначально извлеченная Wayou/T-Rex-Runner

Источник от хрома

Вы можете найти онлайн-версию по адресу https://litetex.github.io/t-rex-runner/

Как его запустить

К сожалению, можно запустить код на веб -сервере.
Вы можете найти точную причину здесь

Простое предопределенное изображение существует в Dockerhub

Однако вот быстра

• Получите 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 Repo
  
  • Хром - это действительно большой репо (на данный момент у него почти 1 миллион коммитов, а филиал по умолчанию с только последними коммертами потребляет 4 ГБ дисковой памяти), поэтому вы должны клонировать его только оптимизирован:

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

• Проверьте зависимости сетевой компонент 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> требуется
• Упростите таблицы стилей в один и очистите. Не требуется материал
• Удалить ненужные изображения