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

No:15078

←

Prev Next

→

Создай как эмодзи дерутся
Developer User6503｜Date and time 23/9/6 3:21:15
Build time 24.021 sec｜Game capacity 2.124KB｜

Script

Emoji Fight Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Emoji Fight Game</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <div class="game-container">
    <h1>Emoji Fight Game</h1>
    <div class="emoji-arena">
      <img id="emoji1" src="emoji1.png" alt="Emoji 1">
      <img id="emoji2" src="emoji2.png" alt="Emoji 2">
    </div>
    <button onclick="startGame()">Start Game</button>
  </div>

function startGame() {
      const emoji1 = document.getElementById('emoji1');
      const emoji2 = document.getElementById('emoji2');
      const arena = document.querySelector('.emoji-arena');

let emoji1Health = getRandomNumber(80, 100);
      let emoji2Health = getRandomNumber(80, 100);

emoji1.classList.remove('dead');
      emoji2.classList.remove('dead');

emoji1.style.animation = '';
      emoji2.style.animation = '';

emoji1.style.left = '0';
      emoji2.style.right = '0';

arena.addEventListener('animationend', handleAnimationEnd);

function handleAnimationEnd(event) {
        if (event.animationName === 'emoji-fight') {
          const isEmoji1Attacking = emoji1.classList.contains('attack');
          const isEmoji2Attacking = emoji2.classList.contains('attack');

if (isEmoji1Attacking && !isEmoji2Attacking) {
            emoji2Health -= getRandomNumber(5, 15);
          } else if (isEmoji2Attacking && !isEmoji1Attacking) {
            emoji1Health -= getRandomNumber(5, 15);
          }

if (emoji1Health <= 0) {
            emoji1.classList.add('dead');
            emoji2.style.animation = '';
          }

if (emoji2Health <= 0) {
            emoji2.classList.add('dead');
            emoji1.style.animation = '';
          }
        }
      }

setTimeout(() => {
        emoji1.style.animation = 'emoji-fight 1s linear infinite';
        emoji2.style.animation = 'emoji-fight-reverse 1s linear infinite';
      }, 1000);
    }
  </script>
</body>
</html>