There are 5 🦜 and 5 👨🏻‍🦰 they will fight if they touch each other they disappear they bounce too's game

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

No:15135

←

Prev Next

→

There are 5 🦜 and 5 👨🏻‍🦰 they will fight if they t..ALL
Developer User6472｜Date and time 23/9/6 14:52:12
Build time 40.631 sec｜Game capacity 3.318KB｜

Script

Certainly! Here's an example of a simple game where five parrots (🦜) and five red-haired people (👨🏻‍🦰) move around the screen. If they touch each other, they disappear and bounce off the walls. You can play the game by running the HTML file on your smartphone.

🦜

👨🏻‍🦰

To play the game, save the code as an HTML file and open it on your smartphone using a web browser. You'll see parrots (🦜) and red-haired people (👨🏻‍🦰) moving around the screen. They will bounce off the walls and disappear when they touch each other. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
      position: absolute;
      width: 100%;
      height: 100%;
    }
    div.character {
      position: absolute;
      font-size: 40px;
    }
    div.parrot {
      color: Green;
    }
    div.person {
      color: Red;
    }
  </style>
</head>
<body>
  <div id="game">
    <div class="character parrot">🦜</div>
    <div class="character person">👨🏻‍🦰</div>
  </div>

const characterSpeed = 5;
    const characterSize = 100;
    const gameWidth = window.innerWidth;
    const gameHeight = window.innerHeight;

const direction = [-1, 1];

characters.forEach(character => {
      character.style.top = randomPosition() + 'px';
      character.style.left = randomPosition() + 'px';

setInterval(() => {
        moveCharacter(character);
      }, 100);
    });

function randomPosition() {
      return Math.floor(Math.random() * (gameWidth - characterSize));
    }

function moveCharacter(character) {
      const currentTop = parseInt(character.style.top, 10);
      const currentLeft = parseInt(character.style.left, 10);

const newTop = currentTop + randomDirection() * characterSpeed;
      const newLeft = currentLeft + randomDirection() * characterSpeed;

if (newTop >= gameHeight - characterSize || newTop <= 0)
        character.style.top = -newTop + 'px';
      else
        character.style.top = newTop + 'px';

if (newLeft >= gameWidth - characterSize || newLeft <= 0)
        character.style.left = -newLeft + 'px';
      else
        character.style.left = newLeft + 'px';

checkCollision();
    }

function randomDirection() {
      return direction[Math.floor(Math.random() * direction.length)];
    }

function checkCollision() {
      characters.forEach(character => {
        const currentTop = parseInt(character.style.top, 10);
        const currentLeft = parseInt(character.style.left, 10);

characters.forEach(otherCharacter => {
          if (otherCharacter !== character) {
            const otherTop = parseInt(otherCharacter.style.top, 10);
            const otherLeft = parseInt(otherCharacter.style.left, 10);

if (
              currentTop <= otherTop + characterSize &&
              currentTop + characterSize >= otherTop &&
              currentLeft <= otherLeft + characterSize &&
              currentLeft + characterSize >= otherLeft
            ) {
              character.style.display = 'none';
              otherCharacter.style.display = 'none';
            }
          }
        });
      });
    }
  </script>
</body>
</html>
```