Game where monkeys fight baloons with darts's game

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

No:44973

←

Prev Next

→

Game where monkeys fight baloons with darts
Developer User19522｜Date and time 24/2/19 21:08:21
Build time 10.191 sec｜Game capacity 2.307KB｜

Script

The game involves a monkey throwing darts at balloons flying upwards. The player can control the monkey using smartphone touch gestures to hit the balloons and score points. The balloons come down if they were not hit, and the player loses if a balloon touches the ground. The score is displayed on the top left corner of the screen.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Monkey Balloon Dart Game</title>
</head>
<body>
<canvas id="gameCanvas" width="600" height="400"></canvas>

let score = 0;
let balloons = [];

class Monkey {
  constructor(x, y) {
    this.x = x;
    this.y = y;
    this.width = 50;
    this.height = 50;
    this.image = new Image();
    this.image.src = "monkey.png";
  }

draw() {
    ctx.drawImage(this.image, this.x, this.y, this.width, this.height);
  }
}

class Balloon {
  constructor(x, y, speed) {
    this.x = x;
    this.y = y;
    this.radius = 20;
    this.speed = speed;
    this.color = "#" + ((1<<24)*Math.random() | 0).toString(16);
  }

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

update() {
    this.y += this.speed;
  }
}

const monkey = new Monkey(canvas.width/2-25, canvas.height-70);

function createBalloon() {
  const x = Math.random() * (canvas.width - 40) + 20;
  const y = -20;
  const speed = Math.random() * 3 + 1;
  balloons.push(new Balloon(x, y, speed));
}

function drawScore() {
  ctx.fillStyle = "#000";
  ctx.font = "20px Arial";
  ctx.fillText("Score: " + score, 10, 30);
}

setInterval(createBalloon, 1000);

setInterval(updateGameArea, 20);
</script>
</body>
</html>
```
The game involves a monkey throwing darts at balloons flying upwards. The player can control the monkey using smartphone touch gestures to hit the balloons and score points. The balloons come down if they were not hit, and the player loses if a balloon touches the ground. The score is displayed on the top left corner of the screen.