Стрелялка. Мне можно играть 30 минут's game

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

No:30695

←

Prev Next

→

Стрелялка. Мне можно играть 30 минут
Developer User14921｜Date and time 23/12/23 23:28:16
Build time 22.57 sec｜Game capacity 3.89KB｜

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>
    /* Add a minimal styling to the game */
    #game-container {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #score {
      position: fixed;
      top: 10px;
      right: 10px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <canvas id="game-canvas"></canvas>
  </div>
  <script>
    // Enclose the game code within script tags
    (function () {
      // Initialize the game variables
      var canvas = document.getElementById("game-canvas");
      var ctx = canvas.getContext("2d");
      var score = 0;
      var timer = 0;
      var gameDuration = 30 * 60; // 30 minutes in seconds

// Define the player object
      var player = {
        x: canvas.width / 2,
        y: canvas.height - 30,
        width: 30,
        height: 30,
        speed: 5
      };

// Define the bullets array
      var bullets = [];

// Define the enemy object
      var enemy = {
        x: 0,
        y: 0,
        width: 30,
        height: 30,
        speed: 3
      };

// Function to handle player movement
      function movePlayer(event) {
        switch (event.key) {
          case "ArrowLeft":
            player.x -= player.speed;
            break;
          case "ArrowRight":
            player.x += player.speed;
            break;
          case "ArrowUp":
            player.y -= player.speed;
            break;
          case "ArrowDown":
            player.y += player.speed;
            break;
          default:
            break;
        }
      }

// Function to handle shooting
      function shoot() {
        bullets.push({x: player.x, y: player.y});
      }

// Function to check collision between objects
      function checkCollision(object1, object2) {
        if (
          object1.x < object2.x + object2.width &&
          object1.x + object1.width > object2.x &&
          object1.y < object2.y + object2.height &&
          object1.y + object1.height > object2.y
        ) {
          return true;
        } else {
          return false;
        }
      }

// Function to update the game logic
      function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        ctx.fillStyle = "#000000";
        ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw bullets
        ctx.fillStyle = "#FF0000";
        bullets.forEach(function (bullet) {
          bullet.y -= 5; // move bullets up
          ctx.fillRect(bullet.x, bullet.y, 5, 5);
        });

// Draw enemy
        ctx.fillStyle = "#00FF00";
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        enemy.y += enemy.speed; // move enemy down

// Collision detection
        bullets.forEach(function (bullet, index) {
          if (checkCollision(bullet, enemy)) {
            bullets.splice(index, 1); // remove bullet
            score += 10; // increase score
            enemy.y = 0; // reset enemy position
          }
        });

if (checkCollision(player, enemy)) {
          gameOver();
        }

timer++;
        if (timer >= gameDuration) {
          gameOver();
        }

// Update score
        document.getElementById("score").textContent = "Score: " + score;

requestAnimationFrame(updateGame);
      }

// Function to end the game
      function gameOver() {
        alert("Game Over! Your score: " + score);
        window.removeEventListener("keydown", movePlayer);
        clearInterval(gameLoop);
      }

// Attach event listener for player movement
      window.addEventListener("keydown", movePlayer);

// Start the game loop
      var gameLoop = setInterval(updateGame, 10);
    })()
  </script>
</body>
</html>