Ракета летит в космос's game

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

No:25118

←

Prev Next

→

Ракета летит в космос
Developer Erni｜Date and time 23/11/18 1:34:49
Build time 48.52 sec｜Game capacity 2.206KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Ракета в космосе</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Загрузка изображений
    var rocketImage = new Image();
    rocketImage.src = "rocket.png";

// Начальные координаты ракеты
    var rocketX = canvas.width / 2;
    var rocketY = canvas.height - 50;

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

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

// Нажатые кнопки
    var rightPressed = false;
    var leftPressed = false;

// Обработка нажатия кнопки
    function keyDownHandler(event) {
      if (event.key === "Right" || event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "Left" || event.key === "ArrowLeft") {
        leftPressed = true;
      }
    }

// Обработка отпускания кнопки
    function keyUpHandler(event) {
      if (event.key === "Right" || event.key === "ArrowRight") {
        rightPressed = false;
      } else if (event.key === "Left" || event.key === "ArrowLeft") {
        leftPressed = false;
      }
    }

// Обновление игрового экрана
    function draw() {
      // Очистка canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Рисование ракеты
      context.drawImage(rocketImage, rocketX, rocketY);

// Обработка движения ракеты
      if (rightPressed && rocketX < canvas.width - rocketImage.width) {
        rocketX += 5;
      } else if (leftPressed && rocketX > 0) {
        rocketX -= 5;
      }

// Запуск функции draw каждый кадр
      requestAnimationFrame(draw);
    }

// Запуск игры
    draw();
  </script>
</body>
</html>