AI game creator

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

No:24488

←

Prev Next

→

Bloody Shooter Game
Developer User11630｜Date and time 23/11/9 13:08:08
Build time 91.953 sec｜Game capacity 2.781KB｜

Script

Sure, here's an example of a simple bloody shooter game implemented as a single HTML file using JavaScript:

To run this game, simply copy and paste the above code into a text editor, save it as a ".html" file, and open it in a web browser. The game will start automatically, and you can move the blue player using your mouse. Clicking on the screen will trigger an alert indicating that the player shot. The game will end if the red enemy touches the blue player.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple bloody shooter game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bloody Shooter Game</title>
  <style>
    canvas {
      border: 1px solid black;
      background: #f5f5f5;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      playerX = canvas.width / 2;
      playerY = canvas.height - 30;
      enemyX = Math.random() * (canvas.width - 50);
      enemyY = 0;
      score = 0;

// Start the game loop
      setInterval(update, 10);

// Handle player controls
      canvas.addEventListener('mousemove', handleMouseMove);
      canvas.addEventListener('click', handleMouseClick);
    }

// Update game logic and draw elements
    function update() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillStyle = 'blue';
      ctx.fillRect(playerX - 25, playerY - 25, 50, 50);

// Draw enemy
      ctx.fillStyle = 'red';
      ctx.fillRect(enemyX, enemyY, 50, 50);

// Move enemy downwards
      enemyY += 1;

// Check collision
      if (enemyY > playerY - 50 && enemyY < playerY && enemyX > playerX - 50 && enemyX < playerX + 50) {
        // Game over if collision occurs
        alert('Game Over! Score: ' + score);
        init();
      }

// Draw score
      ctx.font = '16px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText('Score: ' + score, 8, 20);

// Increase score
      score += 1;
    }

// Handle player mouse movement
    function handleMouseMove(event) {
      var rect = canvas.getBoundingClientRect();
      playerX = event.clientX - rect.left;
      if (playerX < 25) {
        playerX = 25;
      }
      if (playerX > canvas.width - 25) {
        playerX = canvas.width - 25;
      }
    }

// Handle player mouse click to shoot
    function handleMouseClick() {
      // Implement your shoot logic here
      // For this example, we'll just alert that player shot
      alert('Player shot!');
    }

// Start the game
    window.onload = function() {
      init();
    };
  </script>
</body>
</html>
```