では、100メートル走ゲームを作成します。
以下がHTMLとJavaScriptのコードです。
100メートル走
画面をタップして走る!
このコードは、画面をタップすると、走るアニメーションが始まり、画面の右端に到達すると「ゴール!」とアラートが表示される簡単なゲームです。
キャンバス要素を使って、画像を描画し、setIntervalを使ってゲームループを実現しています。
ランナーの画像は絵文字の中から自分で選んで変更してください。また、スマホで遊ぶことを前提として、canvas要素のサイズを375x667に設定しました。必要に応じて調整してください。