A game where you try to dodge balls and hit people with balls and the last person standing wins's game

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

No:34115

←

Prev Next

→

A game where you try to dodge balls and hit people..ALL
Developer User16061｜Date and time 24/1/8 9:46:34
Build time 38.019 sec｜Game capacity 4.618KB｜

Script

Sure! Here's an example of a simple game where you try to dodge balls and hit people with balls. The last person standing wins. Please note that this is a basic implementation and can be expanded upon for a more complex experience.

In this game, there are two players represented by blue circles. You can control the first player's movement with left and right arrow keys. Pressing the spacebar throws balls upward. The red balls continuously fall from the top of the screen, and if a ball collides with a player, that player is eliminated. The game ends when only one player is left standing, and an alert shows the winner's number.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Dodge and Hit Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      // Get the canvas element and context
      const canvas = document.getElementById('gameCanvas');
      const context = canvas.getContext('2d');
      
      // Define the game variables
      let players = [];
      let balls = [];
      let gameLoop;

// Player object
      class Player {
        constructor(x, y) {
          this.x = x;
          this.y = y;
          this.radius = 20;
          this.isAlive = true;
        }

draw() {
          context.beginPath();
          context.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
          context.fillStyle = 'blue';
          context.fill();
          context.closePath();
        }

update() {
          if (this.isAlive) {
            this.draw();
          }
        }
      }

// Ball object
      class Ball {
        constructor(x, y, radius, xSpeed, ySpeed) {
          this.x = x;
          this.y = y;
          this.radius = radius;
          this.xSpeed = xSpeed;
          this.ySpeed = ySpeed;
          this.isAlive = true;
        }

draw() {
          context.beginPath();
          context.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
          context.fillStyle = 'red';
          context.fill();
          context.closePath();
        }

update() {
          if (this.isAlive) {
            this.x += this.xSpeed;
            this.y += this.ySpeed;
            this.draw();
            
            // Check collision with players
            players.forEach(player => {
              if (this.isColliding(player)) {
                player.isAlive = false;
              }
            });
          }
        }

isColliding(player) {
          const dx = this.x - player.x;
          const dy = this.y - player.y;
          const distance = Math.sqrt(dx*dx + dy*dy);
          return distance < this.radius + player.radius;
        }
      }

// Create the players
      players.push(new Player(50, 200));
      players.push(new Player(350, 200));

// Game update function
      function updateGame() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        players.forEach(player => {
          player.update();
        });
        
        balls.forEach(ball => {
          ball.update();
        });
        
        balls = balls.filter(ball => ball.isAlive && ball.y >= 0 && ball.y <= canvas.height); // Remove balls outside canvas
        
        if(players.filter(player => player.isAlive).length === 1){
          clearInterval(gameLoop);
          const winner = players.filter(player => player.isAlive)[0];
          alert(`Game over! Player ${players.indexOf(winner) + 1} wins!`);
        }
      }

// Ball creation loop
      function createBalls() {
        const randomX = Math.random() * (canvas.width - 50) + 25;
        balls.push(new Ball(randomX, -20, 10, 0, 2));
      }

// Start the game loop
      gameLoop = setInterval(updateGame, 20);
      setInterval(createBalls, 1500);

// Player control
      document.addEventListener('keydown', (event) => {
        const player = players[0]; // Assuming smartphone operation, using only one player (the first player in the array)
        switch(event.keyCode){
          case 37: // Left arrow key
            if(player.x > player.radius){
              player.x -= 10;
            }
            break;
          case 39: // Right arrow key
            if(player.x < canvas.width - player.radius){
              player.x += 10;
            }
            break;
          case 32: // Spacebar to throw balls
            balls.push(new Ball(player.x, player.y-player.radius, 5, 0, -5));
            break;
        }
      });
    </script>
  </body>
</html>
```