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

No:43259

A game where if you die by the spikes, you win. If..ALL
Developer User19164｜Date and time 24/2/15 4:44:10
Build time 10.766 sec｜Game capacity 3.169KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. This game can be played on a smartphone by using the provided arrow buttons.

Spike Game

In this game, the player starts at the left edge of the game container and must avoid the spikes to win. If the player touches any spike, a message will be shown indicating that the player has won. However, if the player reaches the apple located at the right edge of the game container, a message will be shown indicating that the player has lost. The game can be played by using the arrow keys on the smartphone's virtual keyboard. When the player presses the left or right arrow key, the `movePlayer` function is called, which updates the player's position and checks for collisions. The game is enclosed within `
` tags and can be copied into a single HTML file for easy execution.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. This game can be played on a smartphone by using the provided arrow buttons.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Spike Game</title>
  <style>
    #game-container {
      position: relative;
      width: 300px;
      height: 300px;
      border: 2px solid black;
    }
    #player {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: red;
      top: 140px;
      left: 10px;
    }
    #apple {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: green;
      top: 140px;
      left: 260px;
    }
    .spike {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: black;
    }
  </style>
</head>
<body>
  <h1>Spike Game</h1>
  <div id="game-container">
    <div id="player"></div>
    <div id="apple"></div>
  </div>

// Function to move the player
    function movePlayer(direction) {
      if (direction === "left") {
        playerPosition -= 30;
      } else if (direction === "right") {
        playerPosition += 30;
      }
      document.getElementById("player").style.left = playerPosition + "px";
      checkCollision();
    }

// Function to check for collision
    function checkCollision() {
      if (spikes.includes(playerPosition)) {
        alert("Congratulations! You won!");
      } else if (playerPosition === applePosition) {
        alert("Oops! You lost!");
      }
    }

// Event listeners for arrow buttons
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowLeft") {
        movePlayer("left");
      } else if (event.key === "ArrowRight") {
        movePlayer("right");
      }
    });

// Initial rendering of spikes and apple
    for (let i = 0; i < spikes.length; i++) {
      let spikeElement = document.createElement("div");
      spikeElement.classList.add("spike");
      spikeElement.style.top = "0px";
      spikeElement.style.left = spikes[i] + "px";
      document.getElementById("game-container").appendChild(spikeElement);
    }
    document.getElementById("apple").style.left = applePosition + "px";
  </script>
</body>
</html>
```

The game can be played by using the arrow keys on the smartphone's virtual keyboard. When the player presses the left or right arrow key, the `movePlayer` function is called, which updates the player's position and checks for collisions.

The game is enclosed within `<script>` tags and can be copied into a single HTML file for easy execution.