The controls in Don't Touch The Spikes are limited to one operation, touching the screen anywhere when we want our bird to fly up. However, unlike titles such as Flappy Bird, we do not constantly move forward, but in a closed room. Spikes appear on its walls from time to time in random places. Our task is to avoid them and collect the candies that appear.'s game

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

No:31756

←

Prev Next

→

The controls in Don't Touch The Spikes are limited..ALL
Developer User15234｜Date and time 23/12/28 8:52:26
Build time 31.516 sec｜Game capacity 4.761KB｜

Script

Sure! Here's a sample implementation of the game "Don't Touch The Spikes" using HTML, CSS, and JavaScript:

Score: 0

To play the game, simply open the HTML file in a web browser and click the "Start Game" button. Use touch events anywhere on the screen to make the bird fly up and avoid the spikes. Score is displayed at the top and the game will end when the bird collides with a spike or goes out of bounds. Note: This is a basic implementation and can be enhanced with additional features and graphics as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a sample implementation of the game "Don't Touch The Spikes" using HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Don't Touch The Spikes</title>
    <style>
      #game {
        width: 400px;
        height: 600px;
        border: 1px solid black;
        position: relative;
      }

#bird {
        width: 50px;
        height: 50px;
        background-color: yellow;
        position: absolute;
        bottom: 50px;
        left: 50px;
      }

.spike {
        width: 15px;
        height: 100px;
        background-color: red;
        position: absolute;
      }

#score {
        text-align: center;
        font-size: 24px;
      }
    </style>
  </head>

<body>
    <div id="game">
      <div id="bird"></div>
      <div id="score">Score: 0</div>
    </div>

// Create spikes
      function createSpikes() {
        var spike = document.createElement("div");
        spike.className = "spike";
        spike.style.left = "400px";

var randomHeight = Math.floor(Math.random() * 400) + 50;
        spike.style.height = randomHeight + "px";

var randomTop = Math.floor(Math.random() * (600 - randomHeight - 100)) + 50;
        spike.style.top = randomTop + "px";

document.getElementById("game").appendChild(spike);
      }

// Update game state
      function update() {
        if (!isGameOver) {
          // Move spikes
          var spikes = document.getElementsByClassName("spike");

for (var i = 0; i < spikes.length; i++) {
            var spike = spikes[i];
            var spikeLeft = parseInt(spike.style.left, 10);
            spikeLeft -= gameSpeed;
            spike.style.left = spikeLeft + "px";

// Check collision with bird
            var bird = document.getElementById("bird");
            var birdRect = bird.getBoundingClientRect();
            var spikeRect = spike.getBoundingClientRect();

if (
              birdRect.top < spikeRect.bottom &&
              birdRect.bottom > spikeRect.top &&
              birdRect.right > spikeRect.left &&
              birdRect.left < spikeRect.right
            ) {
              gameOver();
            }

// Add score if spike has passed the bird
            if (spikeLeft + 15 < birdRect.left && !spike.passedBird) {
              spike.passedBird = true;
              score++;
              document.getElementById("score").innerHTML = "Score: " + score;
            }

// Remove spikes outside the game area
            if (spikeLeft + 15 < 0) {
              spike.parentNode.removeChild(spike);
            }
          }

// Apply gravity to bird
          var birdTop = parseInt(bird.style.top, 10);
          birdTop += gravity;
          bird.style.top = birdTop + "px";

// Check game over condition
          var game = document.getElementById("game");
          var gameRect = game.getBoundingClientRect();
          var birdRect = bird.getBoundingClientRect();

if (
            birdRect.bottom < gameRect.top ||
            birdRect.top > gameRect.bottom ||
            birdRect.right < gameRect.left ||
            birdRect.left > gameRect.right
          ) {
            gameOver();
          }
        }

// Repeat update loop
        setTimeout(update, 10);
      }

// Game over
      function gameOver() {
        isGameOver = true;
        alert("Game over! Your score: " + score);
      }

// Start game
      function startGame() {
        document.getElementById("startButton").style.display = "none";
        document.getElementById("bird").style.display = "block";

// Enable touch event for bird jump
        document.addEventListener("touchstart", function () {
          if (!isGameOver) {
            var birdTop = parseInt(bird.style.top, 10);
            bird.style.top = birdTop - jumpHeight + "px";
          }
        });

// Create spikes at regular intervals
        setInterval(createSpikes, 2000);

// Start game loop
        update();
      }
    </script>

<button id="startButton" onclick="startGame()">Start Game</button>
  </body>
</html>
```

Note: This is a basic implementation and can be enhanced with additional features and graphics as desired.