Sorry to keep you waiting!'s game | AI game creator

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

No:1302

82

Sorry to keep you waiting!
Developer User3025｜Date and time 23/6/18 10:22:05
Build time 29.527 sec｜Game capacity 3.593KB｜

了解しました。以下は、JavaScriptで実装されたスマホ向けのシンプルなゲームの例です。アプリは1つのhtmlファイルの中にすべて含まれています。このゲームは、ユーザーがボールを打って、障害物を避けながら高得点を目指すものです。絵文字が多く使用され、スマホでも簡単に操作できるようになっています。ご確認ください：

このゲームでは、ボールは画面の下部から上部に向かって進み、ユーザーはスマホをタップしてボールを動かすことができます。ボールはタップした位置に向かって動き、障害物に衝突するとゲームが終了します。障害物はランダムに生成され、画面外に出ると削除されます。ゲームが進むにつれ、障害物の速度が上がります。ユーザーの得点はボールが画面上部まで到達するたびに1点追加されます。ゲームが終了した場合は、スコアが表示されます。また、ブラウザのタイトルにもスコアが表示されます。

→ 　

1　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

了解しました。

以下は、JavaScriptで実装されたスマホ向けのシンプルなゲームの例です。アプリは1つのhtmlファイルの中にすべて含まれています。このゲームは、ユーザーがボールを打って、障害物を避けながら高得点を目指すものです。絵文字が多く使用され、スマホでも簡単に操作できるようになっています。

ご確認ください：

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Emoji Ball Game</title>
  <style>
    * {
      box-sizing: border-box;
    }
    body {
      margin: 0;
      padding: 0;
    }
    #game {
      width: 100%;
      height: 100%;
    }
    #ball {
      position: relative;
      left: 50%;
      bottom: 0;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: yellow;
      transform: translateX(-50%);
    }
    .obstacle {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="ball"></div>
  </div>
  <script>
    let score = 0;
    let speed = 5;
    let ballCoord = {x: 50, y: 0};
    let obstacles = [
      {x: 150, y: 300},
      {x: 250, y: 450},
      {x: 350, y: 200}
    ];
    const ball = document.getElementById('ball');
    const container = document.getElementById('game');

function moveBall() {
      ball.style.bottom = ballCoord.y + 'px';
    }

function moveObstacles() {
      for (let i = 0; i < obstacles.length; i++) {
        obstacles[i].y -= speed;
        let obstacle = document.getElementById('obstacle' + i);
        if (!obstacle) {
          obstacle = document.createElement('div');
          obstacle.className = 'obstacle';
          obstacle.id = 'obstacle' + i;
          container.appendChild(obstacle);
        }
        obstacle.style.left = obstacles[i].x + 'px';
        obstacle.style.bottom = obstacles[i].y + 'px';
        if (obstacles[i].y < -50) {
          container.removeChild(obstacle);
          obstacles.splice(i, 1);
          i--;
        }
      }
    }

function checkCollision() {
      for (let i = 0; i < obstacles.length; i++) {
        let obstacle = obstacles[i];
        if (ballCoord.y == obstacle.y && Math.abs(ballCoord.x - obstacle.x) < 50) {
          gameOver();
        }
      }
    }

function updateScore() {
      score++;
      document.title = score;
    }

function gameOver() {
      alert('Game Over! Your score: ' + score);
      location.reload();
    }

setInterval(() => {
      updateScore();
      moveBall();
      moveObstacles();
      checkCollision();
      ballCoord.y += speed;
    }, 50);

container.addEventListener('click', () => {
      ballCoord.x = event.clientX - container.offsetLeft;
    });
  </script>
</body>
</html>

このゲームでは、ボールは画面の下部から上部に向かって進み、ユーザーはスマホをタップしてボールを動かすことができます。ボールはタップした位置に向かって動き、障害物に衝突するとゲームが終了します。障害物はランダムに生成され、画面外に出ると削除されます。ゲームが進むにつれ、障害物の速度が上がります。ユーザーの得点はボールが画面上部まで到達するたびに1点追加されます。ゲームが終了した場合は、スコアが表示されます。また、ブラウザのタイトルにもスコアが表示されます。