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

No:46602

←

Prev Next

→

Dog Man Game
Developer User20158｜Date and time 24/2/25 11:48:32
Build time 6.282 sec｜Game capacity 2.042KB｜

Script

🐶🦸‍♂️ Dog Man Game 🐶🦸‍♂️

Help Dog Man catch all the burgers on the screen!

Score: 0

🐶🦸‍♂️

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Dog Man Game</title>
  <style>
    body {
      text-align: center;
    }
    button {
      font-size: 20px;
      padding: 10px 20px;
      margin: 20px;
      background-color: lightblue;
      border: none;
      cursor: pointer;
    }
    #dogman {
      font-size: 60px;
    }
  </style>
</head>
<body>
  <h1>🐶🦸‍♂️ Dog Man Game 🐶🦸‍♂️</h1>
  <p>Help Dog Man catch all the burgers on the screen!</p>
  <p>Score: <span id="score">0</span></p>
  <button id="startButton">Start Game</button>
  <button id="resetButton" style="display: none;">Play Again</button>
  
  <div id="dogman">🐶🦸‍♂️</div>
  
  <script>
    let score = 0;
    let gameActive = false;
    
    const moveDogMan = () => {
      const dogMan = document.getElementById('dogman');
      const newPosition = Math.floor(Math.random() * 80) + 10;
      dogMan.style.left = `${newPosition}%`;
    }
    
    const increaseScore = () => {
      score++;
      document.getElementById('score').innerText = score;
    }
    
    const playGame = () => {
      if (!gameActive) {
        gameActive = true;
        document.getElementById('startButton').style.display = 'none';
        document.getElementById('resetButton').style.display = 'inline-block';
        moveDogMan();
        setInterval(moveDogMan, 1000);
      }
    }
    
    const resetGame = () => {
      score = 0;
      document.getElementById('score').innerText = score;
      gameActive = false;
      document.getElementById('resetButton').style.display = 'none';
      document.getElementById('startButton').style.display = 'inline-block';
    }
    
    document.getElementById('startButton').addEventListener('click', playGame);
    document.getElementById('resetButton').addEventListener('click', resetGame);
    
    document.addEventListener('keydown', (event) => {
      if (gameActive) {
        if (event.key === ' ') {
          increaseScore();
          moveDogMan();
        }
      }
    });
  </script>
</body>
</html>