A game where the goal is to shoot emoji in a city that are invading the world.'s game

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

No:8873

519

←

Prev Next

→

A game where the goal is to shoot emoji in a city ..ALL
Developer User4255｜Date and time 23/7/19 3:45:55
Build time 30.356 sec｜Game capacity 3.549KB｜

Script

Voici un exemple de jeu HTML/JavaScript où vous devez tirer sur des émojis envahissant une ville :

Ce code crée un jeu où vous devez tirer sur des émojis qui tombent du haut de l'écran. Les émojis se déplacent vers le bas et vous devez les atteindre avec le joueur représenté par un caractère emoji. Si vous entrez en collision avec un émoji, il disparaît. Si un émoji atteint le bas de la ville sans être touché, le jeu se termine. Vous pouvez contrôler le joueur en inclinant votre smartphone vers la gauche ou la droite.

←

Prev　Next

→ 　

Back　

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

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

Voici un exemple de jeu HTML/JavaScript où vous devez tirer sur des émojis envahissant une ville :

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Styles pour la mise en page du jeu */
    #game-board {
      width: 400px;
      height: 400px;
      position: relative;
      border: 1px solid black;
    }
    .emoji {
      position: absolute;
      width: 40px;
      height: 40px;
      font-size: 30px;
      text-align: center;
      line-height: 40px;
    }
    #player {
      position: absolute;
      bottom: 0;
      width: 40px;
      height: 40px;
      font-size: 30px;
      text-align: center;
      line-height: 40px;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Positionner l'emoji aléatoirement dans la ville
      var boardWidth = 400;
      var emojiPosition = Math.floor(Math.random() * boardWidth);
      emoji.style.left = emojiPosition + 'px';

// Ajouter l'emoji au plateau de jeu
      var gameBoard = document.getElementById('game-board');
      gameBoard.appendChild(emoji);

// Animer l'emoji vers le haut
      var animationInterval = setInterval(function() {
        var emojiBottom = parseInt(getComputedStyle(emoji).bottom);
        emoji.style.bottom = (emojiBottom + 2) + 'px';

// Vérifier si l'emoji a été atteint par le joueur
        var playerPosition = parseInt(getComputedStyle(player).left);
        if (emojiPosition <= playerPosition && playerPosition <= (emojiPosition + 40) && emojiBottom >= 0) {
          gameBoard.removeChild(emoji); // Supprimer l'emoji
          clearInterval(animationInterval); // Arrêter l'animation
        }

// Vérifier si l'emoji a atteint le bas de la ville
        if (emojiBottom >= boardWidth) {
          gameBoard.removeChild(emoji); // Supprimer l'emoji
          clearInterval(animationInterval); // Arrêter l'animation
        }
      }, 10);
    }

// Fonction pour obtenir un caractère emoji aléatoire
    function getEmojiCharacter() {
      var emojis = ["🐱", "🐶", "🐸", "🐵", "🦄", "🐢", "🐙", "🐻", "🐼", "🦋"];
      var randomIndex = Math.floor(Math.random() * emojis.length);
      return emojis[randomIndex];
    }

// Démarrer le jeu
    var player = document.getElementById('player');
    var gameInterval = setInterval(createEmoji, 1000); // Crée un nouvel emoji toutes les 1 seconde

// Contrôles du joueur (pour un smartphone)
    window.addEventListener('deviceorientation', function(event) {
      var movement = event.gamma; // Récupère le mouvement du smartphone selon l'axe x

// Limitation du mouvement du joueur dans la ville
      var gameBoardWidth = 400;
      var playerPosition = parseInt(getComputedStyle(player).left) + movement;
      player.style.left = Math.min(Math.max(0, playerPosition), gameBoardWidth - 40) + 'px';
    });
  </script>
</body>
</html>
```