PAC Man Warrior emoji's game

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

No:15586

←

Prev Next

→

PAC Man Warrior emoji
Developer DAMIEN LCX｜Date and time 23/9/10 2:15:06
Build time 30.986 sec｜Game capacity 3.265KB｜

Script

Voici un exemple de fichier HTML contenant un jeu basé sur le personnage PAC-Man Warrior :

😎

👾

Ce fichier HTML crée une petite zone de jeu représentée par un carré noir de 500x500 pixels. Le joueur est représenté par l'emoji 😎 et il peut être déplacé à l'aide des touches de direction sur le clavier. Les ennemis, représentés par l'emoji 👾, se déplacent également à l'intérieur du jeu. Si le joueur entre en collision avec un ennemi, une alerte de "Game Over!" s'affiche et la page est rechargée pour recommencer le jeu. J'espère que cela répond à votre demande !

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Voici un exemple de fichier HTML contenant un jeu basé sur le personnage PAC-Man Warrior :

```html
<!DOCTYPE html>
<html>
<head>
  <title>PAC-Man Warrior</title>
  <style>
    #gameboard {
      width: 500px;
      height: 500px;
      background-color: black;
      position: relative;
    }
    
    #player {
      position: absolute;
      top: 250px;
      left: 250px;
      font-size: 50px;
      color: yellow;
    }
    
    .enemy {
      position: absolute;
      font-size: 50px;
      color: red;
    }
  </style>
</head>
<body>
  <div id="gameboard">
    <div id="player">😎</div>
    <div class="enemy">👾</div>
    <div class="enemy">👾</div>
    <div class="enemy">👾</div>
    <div class="enemy">👾</div>
  </div>
  
  <script>
    window.addEventListener('keydown', (event) => {
      const player = document.getElementById('player');
      const gameboard = document.getElementById('gameboard');
      
      const speed = 50;
      let playerLeft = parseInt(player.style.left);
      let playerTop = parseInt(player.style.top);
      
      // Déplacement du joueur en fonction de la touche pressée
      if (event.key === 'ArrowUp') {
        playerTop -= speed;
      } else if (event.key === 'ArrowDown') {
        playerTop += speed;
      } else if (event.key === 'ArrowLeft') {
        playerLeft -= speed;
      } else if (event.key === 'ArrowRight') {
        playerLeft += speed;
      }
      
      // Vérification des collisions avec les ennemis
      const enemies = document.querySelectorAll('.enemy');
      for (let i = 0; i < enemies.length; i++) {
        if (isColliding(player, enemies[i])) {
          alert('Game Over!');
          location.reload();
        }
      }
      
      // Vérification des collisions avec les bords du jeu
      if (playerLeft < 0) {
        playerLeft = 0;
      }
      if (playerLeft + player.offsetWidth > gameboard.offsetWidth) {
        playerLeft = gameboard.offsetWidth - player.offsetWidth;
      }
      if (playerTop < 0) {
        playerTop = 0;
      }
      if (playerTop + player.offsetHeight > gameboard.offsetHeight) {
        playerTop = gameboard.offsetHeight - player.offsetHeight;
      }
      
      // Mise à jour de la position du joueur
      player.style.left = `${playerLeft}px`;
      player.style.top = `${playerTop}px`;
    });
    
    function isColliding(element1, element2) {
      const rect1 = element1.getBoundingClientRect();
      const rect2 = element2.getBoundingClientRect();
      
      return !(
        rect1.top + rect1.height < rect2.top ||
        rect1.top > rect2.top + rect2.height ||
        rect1.left + rect1.width < rect2.left ||
        rect1.left > rect2.left + rect2.width
      );
    }
  </script>
</body>
</html>
```

J'espère que cela répond à votre demande !