t rex runner

T-Rex-Runner?

Esta é uma versão atualizada do jogo T-Rex-Runner, originalmente extraído por Wayou/T-Rex-Runner

Fonte do cromo

Você pode encontrar uma versão online em https://litetex.github.io/t-rex-runner/

Como executá -lo

Infelizmente, é possível executar o código em um servidor da web.
Você pode encontrar o motivo exato aqui

Existe uma imagem predefinida simples no DockerHub

No entanto, aqui está uma configuração rápida se você não for construí -lo usando o Docker

• Pegue o Docker
• Construa com

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

• Comece com

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

• Aberto http: // localhost: 8080
• Desligue o servidor/contêiner com Ctrl + C ou executando

docker rm -f trex-runner-demo

Tudo em um:

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

Como extrair o código necessário

• Clone the Chromium repo
  
  • O Chromium é um repositório realmente grande (a partir de agora tem quase 1 milhão de compromissos e a filial padrão, com apenas as mais recentes confirmações, consome 4 GB de memória de disco), então você deve cloná -lo apenas otimizado:

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

• Verifique as dependências da página HTML do componente NETERROR
  • Mais detalhes também podem ser encontrados neste arquivo de construção
• Atualmente, os components/neterror e components/security_interstitials são necessários, então vamos extraí -los
• Extraia essas dependências (copie os diretórios) para um novo diretório

Migração

• Limpe as coisas não necessárias do arquivo html, por exemplo, peças ou não usadas ou não usadas
• Os sons precisam ser servidos codificados na base64, então codifique -os e adicione -os diretamente
• Remova o complicado neterror.js e substitua-o no final do corpo por um <script>new Runner('.interstitial-wrapper');</script>
• Limpe offline.js removendo dependências externas ou mesclando -as no arquivo
  por exemplo, loadTimeData é usado apenas para determinar se o jogo deve ser desativado, o que não precisamos totalmente
• O JS-Contant <script>const HIDDEN_CLASS = 'hidden';</script> é necessário
• Simplifique as folhas de estilo em uma única e limpe as coisas não necessárias
• Remova imagens desnecessárias