
Google Chromeに搭載されているt-rexゲームをコードを分析して動かしてみました。
ゲームイメージ、サウンドデーターの持ち方、canvasへの描画方、ゲームのループなどが確認できました。

下のゲームの領域をクリックしてからスペースキーを押してみてください。
아래 쪽 게임 영역을 클릭해서 스페이스 키를 눌러 보세요.

<div className="relative w-screen left-[calc(-50vw_+_50%)]">
  <div style="max-width: 760px; margin:1.5rem auto;" className="relative">
    <iframe src="/t-rex.html" style="height: 13rem" className="w-full"></iframe>
  </div>
</div>

- [正式コードはこちらから見れます, 정식 코드는 여기서 볼 수 있습니다.](https://source.chromium.org/chromium/chromium/src/+/main:components/neterror/resources/offline.js)
- [同ゲームのいろんなバリエーション, 그외 여러가지 변형된 게임들](https://github.com/wayou/t-rex-runner)



<p>Google Chromeに搭載されているt-rexゲームをコードを分析して動かしてみました。
ゲームイメージ、サウンドデーターの持ち方、canvasへの描画方、ゲームのループなどが確認できました。</p>
<p>下のゲームの領域をクリックしてからスペースキーを押してみてください。
아래 쪽 게임 영역을 클릭해서 스페이스 키를 눌러 보세요.</p>
<div className="relative w-screen left-[calc(-50vw_+_50%)]">
  <div style="max-width: 760px; margin:1.5rem auto;" className="relative">
    <iframe src="/t-rex.html" style="height: 13rem" className="w-full"></iframe>
  </div>
</div>
<ul>
<li><a href="https://source.chromium.org/chromium/chromium/src/+/main:components/neterror/resources/offline.js">正式コードはこちらから見れます, 정식 코드는 여기서 볼 수 있습니다.</a></li>
<li><a href="https://github.com/wayou/t-rex-runner">同ゲームのいろんなバリエーション, 그외 여러가지 변형된 게임들</a></li>
</ul>


Ryeonho Heo

t-rex gameを実験してみる

t-rex gameを 実験してみる

t-rex gameを実験してみる