Человек прыгнул и стал коробкой's game

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

No:15087

109

←

Prev Next

→

Человек прыгнул и стал коробкой
Developer User6503｜Date and time 23/9/6 3:43:59
Build time 26.497 sec｜Game capacity 2.331KB｜

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>
   
  <script>
    // Получение ссылки на холст
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

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

var boxImage = new Image();
    boxImage.src = "box.png";

// Начальные позиции человека и коробки
    var humanX = 50;
    var humanY = canvas.height - 100;
    var boxX = canvas.width - 100;
    var boxY = canvas.height - 100;

// Функция для отрисовки игры
    function drawGame() {
      // Очистка холста
      context.clearRect(0, 0, canvas.width, canvas.height);

// Отрисовка человека и коробки
      context.drawImage(humanImage, humanX, humanY, 50, 50);
      context.drawImage(boxImage, boxX, boxY, 50, 50);

// Проверка условия победы
      if (humanX === boxX && humanY === boxY) {
        context.font = "30px Arial";
        context.fillStyle = "red";
        context.fillText("Вы победили!", canvas.width / 2 - 100, canvas.height / 2);
      }
    }

// Функция для обработки нажатия клавиш
    function handleKeyDown(event) {
      // При движении влево
      if (event.keyCode === 37) {
        humanX -= 10;
      }
      // При движении вправо
      else if (event.keyCode === 39) {
        humanX += 10;
      }
      // При движении вверх
      else if (event.keyCode === 38) {
        humanY -= 10;
      }
      // При движении вниз
      else if (event.keyCode === 40) {
        humanY += 10;
      }

// Перерисовка игры
      drawGame();
    }

// Начало игры
    function startGame() {
      // Подписка на события нажатия клавиш
      document.addEventListener("keydown", handleKeyDown);

// Запуск отрисовки игры
      drawGame();
    }

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