I want to eat! Dream height! Compete for the speed of your fall!'s game

Click here for free DL of the app version that can save data.

No:7733

1250

←

Prev Next

→

I want to eat! Dream height! Compete for the speed..ALL
Developer User3589｜Date and time 23/7/9 16:07:26
Build time 10.475 sec｜Game capacity 2.089KB｜

Script

了解しました。以下に、スマホで遊べるシンプルなゲームの例を示します。

🍔

上記のコードは、スマホで遊べる落下速度ゲームです。画面上から落下してくる絵文字（🍔）を、スマホを傾けることで操作します。スマホを傾けるほど速く落下するので、高得点を目指してください。画面外に落ちるとゲームオーバーです。ゲームオーバー時には、アラートダイアログが表示され、スコアがリセットされます。再度ゲームを始めるには、ダイアログを閉じてスマホを傾けるだけです。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

了解しました。以下に、スマホで遊べるシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>落下速度ゲーム</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    #character {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 60px;
    }
  </style>
</head>
<body>
  <div id="character">🍔</div>

function updateScore() {
      score++;
      document.title = `落下速度ゲーム - Score: ${score}`;
    }

function fall() {
      let characterTop = parseInt(window.getComputedStyle(character).getPropertyValue('top'));
      character.style.top = characterTop + speed + 'px';

if (characterTop > window.innerHeight - 100) {
        gameOver();
      } else {
        requestAnimationFrame(fall);
      }
    }

function gameOver() {
      alert(`ゲームオーバー！\nScore: ${score}`);
      speed = 1;
      score = 0;
      document.title = '落下速度ゲーム';
      character.style.top = '10px';
      requestAnimationFrame(fall);
    }

window.addEventListener('deviceorientation', function(event) {
      speed = Math.abs(event.beta) / 10;
    });

requestAnimationFrame(fall);
  </script>
</body>
</html>
```