AI game creator

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

No:4534

496

←

Prev Next

→

Sushi fighting game
Developer User3589｜Date and time 23/6/28 3:26:50
Build time 28.255 sec｜Game capacity 2.971KB｜

Script

を作成しました。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

を作成しました。

<head>
  <title>寿司撃退ゲーム</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 5vw;
      user-select: none;
    }

canvas {
      border: 1vw solid black;
    }
  </style>
</head>

<body>
  <canvas width="90%" height="90%"></canvas>
  <script>
    const canvas = document.querySelector('canvas');
    const ctx = canvas.getContext('2d');
    const sushiEmoji = '🍣';
    const playerEmoji = '🍚';
    const enemySpeed = 5;
    const enemySpawnInterval = 1000;
    const maxEnemies = 10;
    const playerSpeed = 10;
    const shootCooldown = 10;
    const bulletSpeed = 20;
    const bulletSize = 10;
    const bulletColor = 'red';

let score = 0;
    let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    let keysPressed = {};
    let lastShoot = 0;
    let enemies = [];

function loop(timestamp) {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// spawn enemies
      if (enemies.length < maxEnemies && Math.random() < 0.01) {
        spawnEnemy();
      }

// move and draw enemies
      enemies.forEach(enemy => {
        enemy.x += enemySpeed;
        ctx.fillText(sushiEmoji, enemy.x, enemy.y);
        if (enemy.x > canvas.width) {
          gameOver();
        }
      });

// move and draw player
      if (keysPressed.ArrowUp) playerY -= playerSpeed;
      if (keysPressed.ArrowDown) playerY += playerSpeed;
      if (keysPressed.ArrowLeft) playerX -= playerSpeed;
      if (keysPressed.ArrowRight) playerX += playerSpeed;
      ctx.fillText(playerEmoji, playerX, playerY);

// shoot bullets
      if (keysPressed.Space && timestamp - lastShoot > shootCooldown) {
        shootBullet();
        lastShoot = timestamp;
      }

window.requestAnimationFrame(loop);
    }

function spawnEnemy() {
      enemies.push({
        x: 0,
        y: Math.random() * canvas.height
      });
    }

function gameOver() {
      window.removeEventListener('keydown', onKeyDown);
      window.removeEventListener('keyup', onKeyUp);
      alert(`Game Over!\nScore: ${score}`);
    }

function onKeyDown(event) {
      keysPressed[event.code] = true;
    }

function onKeyUp(event) {
      keysPressed[event.code] = false;
    }

window.addEventListener('keydown', onKeyDown);
    window.addEventListener('keyup', onKeyUp);
    window.requestAnimationFrame(loop);
    setInterval(spawnEnemy, enemySpawnInterval);
  </script>
</body>