Roguelike game with buttons to move and enemies that are mosquitoes's game

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

No:50910

101

←

Prev Next

→

Roguelike game with buttons to move and enemies th..ALL
Developer User21437｜Date and time 24/3/10 5:33:39
Build time 8.374 sec｜Game capacity 1.71KB｜

Script

😎

🦟

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Roguelike Mosquito Game</title>
</head>
<body>
<div id="gameContainer">
  <button id="upButton">⬆️</button>
  <button id="downButton">⬇️</button>
  <button id="leftButton">⬅️</button>
  <button id="rightButton">➡️</button>
  <div id="playerCharacter">😎</div>
  <div id="enemyCharacter">🦟</div>
</div>

document.getElementById('upButton').addEventListener('click', function() {
  playerPosition.y -= 1;
  movePlayer();
});

document.getElementById('downButton').addEventListener('click', function() {
  playerPosition.y += 1;
  movePlayer();
});

document.getElementById('leftButton').addEventListener('click', function() {
  playerPosition.x -= 1;
  movePlayer();
});

document.getElementById('rightButton').addEventListener('click', function() {
  playerPosition.x += 1;
  movePlayer();
});

function movePlayer() {
  document.getElementById('playerCharacter').style.left = playerPosition.x + 'rem';
  document.getElementById('playerCharacter').style.top = playerPosition.y + 'rem';
}

function moveEnemy() {
  let randomDirection = Math.floor(Math.random() * 4); // 0: up, 1: down, 2: left, 3: right
  switch (randomDirection) {
    case 0:
      enemyPosition.y -= 1;
      break;
    case 1:
      enemyPosition.y += 1;
      break;
    case 2:
      enemyPosition.x -= 1;
      break;
    case 3:
      enemyPosition.x += 1;
      break;
  }
  document.getElementById('enemyCharacter').style.left = enemyPosition.x + 'rem';
  document.getElementById('enemyCharacter').style.top = enemyPosition.y + 'rem';
}

setInterval(moveEnemy, 1000);
</script>
</body>
</html>