A game like battle cats but cats are replaced by dogs's game

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

No:38118

←

Prev Next

→

A game like battle cats but cats are replaced by d..ALL
Developer User17228｜Date and time 24/1/22 17:24:50
Build time 15.171 sec｜Game capacity 3.492KB｜

Script

Sure! Here's an example of a simple game similar to Battle Cats, but with dogs instead. The game is implemented as a single HTML file, enclosed in script tags, and written in JavaScript. It can be played on a smartphone.

Tap the dogs!

In this game, you have to tap on the dogs that randomly appear on the game area within 10 seconds. Each dog you tap earns you 100 points. At the end of the game, a popup will display your final score. Note: In the above code, make sure to replace "emozi_all/dog.png" with the actual path or URL of the dog image you want to use in the game.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Style the game area and buttons */
    #game-area {
      width: 100%;
      height: 300px;
      border: 1px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 25px;
      font-weight: bold;
    }

#play-button {
      display: block;
      margin: 20px auto;
      padding: 10px 20px;
      font-size: 20px;
      background-color: #ff9800;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-area">Tap the dogs!</div>
  <button id="play-button">Play</button>

// Function to start the game
    function startGame() {
      score = 0;
      time = 10;
      playing = true;

// Update the game area with the initial score and time
      updateGameArea();

// Function to randomly generate a dog and move it around the game area
      function moveDogAround() {
        if (playing) {
          // Generate a random position for the dog
          var x = Math.floor(Math.random() * 90);
          var y = Math.floor(Math.random() * 90);

// Position the dog
          var dog = document.createElement("img");
          dog.src = "dog.png";
          dog.style.position = "absolute";
          dog.style.left = x + "%";
          dog.style.top = y + "%";

// Add a click event listener to the dog
          dog.addEventListener("click", function() {
            if (playing) {
              score += 100;
              updateGameArea();
              this.remove();
            }
          });

// Add the dog to the game area
          document.getElementById("game-area").appendChild(dog);

// Remove the dog after 1 second
          setTimeout(function() {
            if (playing) {
              dog.remove();
            }
          }, 1000);
        }
      }

// Call the moveDogAround function every 1.5 seconds
      var dogInterval = setInterval(moveDogAround, 1500);

// Decrease the time every second
      var timeInterval = setInterval(function() {
        if (playing) {
          time--;
          updateGameArea();

if (time === 0) {
            clearInterval(dogInterval);
            clearInterval(timeInterval);
            playing = false;
            alert("Game over! Your score: " + score);
          }
        }
      }, 1000);
    }

// Function to update the game area with the current score and time
    function updateGameArea() {
      document.getElementById("game-area").innerHTML = "Score: " + score + " | Time: " + time;
    }

// Attach the startGame function to the play button click event
    document.getElementById("play-button").addEventListener("click", startGame);
  </script>
</body>
</html>
```

Note: In the above code, make sure to replace "dog.png" with the actual path or URL of the dog image you want to use in the game.