AI game creator

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

No:48359

←

Prev Next

→

Lost Episode
Developer User20657｜Date and time 24/3/1 22:11:06
Build time 7.453 sec｜Game capacity 1.368KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Lost Episode Game</title>
<style>
  img {
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  #player {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
</style>
</head>
<body>
<img id="player" src="player.png">
<img src="monster.png">
<img src="treasure.png">

player.addEventListener('click', movePlayer);

function movePlayer() {
    let randomX = Math.floor(Math.random() * 500);
    let randomY = Math.floor(Math.random() * 500);
    player.style.top = randomY + 'px';
    player.style.left = randomX + 'px';

if (isCollided(player, monster)) {
      alert('Game Over! You encountered the monster.');
    }
    
    if (isCollided(player, treasure)) {
      alert('Congratulations! You found the treasure.');
    }
  }

function isCollided(obj1, obj2) {
    const rect1 = obj1.getBoundingClientRect();
    const rect2 = obj2.getBoundingClientRect();

return !(
      rect1.right < rect2.left ||
      rect1.left > rect2.right ||
      rect1.bottom < rect2.top ||
      rect1.top > rect2.bottom
    );
  }
</script>
</body>
</html>