t rex runner

t-rex-coureur?

Ceci est une version mise à jour du jeu T-Rex-Runner, à l'origine extraite par Wayou / T-Rex-Runner

Source du chrome

Vous pouvez trouver une version en ligne sur https://litetex.github.io/t-rex-runner/

Comment l'exécuter

Malheureusement, il est seulement possible d'exécuter le code sur un serveur Web.
Vous pouvez trouver la raison exacte ici

Une image simple prédéfinie existe sur dockerhub

Cependant, voici une configuration rapide si vous ne voudrez pas le construire vous-même en utilisant Docker

• Obtenir Docker
• Construire avec

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

• Démarrer avec

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

• Ouvert http: // localhost: 8080
• Arrêtez le serveur / conteneur avec Ctrl + C ou en exécutant

docker rm -f trex-runner-demo

Tout en un:

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

Comment extraire le code requis

• Cloner le repo du chrome
  
  • Chromium est un très grand repo (à ce jour, il a près d'un million de validations et la branche par défaut avec seulement les derniers engins consomme 4 Go de mémoire de disque), vous ne devez donc le cloner optimisé:

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

• Vérifiez les dépendances de la page HTML du composant NetError
  • Plus de détails peuvent également être trouvés dans ce fichier de build
• Actuellement, les components/neterror et components/security_interstitials sont nécessaires, alors extractionz-les
• Extraire ces dépendances (copier les répertoires) dans un nouveau répertoire

Migration

• Nettoyer des choses non requises dans le fichier HTML, par exemple i18n ou non utilisées des parties du div
• Les sons doivent être servis encodés dans la base64, alors encodez et ajoutez-les directement
• Supprimez le neterror.js compliqué et remplacez-le à la fin du corps par un simple <script>new Runner('.interstitial-wrapper');</script>
• Nettoyez offline.js en supprimant les dépendances externes ou en les fusionnant dans le fichier
  Par exemple, loadTimeData est uniquement utilisé pour déterminer si le jeu doit être désactivé, dont nous n'avons pas totalement besoin
• Le JS-Constant <script>const HIDDEN_CLASS = 'hidden';</script> est requis
• Simplifiez les feuilles de style en un seul et nettoyez les choses non requises
• Supprimer des images inutiles