AI game creator

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

No:22847

123

←

Prev Next

→

Shooting Game
Developer User10557｜Date and time 23/10/25 23:38:19
Build time 160.229 sec｜Game capacity 4.783KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Shooting Game</title>
    <style>
      canvas {
        border: 1px solid gray;
        background-color: black;
        display: block;
        margin: 20px auto;
      }
    </style>
  </head>
  <body>
    <script>
      const canvas = document.createElement("canvas");
      const ctx = canvas.getContext("2d");

canvas.width = window.innerWidth - 20;
      canvas.height = window.innerHeight - 20;
      document.body.appendChild(canvas);

// Player configuration
      const player = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        size: 20,
        color: "white",
        speed: 10,
      };

// Bullet configuration
      const bullet = {
        x: player.x,
        y: player.y,
        size: 5,
        color: "red",
        speed: 20,
        dx: 0,
        dy: 0,
        visible: false,
      };

// Enemy configuration
      function createEnemy() {
        return {
          x: Math.random() * canvas.width,
          y: Math.random() * canvas.height,
          size: 30,
          color: "purple",
          speed: 4,
        };
      }

const enemies = [];

// Handle keyboard input
      const keys = {};

window.addEventListener("keydown", (e) => {
        keys[e.key] = true;
      });

window.addEventListener("keyup", (e) => {
        keys[e.key] = false;
      });

// Move player position
      function movePlayer() {
        if (keys["ArrowUp"] && player.y - player.size - player.speed >= 0) {
          player.y -= player.speed;
        }

if (
          keys["ArrowDown"] &&
          player.y + player.size + player.speed <= canvas.height
        ) {
          player.y += player.speed;
        }

if (
          keys["ArrowLeft"] &&
          player.x - player.size - player.speed >= 0
        ) {
          player.x -= player.speed;
        }

if (
          keys["ArrowRight"] &&
          player.x + player.size + player.speed <= canvas.width
        ) {
          player.x += player.speed;
        }
      }

// Move bullet position
      function moveBullet() {
        bullet.x += bullet.dx;
        bullet.y += bullet.dy;

if (
          bullet.x + bullet.size < 0 ||
          bullet.x - bullet.size > canvas.width ||
          bullet.y + bullet.size < 0 ||
          bullet.y - bullet.size > canvas.height
        ) {
          bullet.visible = false;
        }
      }

// Collision detection
      function detectCollision() {
        for (let i = 0; i < enemies.length; i++) {
          if (
            bullet.visible &&
            enemies[i] &&
            bullet.x < enemies[i].x + enemies[i].size &&
            bullet.x + bullet.size > enemies[i].x &&
            bullet.y < enemies[i].y + enemies[i].size &&
            bullet.y + bullet.size > enemies[i].y
          ) {
            bullet.visible = false;
            enemies.splice(i, 1);
            i++;
          }
        }
      }

// Update game objects
      function update() {
        movePlayer();
        moveBullet();
        detectCollision();
      }

// Render game objects
      function render() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.fillStyle = player.color;
        ctx.fillRect(
          player.x - player.size / 2,
          player.y - player.size / 2,
          player.size,
          player.size
        );

if (bullet.visible) {
          ctx.fillStyle = bullet.color;
          ctx.fillRect(
            bullet.x - bullet.size / 2,
            bullet.y - bullet.size / 2,
            bullet.size,
            bullet.size
          );
        }

enemies.forEach((enemy) => {
          ctx.fillStyle = enemy.color;
          ctx.fillRect(
            enemy.x - enemy.size / 2,
            enemy.y - enemy.size / 2,
            enemy.size,
            enemy.size
          );
        });
      }

// Game loop
      function gameLoop() {
        update();
        render();

requestAnimationFrame(gameLoop);
      }

// Handle touch events
      canvas.addEventListener("touchstart", (e) => {
        const touchX = e.touches[0].clientX - canvas.offsetLeft;
        const touchY = e.touches[0].clientY - canvas.offsetTop;

bullet.visible = true;
        bullet.x = player.x;
        bullet.y = player.y;
        bullet.dx = (touchX - player.x) / canvas.width * bullet.speed;
        bullet.dy = (touchY - player.y) / canvas.height * bullet.speed;
      });

// Initialize game with enemies
      function init() {
        for (let i = 0; i < 10; i++) {
          enemies.push(createEnemy());
        }

gameLoop();
      }

// Start game
      init();
    </script>
  </body>
</html>