A very scary horror game. There’s a bunny chasing after you and then the game ends.'s game

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

No:35992

←

Prev Next

→

A very scary horror game. There’s a bunny chasing ..ALL
Developer User16706｜Date and time 24/1/16 6:09:16
Build time 8.382 sec｜Game capacity 1.887KB｜

Script

Escape the Scary Bunny

🐰

(Tap on the screen to move)

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Horror Bunny Game</title>
<style>
body {
  background-color: black;
  text-align: center;
  color: white;
  font-family: 'Courier New', Courier, monospace;
}

.container {
  margin-top: 20%;
  font-size: 40px;
}

.bunny {
  font-size: 100px;
  color: #ff3333;
}
</style>
</head>
<body>
<div class="container">
  <p>Escape the Scary Bunny</p>
  <p id="countdown"></p>
  <p class="bunny">🐰</p>
  <p>(Tap on the screen to move)</p>
</div>

var countdownTime = 5; // Starting countdown time
var mouseX = 0; // X position of mouse tap
var mouseY = 0; // Y position of mouse tap

// Update countdown every second
var countdownInterval = setInterval(updateCountdown, 1000);

// Start countdown
function updateCountdown() {
  countdownElement.textContent = countdownTime;
  countdownTime--;

if (countdownTime < 0) {
    clearInterval(countdownInterval);
    startGame();
  }
}

// Start the game
function startGame() {
  document.addEventListener("click", moveBunny);
}

// Move Bunny on screen tap
function moveBunny(event) {
  mouseX = event.clientX;
  mouseY = event.clientY;

checkCollision();
}

// Check if bunny caught the player
function checkCollision() {
  var bunnyRect = bunnyElement.getBoundingClientRect();

if (
    mouseX >= bunnyRect.left &&
    mouseX <= bunnyRect.right &&
    mouseY >= bunnyRect.top &&
    mouseY <= bunnyRect.bottom
  ) {
    endGame(true);
  }
}

// End the game
function endGame(isCaught) {
  document.removeEventListener("click", moveBunny);
  bunnyElement.style.visibility = "hidden";

if (isCaught) {
    alert("Game Over! The Scary Bunny caught you!");
  } else {
    alert("Congratulations! You escaped the Scary Bunny!");
  }
}
</script>
</body>
</html>