AI game creator

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

No:21999

120

←

Prev Next

→

Cs:go2, valorant
Developer User10156｜Date and time 23/10/19 19:51:40
Build time 84.684 sec｜Game capacity 3.977KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Mobile Shooter Game</title>
  </head>
  <body>
    <script>
      // Game code here

// Create canvas element
      const canvas = document.createElement("canvas");
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);
      const context = canvas.getContext("2d");

// Load image resources
      const playerImage = new Image();
      playerImage.src = "player.png";
      const enemyImage = new Image();
      enemyImage.src = "enemy.png";
      const bulletImage = new Image();
      bulletImage.src = "bullet.png";

// Game objects
      const player = {
        x: canvas.width / 2 - 25,
        y: canvas.height - 100,
        width: 50,
        height: 50,
        speed: 5
      };

const bullets = [];
      const enemies = [];

// Event listeners for player movement
      document.addEventListener("keydown", function(event) {
        if (event.keyCode === 37) {
          player.x -= player.speed;
        } else if (event.keyCode === 39) {
          player.x += player.speed;
        } else if (event.keyCode === 32) {
          bullets.push({
            x: player.x + player.width / 2 - 5,
            y: player.y - 10,
            width: 10,
            height: 10,
            speed: 10
          });
        }
      });

// Game loop function
      function gameLoop() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        context.drawImage(
          playerImage,
          player.x,
          player.y,
          player.width,
          player.height
        );

// Draw bullets
        for (let i = 0; i < bullets.length; i++) {
          context.drawImage(
            bulletImage,
            bullets[i].x,
            bullets[i].y,
            bullets[i].width,
            bullets[i].height
          );
          bullets[i].y -= bullets[i].speed;

// Remove bullets outside of the canvas
          if (bullets[i].y < 0) {
            bullets.splice(i, 1);
          }
        }

// Spawn enemies
        if (Math.random() < 0.01) { // Adjust enemy spawn rate
          const enemyX = Math.random() * canvas.width;
          const enemyY = -50; // Start enemies outside of the canvas
          const enemyWidth = 50;
          const enemyHeight = 50;
          const enemySpeed = Math.random() * 5 + 1;
          enemies.push({
            x: enemyX,
            y: enemyY,
            width: enemyWidth,
            height: enemyHeight,
            speed: enemySpeed
          });
        }

// Draw enemies
        for (let i = 0; i < enemies.length; i++) {
          context.drawImage(
            enemyImage,
            enemies[i].x,
            enemies[i].y,
            enemies[i].width,
            enemies[i].height
          );
          enemies[i].y += enemies[i].speed;

// Check for collision between bullets and enemies
          for (let j = 0; j < bullets.length; j++) {
            if (
              bullets[j].x + bullets[j].width > enemies[i].x &&
              bullets[j].x < enemies[i].x + enemies[i].width &&
              bullets[j].y + bullets[j].height > enemies[i].y &&
              bullets[j].y < enemies[i].y + enemies[i].height
            ) {
              bullets.splice(j, 1);
              enemies.splice(i, 1);
              break;
            }
          }

// Check for collision between player and enemies
          if (
            player.x + player.width > enemies[i].x &&
            player.x < enemies[i].x + enemies[i].width &&
            player.y + player.height > enemies[i].y &&
            player.y < enemies[i].y + enemies[i].height
          ) {
            alert("Game Over!");
            location.reload();
          }
        }

requestAnimationFrame(gameLoop);
      }

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