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

No:27286

←

Prev Next

→

Horror game of bees
Developer User13192｜Date and time 23/12/6 1:44:40
Build time 102.056 sec｜Game capacity 4.315KB｜

Script

Sure! Here's an example of a horror game of bees using JavaScript and pictograms:

Welcome to Horror Game of Bees!

Tap the screen to start

Copy and save the code into a single HTML file (e.g., "horror_game_of_bees.html"). You can open the file in a web browser on your smartphone and play the game by tapping the screen to control the player (represented by a walking pictogram). The goal is to avoid the bees (represented by bee pictograms) roaming around. Your score increases as you survive longer, but if you collide with the bees, the game is over and your final score is displayed. You can then tap to play again.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a horror game of bees using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Game of Bees</title>
  <style>
    #game-container {
      text-align: center;
      padding-top: 200px;
    }
    .pictogram {
      font-size: 60px;
      margin: 10px;
    }
    .hidden {
      display: none;
    }
  </style>
</head>
<body>
  
  <div id="game-container">
    <div id="start-screen">
      <h1>Welcome to Horror Game of Bees!</h1>
      <p>Tap the screen to start</p>
    </div>
    <div id="game-screen" class="hidden">
      <h1>Run away from the bees!</h1>
      <p>Tap anywhere to move in that direction</p>
      <div id="player" class="pictogram">🚶</div>
      <div id="bees" class="pictogram">🐝🐝🐝</div>
      <div id="score">Score: 0</div>
    </div>
    <div id="game-over-screen" class="hidden">
      <h1>Game Over</h1>
      <p>Your final score: <span id="final-score"></span></p>
      <p>Tap to play again</p>
    </div>
  </div>

// Start the game
    function startGame() {
      gameStarted = true;
      document.getElementById('start-screen').classList.add('hidden');
      document.getElementById('game-screen').classList.remove('hidden');
      document.addEventListener('click', movePlayer);
      spawnBees();
      gameLoop();
    }

// Move the player
    function movePlayer(event) {
      playerPosition.left = event.clientX - playerSize.width / 2;
      playerPosition.top = event.clientY - playerSize.height / 2;
    }

// Spawn bees randomly
    function spawnBees() {
      beesPosition.left = Math.floor(Math.random() * (containerSize.width - beesSize.width));
      beesPosition.top = Math.floor(Math.random() * (containerSize.height - beesSize.height));
    }

// Check collision between player and bees
    function checkCollision() {
      const playerLeft = playerPosition.left;
      const playerRight = playerPosition.left + playerSize.width;
      const playerTop = playerPosition.top;
      const playerBottom = playerPosition.top + playerSize.height;

const beesLeft = beesPosition.left;
      const beesRight = beesPosition.left + beesSize.width;
      const beesTop = beesPosition.top;
      const beesBottom = beesPosition.top + beesSize.height;

if (
        playerLeft < beesRight &&
        playerRight > beesLeft &&
        playerTop < beesBottom &&
        playerBottom > beesTop
      ) {
        gameOver();
      }
    }

// Game loop
    function gameLoop() {
      if (!gameStarted) return;
      
      checkCollision();
      
      player.style.left = playerPosition.left + 'px';
      player.style.top = playerPosition.top + 'px';

requestAnimationFrame(gameLoop);
    }

// Game over
    function gameOver() {
      gameStarted = false;
      document.getElementById('game-over-screen').classList.remove('hidden');
      document.getElementById('game-screen').classList.add('hidden');
      document.removeEventListener('click', movePlayer);
      document.getElementById('final-score').innerText = score;
      score = 0;
    }

// Restart the game
    function restartGame() {
      document.getElementById('game-over-screen').classList.add('hidden');
      startGame();
    }

// Event listeners
    document.getElementById('start-screen').addEventListener('click', startGame);
    document.getElementById('game-over-screen').addEventListener('click', restartGame);
  </script>

</body>
</html>
```