t rex runner

T-REX-RUNNER?

Esta es una versión actualizada del juego T-Rex-Runner, originalmente extraído por Wayou/T-Rex-Runner

Fuente del cromo

Puede encontrar una versión en línea en https://litetex.github.io/t-rex-runner/

Cómo ejecutarlo

Lamentablemente, solo es posible ejecutar el código en un servidor web.
Puedes encontrar la razón exacta aquí

Existe una imagen predefinida simple en Dockerhub

Sin embargo, aquí hay una configuración rápida si no puede construirla usted mismo usando Docker

• Obtener Docker
• Construirlo con

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

• Comenzar con

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

• Abra http: // localhost: 8080
• Apague el servidor/contenedor con Ctrl + C o ejecutando

docker rm -f trex-runner-demo

Todo en uno:

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

Cómo extraer el código requerido

• Clon el repositorio de cromo
  
  • Chromium es un repositorio realmente grande (a partir de ahora tiene casi 1 millón de compromisos y la rama predeterminada con solo los últimos compromisos solo consume 4 GB de memoria de disco), por lo que debe clonarlo solo optimizado:

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

• Verifique las dependencias de la página HTML del componente NetError
  • También se pueden encontrar más detalles en este archivo de compilación
• Actualmente se requieren los components/neterror y components/security_interstitials , así que extraigamos
• Extraiga esas dependencias (copie los directorios) en un nuevo directorio

Migración

• Limpio no requerido cosas del archivo html, por ejemplo, i18n o no usado partes del div
• Los sonidos deben ser servidos codificados en Base64, así que codéntelos y agréguelos directamente
• Retire el complicado neterror.js y reemplácelo al final del cuerpo con un simple <script>new Runner('.interstitial-wrapper');</script>
• Limpiar offline.js eliminando dependencias externas o fusionándolas en el archivo
  por ejemplo, loadTimeData solo se usa para determinar si el juego debe deshabilitarse, lo que no necesitamos totalmente
• Se requiere JS-Constant <script>const HIDDEN_CLASS = 'hidden';</script>
• Simplifique las hojas de estilo en una sola y limpie las cosas no requeridas
• Eliminar imágenes innecesarias