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

No:15098

113

←

Prev Next

→

Dodge the bouncing dogs your a cat and there are 7..ALL
Developer User6472｜Date and time 23/9/6 6:33:53
Build time 30.303 sec｜Game capacity 2.792KB｜

Script

Sure! Here's an example of a simple game where you need to dodge bouncing dogs:

Dodge the Bouncing Dogs

🐱

This game creates bouncing dogs represented by the 🐶 pictogram. You control a cat represented by the 🐱 pictogram and the objective is to avoid colliding with the dogs. If you successfully dodge all the dogs, the game will congratulate you. However, if you collide with a dog, the game is over. Additionally, there is a time limit of 5 minutes, after which the game will end.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game where you need to dodge bouncing dogs:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dodge the Bouncing Dogs</title>
  <style>
    #cat {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .dog {
      position: absolute;
      bottom: 0;
      animation: bounce linear infinite;
    }
    @keyframes bounce {
      0% { transform: translateY(0); }
      50% { transform: translateY(-100px); }
      100% { transform: translateY(0); }
    }
  </style>
</head>
<body>
  <h1>Dodge the Bouncing Dogs</h1>
  <div id="cat">🐱</div>
  <script>
    var cat = document.getElementById('cat');
    var gameArea = document.body.getBoundingClientRect();
    var dogs = [];
    var score = 0;
    var time = 5 * 60 * 1000; // 5 minutes in milliseconds

function createDog() {
      var dog = document.createElement('div');
      dog.className = 'dog';
      dog.innerHTML = '🐶';
      dog.left = Math.random() * (gameArea.width - 50);
      dog.style.left = dog.left + 'px';
      document.body.appendChild(dog);
      dogs.push(dog);
    }

function update() {
      var catPos = cat.getBoundingClientRect();

for (var i = 0; i < dogs.length; i++) {
        var dog = dogs[i];
        var dogPos = dog.getBoundingClientRect();

if (collided(catPos, dogPos)) {
          clearInterval(gameInterval);
          alert('Game Over! You were caught by a dog. Score: ' + score);
          return;
        }

if (dogPos.bottom <= 0) {
          score++;
          document.body.removeChild(dog);
          dogs.splice(i, 1);
          i--;
          continue;
        }

dog.style.transform = 'translateY(' + (dogPos.top + 5) + 'px)';
      }

if (dogs.length == 0) {
        clearInterval(gameInterval);
        alert('Congratulations! You won! Score: ' + score);
        return;
      }
    }

function collided(rect1, rect2) {
      return !(rect1.right < rect2.left || 
               rect1.left > rect2.right || 
               rect1.bottom < rect2.top || 
               rect1.top > rect2.bottom);
    }

for (var i = 0; i < 7; i++) {
      createDog();
    }

var gameInterval = setInterval(update, 10);
    setTimeout(function() {
      clearInterval(gameInterval);
      alert('Time out! Game Over. Score: ' + score);
    }, time);
  </script>
</body>
</html>
```