t rex runner

t-rex-runner?

T-Rex-Runner 게임의 업데이트 된 버전으로, 원래 Wayou/T-Rex-Runner가 추출했습니다.

Chromium의 소스

https://litetex.github.io/t-rex-runner/에서 온라인 버전을 찾을 수 있습니다.

실행하는 방법

불행히도 웹 서버에서 코드를 실행하는 것이 가능합니다.
여기에서 정확한 이유를 찾을 수 있습니다

DockerHub에는 간단한 사전 정의 된 이미지가 있습니다

그러나 Docker를 사용하여 직접 구축하지 않으면 빠른 설정이 있습니다.

• 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은 정말 큰 저장소입니다 (현재는 거의 백만 개의 커밋이 있고 최신 커밋만으로 4GB의 디스크 메모리를 소비하는 기본 브랜치는 최적화해야합니다.

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

• NetError 구성 요소 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> 가 필요합니다
• 스타일 시트를 하나의 스타일로 단순화하고 필요하지 않은 물건을 정리하십시오.
• 불필요한 이미지를 제거하십시오