AI game creator

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

No:47902

←

Prev Next

→

Create a scary game
Developer User20664｜Date and time 24/3/1 3:17:02
Build time 6.846 sec｜Game capacity 1.34KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scary Game</title>
<style>
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  text-align: center;
}

#game-container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#start-button {
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
  background: #333;
  color: #fff;
  border: none;
  border-radius: 5px;
}
</style>
</head>
<body>
<div id="game-container">
  <button id="start-button">Start Game</button>
</div>
<script>
const gameContainer = document.getElementById('game-container');
const startButton = document.getElementById('start-button');
let isGameStarted = false;

const playScaryGame = () => {
  gameContainer.innerHTML = '<img src="scary_image.png" alt="Scary Image" width="200">';
  document.body.style.background = '#000';
  setTimeout(() => {
    alert('Boo! You have been scared!');
    gameContainer.innerHTML = '<button id="start-button">Restart Game</button>';
    startButton.addEventListener('click', startGame);
  }, 5000);
};

const startGame = () => {
  if (!isGameStarted) {
    isGameStarted = true;
    playScaryGame();
  }
};

startButton.addEventListener('click', startGame);
</script>
</body>
</html>