gun game with monsters and falling rocks and fire's game

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

No:10214

124

←

Prev Next

→

gun game with monsters and falling rocks and fire
Developer User4498｜Date and time 23/7/29 12:34:11
Build time 24.975 sec｜Game capacity 3.745KB｜

Script

Sure! Here's an example of a basic gun game with monsters, falling rocks, and fire implemented as a single HTML file using JavaScript:

To play the game, save the code above in a .html file and open it in a web browser. You'll control a blue square as the player character using the arrow keys. Avoid the red monsters and falling gray rocks, and collect orange fires to increase your score. If you collide with a monster or a rock, the game will be over, and your final score will be displayed with an alert message.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an example of a basic gun game with monsters, falling rocks, and fire implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gun Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    let canvas, context;
    let playerX, playerY;
    let monsterX, monsterY;
    let rockX, rockY;
    let fireX, fireY;
    let score;
    let gameLoopInterval;

// Initialize the game
    function initGame() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");

// Initial positions of player, monster, rock, and fire
      playerX = 200;
      playerY = 350;
      monsterX = 50;
      monsterY = 50;
      rockX = 100;
      rockY = 100;
      fireX = 200;
      fireY = 200;

score = 0;

// Start the game loop
      gameLoopInterval = setInterval(gameLoop, 20);
    }

// Update the game logic
    function update() {
      // Move the monster, rocks, and fire
      monsterX += 1;
      rockY += 2;
      fireY -= 3;

// Check for collision between player and monster
      if (playerX < monsterX + 30 &&
          playerX + 30 > monsterX &&
          playerY < monsterY + 30 &&
          playerY + 30 > monsterY) {
        gameOver();
      }

// Check for collision between player and rock
      if (playerX < rockX + 30 &&
          playerX + 30 > rockX &&
          playerY < rockY + 30 &&
          playerY + 30 > rockY) {
        gameOver();
      }

// Check for collision between player and fire
      if (playerX < fireX + 30 &&
          playerX + 30 > fireX &&
          playerY < fireY + 30 &&
          playerY + 30 > fireY) {
        score += 1;
        fireX = Math.random() * 400;
        fireY = Math.random() * 400;
      }
    }

// Render the game
    function draw() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
      context.fillStyle = "blue";
      context.fillRect(playerX, playerY, 30, 30);

// Draw the monster
      context.fillStyle = "red";
      context.fillRect(monsterX, monsterY, 30, 30);

// Draw the rock
      context.fillStyle = "gray";
      context.fillRect(rockX, rockY, 30, 30);

// Draw the fire
      context.fillStyle = "orange";
      context.fillRect(fireX, fireY, 30, 30);

// Display the score
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }

// Game loop
    function gameLoop() {
      update();
      draw();
    }

// Game over
    function gameOver() {
      clearInterval(gameLoopInterval);
      alert("Game over! Your score: " + score);
    }

// Handle player movement
    function handleMove(e) {
      switch(e.keyCode) {
        case 37: // Left arrow key
          playerX -= 10;
          break;
        case 39: // Right arrow key
          playerX += 10;
          break;
        case 38: // Up arrow key
          playerY -= 10;
          break;
        case 40: // Down arrow key
          playerY += 10;
          break;
      }
    }

// Event listener for keyboard input
    document.addEventListener("keydown", handleMove);

// Start the game
    initGame();
  </script>
</body>
</html>
```