AI game creator

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

No:4200

713

←

Prev Next

→

circus
Developer User1006｜Date and time 23/6/27 14:08:30
Build time 27.727 sec｜Game capacity 2.602KB｜

Script

の猿アクションゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

の猿アクションゲーム

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>サーカスの猿アクションゲーム</title>
  <style>
    canvas {
      width: 100%;
      height: 100%;
      background-color: #ffffff;
    }
  </style>
</head>
<body>

function draw() {
      if (gameOver) {
        ctx.font = "50px Arial";
        ctx.fillStyle = "red";
        ctx.textAlign = "center";
        ctx.fillText("Game Over!", canvas.width / 2, canvas.height / 2);
        return;
      }

ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw monkey and banana
      ctx.drawImage(monkeyImg, monkeyX - 30, monkeyY - 30, 60, 60);
      ctx.drawImage(bananaImg, bananaX - 20, bananaY - 20, 40, 40);

// Move monkey and banana
      monkeyY += monkeyDY;
      bananaY += bananaDY;

// Check for collision
      if (bananaY >= monkeyY - 30
        && bananaY <= monkeyY + 30
        && bananaX >= monkeyX - 30
        && bananaX <= monkeyX + 30) {
        score++;
        bananaX = Math.random() * canvas.width;
        bananaY = 0;
        bananaDY++;
        jumpSound.currentTime = 0;
        jumpSound.play();
      }
      if (bananaY >= canvas.height) {
        gameOver = true;
      }

// Draw score
      ctx.font = "30px Arial";
      ctx.fillStyle = "black";
      ctx.textAlign = "left";
      ctx.fillText("Score: " + score, 10, 30);

// Loop
      requestAnimationFrame(draw);
    }

draw();

// Control the monkey with touch events
    canvas.addEventListener("touchstart", function (e) {
      if (e.touches[0].clientX > monkeyX) {
        monkeyDY = -5;
      } else {
        monkeyDY = 5;
      }
    });

canvas.addEventListener("touchend", function (e) {
      monkeyDY = 5;
    });
  </script>

</body>
</html>