どうぶつスクールシミュレーターのアップデートを放棄した開発者ひさしを復讐するゲーム's game

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

No:39828

←

Prev Next

→

どうぶつスクールシミュレーターのアップデートを放棄した開発者ひさしを復讐するゲーム
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 24/1/30 12:41:06
Build time 14.237 sec｜Game capacity 3.701KB｜

Script

Score: 0

⬆️

⬅️

⬇️

➡️

←

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>Animal School Simulator Revenge Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }

#game {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

#score {
      font-size: 24px;
      margin-bottom: 20px;
    }

#buttons {
      display: flex;
      justify-content: center;
      align-items: center;
    }

.button {
      width: 50px;
      height: 50px;
      font-size: 24px;
      margin: 0 10px;
      border: 1px solid black;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="score">Score: 0</div>
    <div id="buttons">
      <div class="button" id="up">⬆️</div>
      <div class="button" id="left">⬅️</div>
      <div class="button" id="down">⬇️</div>
      <div class="button" id="right">➡️</div>
    </div>
  </div>

// Function to update the score on the screen
    function updateScore() {
      const scoreElement = document.getElementById('score');
      scoreElement.textContent = `Score: ${score}`;
    }

// Function to handle button clicks and update the direction variable
    function handleButtonClick(button) {
      direction = button.id;
    }

// Function to start the game
    function startGame() {
      // Hide the game buttons
      const buttons = document.querySelectorAll('.button');
      buttons.forEach((button) => {
        button.style.display = 'none';
      });

// Display a countdown before starting the game
      let countdown = 3;
      const countdownDisplay = document.createElement('div');
      countdownDisplay.style.fontSize = '48px';
      countdownDisplay.style.marginBottom = '20px';
      document.getElementById('game').appendChild(countdownDisplay);
      const countdownInterval = setInterval(() => {
        countdownDisplay.textContent = countdown;
        countdown--;
        if (countdown < 0) {
          clearInterval(countdownInterval);
          countdownDisplay.remove();
          moveCharacter();
        }
      }, 1000);
    }

// Function to move the character
    function moveCharacter() {
      setInterval(() => {
        switch (direction) {
          case 'up':
            console.log('Moving up');
            // Add your logic to move the character up
            break;
          case 'left':
            console.log('Moving left');
            // Add your logic to move the character left
            break;
          case 'down':
            console.log('Moving down');
            // Add your logic to move the character down
            break;
          case 'right':
            console.log('Moving right');
            // Add your logic to move the character right
            break;
        }
        // Add your logic to update the score and check for game over conditions
        score++;
        updateScore();
      }, 1000);
    }

// Add event listeners to the buttons
    const buttons = document.querySelectorAll('.button');
    buttons.forEach((button) => {
      button.addEventListener('click', () => {
        handleButtonClick(button);
      });
    });

// Start the game when the page loads
    window.addEventListener('load', () => {
      startGame();
    });
  </script>
</body>
</html>