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

No:8597

505

←

Prev Next

→

A game of an alternate version of Spider-Man calle..ALL
Developer User4220｜Date and time 23/7/17 8:47:06
Build time 21.299 sec｜Game capacity 2.486KB｜

Script

White Spider~man Earth 3099

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>White Spider~man Earth 3099</title>
<style>
body {
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  font-family: Arial, sans-serif;
  color: #fff;
}

h1 {
  text-align: center;
}

#game-container {
  display: none;
}

button {
  padding: 10px 20px;
  font-size: 18px;
  background-color: #e74c3c;
  color: #fff;
  border: none;
  cursor: pointer;
}

#result {
  text-align: center;
  margin-top: 20px;
}
</style>
</head>
<body>
<h1>White Spider~man Earth 3099</h1>
<button onclick="startGame()">Inizia il gioco</button>
<div id="game-container">
  <img id="player" src="white_spiderman.png" alt="White Spiderman">
  <div>
    <button onclick="move('up')">⬆️</button><br>
    <button onclick="move('left')">⬅️</button>
    <button onclick="move('right')">➡️</button><br>
    <button onclick="move('down')">⬇️</button>
  </div>
</div>
<div id="result"></div>

function startGame() {
  document.querySelector('button').style.display = 'none';
  document.getElementById('game-container').style.display = 'block';

updateGameStatus();
}

movesLeft--;

updateGameStatus();
}

function updateGameStatus() {
  var player = document.getElementById('player');
  player.style.left = (positionX * 50) + 'px';
  player.style.top = (positionY * 50) + 'px';

if (positionX === goalX && positionY === goalY) {
    document.getElementById('result').innerText = 'Congratulazioni! Hai trovato il tesoro!';
    disableButtons();
  } else if (movesLeft === 0) {
    document.getElementById('result').innerText = 'Game Over! Hai esaurito i movimenti.';
    disableButtons();
  } else {
    document.getElementById('result').innerText = 'Mosse rimaste: ' + movesLeft;
  }
}

function disableButtons() {
  var buttons = document.querySelectorAll('button');
  for (var i = 0; i < buttons.length; i++) {
    buttons[i].setAttribute('disabled', 'disabled');
  }
}
</script>

</body>
</html>