If you click the screen a the box guy will jump and there is a spike and if you touch the spike you will die's game

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

No:42398

←

Prev Next

→

If you click the screen a the box guy will jump an..ALL
Developer User18647｜Date and time 24/2/11 16:41:54
Build time 8.664 sec｜Game capacity 2.794KB｜

Script

Sure! Here's an example of a simple game where you can control a character to avoid spikes using JavaScript and HTML. Please save the following code in a single HTML file, open it with a web browser, and play the game by clicking on the screen:

In this game, you'll see a blue box representing the character and a red spike. When you click anywhere on the screen, the box will jump. The spike moves across the screen from right to left, and if the box touches the spike, the game is over. You can restart the game by closing the alert dialog that appears when you lose.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
      position: relative;
      width: 300px;
      height: 400px;
      border: 1px solid black;
    }
    #box {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: dodgerblue;
    }
    #spike {
      position: absolute;
      width: 10px;
      height: 100px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="box"></div>
    <div id="spike"></div>
  </div>

function gameOver() {
      alert("Game Over! You touched the spike.");
      restartGame();
    }

function restartGame() {
      boxJumpHeight = 150;
      spikeDistance = 0;
      box.style.top = boxJumpHeight + "px";
      spike.style.left = spikeDistance + "px";
    }

document.addEventListener("click", jumpBox);

setInterval(function() {
      moveSpike();
    }, 10);
  </script>
</body>
</html>
```