Circles and squares shooting out projectiles And other things appear And they home in at it's game

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

No:44817

←

Prev Next

→

Circles and squares shooting out projectiles And o..ALL
Developer User19470｜Date and time 24/2/19 6:41:24
Build time 10.11 sec｜Game capacity 2.5KB｜

Script

Here is an example code for a simple game in which circles and squares shoot out projectiles:

You can copy and paste this code into an HTML file and open it in a browser to play the game. Use the left and right arrow keys to move the player and the spacebar to shoot projectiles at the enemies. The game ends when an enemy reaches the bottom of the canvas. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Here is an example code for a simple game in which circles and squares shoot out projectiles:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Projectile Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    const player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      color: 'blue'
    };
    const projectiles = [];
    const enemies = [];
    
    function drawPlayer() {
      ctx.beginPath();
      ctx.arc(player.x, player.y, 10, 0, Math.PI * 2);
      ctx.fillStyle = player.color;
      ctx.fill();
      ctx.closePath();
    }
    
    function drawProjectiles() {
      projectiles.forEach((projectile, index) => {
        ctx.beginPath();
        ctx.arc(projectile.x, projectile.y, 5, 0, Math.PI * 2);
        ctx.fillStyle = 'red';
        ctx.fill();
        ctx.closePath();
        
        projectile.y -= 5;
        
        if (projectile.y < 0) {
          projectiles.splice(index, 1);
        }
      });
    }
    
    function drawEnemies() {
      enemies.forEach((enemy, index) => {
        ctx.fillRect(enemy.x, enemy.y, 20, 20);
        
        enemy.y += 2;
        
        if (enemy.y > canvas.height) {
          gameOver();
        }
      });
    }
    
    function spawnEnemy() {
      const enemy = {
        x: Math.random() * canvas.width,
        y: 0
      };
      
      enemies.push(enemy);
    }
    
    function gameOver() {
      alert('Game Over!');
      document.location.reload();
    }
    
    function updateCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      drawPlayer();
      drawProjectiles();
      drawEnemies();
      
      requestAnimationFrame(updateCanvas);
    }
    
    window.addEventListener('keydown', (event) => {
      if (event.key === 'ArrowLeft') {
        player.x -= 10;
      } else if (event.key === 'ArrowRight') {
        player.x += 10;
      } else if (event.key === ' ') {
        projectiles.push({ x: player.x, y: player.y });
      }
    });
    
    setInterval(spawnEnemy, 1000);
    updateCanvas();
  </script>
</body>
</html>
```