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

No:50596

←

Prev Next

→

Anime game
Developer User21364｜Date and time 24/3/9 7:09:08
Build time 6.311 sec｜Game capacity 1.601KB｜

Script

Anime Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Anime Game</title>
  <style>
    button {
      padding: 10px 20px;
      font-size: 16px;
      background-color: #FF87A2;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Anime Game</h1>
  <div id="game-container">
    <img src="https://www.flaticon.com/svg/vstatic/svg/2807/2807075.svg?token=exp=1634704358~hmac=13d324f3a11d5e6891b20d9baf2e9a98" id="player" width="50" height="50">
    <img src="https://www.flaticon.com/svg/vstatic/svg/2807/2807057.svg?token=exp=1634704388~hmac=6a30eeb60b7b5bb99c1d4404f6a82d99" id="enemy" width="50" height="50">
    <button id="move-button">Move</button>
  </div>
  
  <script>
    const player = document.getElementById('player');
    const enemy = document.getElementById('enemy');
    const moveButton = document.getElementById('move-button');
    
    moveButton.addEventListener('click', () => {
      const playerX = Math.floor(Math.random() * window.innerWidth);
      const playerY = Math.floor(Math.random() * window.innerHeight);
      const enemyX = Math.floor(Math.random() * window.innerWidth);
      const enemyY = Math.floor(Math.random() * window.innerHeight);
      
      player.style.left = playerX + 'px';
      player.style.top = playerY + 'px';
      enemy.style.left = enemyX + 'px';
      enemy.style.top = enemyY + 'px';
      
      if (Math.abs(playerX - enemyX) < 50 && Math.abs(playerY - enemyY) < 50) {
        alert('Game Over! You encountered the enemy!');
      }
    });
  </script>
</body>
</html>
```