Стрелялка во врагов's game

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

No:21139

3847

←

Prev Next

→

Стрелялка во врагов
Developer anonymous｜Date and time 70/1/1 10:01:44
Build time unknown sec｜Game capacity 3.704KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Стрелялка во врагов</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Получение элемента canvas из HTML
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Создание игрока
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 30,
      height: 30,
      color: "blue",
      speed: 5
    };

// Создание врагов
    var enemies = [];
    var enemyCount = 5;
    for (var i = 0; i < enemyCount; i++) {
      var enemy = {
        x: Math.random() * (canvas.width - 30),
        y: Math.random() * (canvas.height / 2),
        width: 30,
        height: 30,
        color: "red",
        speed: Math.random() * 2 + 1
      };
      enemies.push(enemy);
    }

// Обработчик нажатия клавиш
    var keyState = {};
    window.addEventListener("keydown", function (event) {
      keyState[event.keyCode || event.which] = true;
    });
    window.addEventListener("keyup", function (event) {
      keyState[event.keyCode || event.which] = false;
    });

// Функция обновления игры
    function update() {
      // Перемещение игрока
      if (keyState[37] || keyState[65]) { // Влево (ArrowLeft или A)
        if (player.x > 0) {//стрелять (space)
          player.x -= player.speed;
        }
      }
      if (keyState[39] || keyState[68]) { // Вправо (ArrowRight или D)
        if (player.x < canvas.width - player.width) {
          player.x += player.speed;
        }
      }

// Перемещение врагов и проверка на столкновения
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        enemy.y += enemy.speed;

if (
          enemy.y > canvas.height ||
          (
            enemy.y < player.y + player.height &&
            enemy.x < player.x + player.width &&
            enemy.x + enemy.width > player.x
          )
        ) {
          // Враг достиг игрока или произошло столкновение
          // Обнуление игры
          player.x = canvas.width / 2;
          player.y = canvas.height - 30;
          enemies = [];
          for (var j = 0; j < enemyCount; j++) {
            var newEnemy = {
              x: Math.random() * (canvas.width - 30),
              y: Math.random() * (canvas.height / 2),
              width: 30,
              height: 30,
              color: "red",
              speed: Math.random() * 2 + 1
            };
            enemies.push(newEnemy);
          }
          alert("Game Over");
        }
      }

// Отрисовка всех элементов
      context.clearRect(0, 0, canvas.width, canvas.height);

// Отрисовка игрока
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);

// Отрисовка врагов
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        context.fillStyle = enemy.color;
        context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      }

// Запуск следующего обновления
      requestAnimationFrame(update);
    }

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