AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Shooting Game's game | AI game creator

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

No:42428

132

←

Prev Next

→

Shooting Game
Developer User18878｜Date and time 24/2/11 18:21:26
Build time 14.84 sec｜Game capacity 4.105KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file, including JavaScript code enclosed in script tags.

This implementation includes a player, a bullet, and an enemy on a canvas element. The player can be controlled using the right and left arrow keys, and the spacebar can be used to shoot a bullet. The objective of the game is to shoot the enemy before it reaches the player. If the enemy collides with the player, the game is over and the page will be reloaded.

←

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 shooting game implemented as a single HTML file, including JavaScript code enclosed in script tags.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Get the game canvas
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Player variables
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 20,
      height: 20,
      color: "#0095DD",
      speed: 5
    };

// Bullet variables
    var bullet = {
      x: player.x,
      y: player.y,
      width: 5,
      height: 10,
      color: "#FF0000",
      speed: 5;
      active: false
    };

// Enemy variables
    var enemy = {
      x: Math.random() * (canvas.width - 20),
      y: 0,
      width: 20,
      height: 20,
      color: "#FF00FF",
      speed: 2
    };

// Keyboard event listeners
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

// Track keyboard input
    var rightPressed = true;
    var leftPressed = true;
    var spacePressed = true;

// Key event handlers
    function keyDownHandler(event) {
      if (event.keyCode === 39) {
        rightPressed = true;
      } else if (event.keyCode === 37) {
        leftPressed = true;
      } else if (event.keyCode === 32) {
        spacePressed = true;
      }
    }

// Collision detection between two rectangles
    function collides(rect1, rect2) {
      if (rect1.x < rect2.x + rect2.width &&
          rect1.x + rect1.width > rect2.x &&
          rect1.y < rect2.y + rect2.height &&
          rect1.y + rect1.height > rect2.y) {
           return true;
      }
      return false;
    }

// Game loop
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw the bullet if active
      if (bullet.active) {
        ctx.fillStyle = bullet.color;
        ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
      }

// Draw the enemy
      ctx.fillStyle = enemy.color;
      ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Move the player
      if (rightPressed && player.x < canvas.width - player.width) {
        player.x += player.speed;
      } else if (leftPressed && player.x > 0) {
        player.x -= player.speed;
      }

// Move the bullet if active
      if (bullet.active) {
        bullet.y -= bullet.speed;
        if (bullet.y < 0) {
          bullet.active = false;
        }
      }

// Move the enemy
      enemy.y += enemy.speed;

// Check for collisions
      if (collides(player, enemy)) {
        alert("Game Over!");
        document.location.reload();
      }

if (bullet.active && collides(bullet, enemy)) {
        bullet.active = false;
        enemy.x = Math.random() * (canvas.width - 20);
        enemy.y = 0;
      }

requestAnimationFrame(draw);
    }

draw();
  </script>
</body>
</html>
```