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

No:29877

←

Prev Next

→

Make s game pogo stic
Developer User12467｜Date and time 23/12/19 21:39:56
Build time 24.136 sec｜Game capacity 3.551KB｜

Script

Sure, here's a simple Pogo Stick game implemented as a single HTML file with JavaScript:

Pogo Stick Game

Score: 0

This game is developed for smartphone operation and uses pictograms represented by colored blocks. The player can control the pogo stick by tapping/clicking on the game screen to make it jump. The goal is to avoid collisions at the top and bottom of the game container for as long as possible, and the score increases by 1 every second. Please note that this is a basic implementation and you can modify and enhance it further based on your preferences and requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple Pogo Stick game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pogo Stick Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    #game-container {
      position: relative;
      height: 250px;
      width: 500px;
      margin: 0 auto;
      border: 2px solid #000;
      overflow: hidden;
    }
    #pogo-stick {
      position: absolute;
      bottom: 0;
      height: 40px;
      width: 40px;
      background-color: #f00;
    }
    #score {
      font-size: 20px;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>Pogo Stick Game</h1>
  <div id="game-container">
    <div id="pogo-stick"></div>
  </div>
  <div id="score">Score: 0</div>

function gameOver() {
        clearInterval(gameLoop);
        alert('Game Over! Your Score: ' + score);
        resetGame();
      }

function updateScore() {
        score++;
        scoreElement.innerText = 'Score: ' + score;
      }

function collisionDetection() {
        var pogoStickBottom = parseInt(pogoStick.style.bottom) || 0;
        var gameContainerHeight = gameContainer.clientHeight;
        if (pogoStickBottom === 0 || pogoStickBottom > (gameContainerHeight - 50)) {
          gameOver();
        }
      }

function gameStart() {
        gameLoop = setInterval(function() {
          collisionDetection();
          updateScore();
        }, 1000);
      }

function resetGame() {
        pogoStick.style.bottom = '0';
        score = 0;
        scoreElement.innerText = 'Score: ' + score;
      }

gameStart(); // Start the game loop
      document.onkeydown = function(e) {
        if (e.keyCode === 32) { // Spacebar key
          jump();
        }
      };
    };
  </script>
</body>
</html>
```

Please note that this is a basic implementation and you can modify and enhance it further based on your preferences and requirements.