t rex runner

T-Rex-Runner?

Ini adalah versi terbaru dari game T-Rex-Runner, yang awalnya diekstraksi oleh Wayou/T-Rex-Runner

Sumber dari Chromium

Anda dapat menemukan versi online di https://litetex.github.io/t-rex-runner/

Cara menjalankannya

Sayangnya hanya mungkin untuk menjalankan kode pada server web.
Anda dapat menemukan alasan yang tepat di sini

Gambar yang telah ditentukan sebelumnya ada di Dockerhub

Namun di sini adalah pengaturan cepat jika Anda tidak ingin membangunnya sendiri menggunakan Docker

• Dapatkan Docker
• Bangun dengan

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

• Mulai dengan

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

• Buka http: // localhost: 8080
• Mematikan server/wadah dengan Ctrl + C atau dengan berjalan

docker rm -f trex-runner-demo

Semua dalam satu:

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

Cara mengekstrak kode yang diperlukan

• Kloning repo kromium
  
  • Chromium adalah repo yang sangat besar (hingga sekarang memiliki hampir 1 juta komit dan cabang default dengan hanya komitmen terbaru saja yang mengkonsumsi memori disk 4GB) sehingga Anda harus mengkloningnya hanya dioptimalkan:

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

• Periksa dependensi halaman html komponen neterror
  • Rincian lebih lanjut juga dapat ditemukan di file build ini
• Saat ini components/neterror dan components/security_interstitials diperlukan, jadi mari kita ekstrak
• Ekstrak dependensi itu (salin direktori) ke direktori baru

Migrasi

• Bersihkan tidak diperlukan barang dari file html, misalnya i18n atau tidak digunakan bagian div
• Suara harus disajikan dikodekan di base64, jadi encode dan tambahkan secara langsung
• Hapus neterror.js yang rumit dan ganti di ujung tubuh dengan <script>new Runner('.interstitial-wrapper');</script>
• Bersihkan offline.js dengan menghapus dependensi eksternal atau menggabungkannya ke dalam file
  misalnya loadTimeData hanya digunakan untuk menentukan apakah permainan harus dinonaktifkan, yang sama sekali tidak kita butuhkan
• JS-Constant <script>const HIDDEN_CLASS = 'hidden';</script> diperlukan
• Sederhanakan stylesheets menjadi satu dan bersihkan hal yang tidak diperlukan
• Hapus gambar yang tidak perlu