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

No:51689

110

←

Prev Next

→

Make a game about shooting orange monkeys
Developer User21639｜Date and time 24/3/15 2:09:08
Build time 10.232 sec｜Game capacity 1.848KB｜

Script

Orange Monkey Shooter

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Orange Monkey Shooter</title>
  <style>
    body {
      text-align: center;
    }

#gameCanvas {
      border: 1px solid black;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <h1>Orange Monkey Shooter</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

let monkeyX = 200;
    let monkeyY = 200;
    let score = 0;
    let isGameOver = false;

function drawMonkey() {
      ctx.fillStyle = '#FFA500';
      ctx.fillRect(monkeyX, monkeyY, 50, 50);
    }

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

function updateGameArea() {
      if (!isGameOver) {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawMonkey();
        drawScore();
      }
    }

updateGameArea();
    }

function shootMonkey(event) {
      if (event.key === ' ') {
        score++;
      }

updateGameArea();
    }

function gameOver() {
      isGameOver = true;
      ctx.fillStyle = 'black';
      ctx.font = '30px Arial';
      ctx.fillText('Game Over', 100, 200);
      ctx.fillText('Final Score: ' + score, 100, 240);
    }

document.addEventListener('keydown', moveMonkey);
    document.addEventListener('keydown', shootMonkey);

setInterval(updateGameArea, 20);

setTimeout(gameOver, 15000);
  </script>
</body>
</html>