AI game creator

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

No:14293

118

←

Prev Next

→

Eat The Numbers
Developer User6030｜Date and time 23/8/31 18:42:58
Build time 19.106 sec｜Game capacity 2.435KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Eat The Numbers</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Получаем ссылку на холст
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Создаем переменные для хранения позиции и скорости игрока
    var playerX = canvas.width / 2;
    var playerY = canvas.height - 50;
    var playerSpeedX = 5;

// Обработчик нажатия на клавишу
    document.addEventListener("keydown", keyDownHandler, false);

// Обработчик отпускания клавиши
    document.addEventListener("keyup", keyUpHandler, false);

// Функция для обработки нажатия клавиши
    function keyDownHandler(event) {
      if (event.key == "Right" || event.key == "ArrowRight") {
        playerSpeedX = 5;
      } else if (event.key == "Left" || event.key == "ArrowLeft") {
        playerSpeedX = -5;
      }
    }

// Функция для обработки отпускания клавиши
    function keyUpHandler(event) {
      if (event.key == "Right" || event.key == "ArrowRight" ||
          event.key == "Left" || event.key == "ArrowLeft") {
        playerSpeedX = 0;
      }
    }

// Функция для рисования игрока
    function drawPlayer() {
      ctx.beginPath();
      ctx.arc(playerX, playerY, 20, 0, Math.PI*2);
      ctx.fillStyle = "#0095DD";
      ctx.fill();
      ctx.closePath();
    }

// Функция для обновления игрового состояния
    function updateGame() {
      // Очищаем холст
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Рисуем игрока
      drawPlayer();

// Обновляем позицию игрока
      playerX += playerSpeedX;

// Если игрок достигает края холста, останавливаем его
      if (playerX < 0) {
        playerX = 0;
      } else if (playerX > canvas.width) {
        playerX = canvas.width;
      }

// Вызываем функцию updateGame повторно для создания анимации
      requestAnimationFrame(updateGame);
    }

// Запускаем игру
    updateGame();
  </script>
</body>
</html>