Make a runner game that you can control by tapping's game

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

No:11075

←

Prev Next

→

Make a runner game that you can control by tapping
Developer unknown｜Date and time 23/8/7 17:43:30
Build time 16.807 sec｜Game capacity 2.275KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Runner Game</title>
    <style>
      #player {
        position: absolute;
        bottom: 50px;
        left: 50px;
        width: 50px;
        height: 50px;
        background-color: blue;
      }
    </style>
  </head>
  <body>
    <script>
      // Initialize game variables
      let player;
      let gameLoop;
      let isJumping = false;
      let gravity = 0.5;
      let jumpStrength = 10;

// Handle tap event
      function handleTap() {
        if (!isJumping) {
          isJumping = true;
          playerJump();
        }
      }

// Handle player jump
      function playerJump() {
        let topPosition = parseInt(window.getComputedStyle(player).getPropertyValue('bottom'));
        if (topPosition < 250) {
          let jumpInterval = setInterval(function() {
            let topPosition = parseInt(window.getComputedStyle(player).getPropertyValue('bottom'));
            if (topPosition > 250 && topPosition <= 300) {
              clearInterval(jumpInterval);
              let fallInterval = setInterval(function() {
                let topPosition = parseInt(window.getComputedStyle(player).getPropertyValue('bottom'));
                if (topPosition > 50 && topPosition <= 300) {
                  player.style.bottom = (topPosition - gravity) + 'px';
                }
                else {
                  clearInterval(fallInterval);
                  isJumping = false;
                }
              }, 10);
            }
            else {
              player.style.bottom = (topPosition + jumpStrength) + 'px';
            }
          }, 10);
        }
      }

// Initialize game
      function startGame() {
        player = document.createElement('div');
        player.setAttribute('id', 'player');
        document.body.appendChild(player);
        gameLoop = setInterval(updateGame, 10);
      }

// Update game state
      function updateGame() {
        // Implement game logic here
      }

// Start game when page is loaded
      document.addEventListener('DOMContentLoaded', startGame);

// Handle tap event for mobile devices
      document.addEventListener('touchstart', handleTap);
    </script>
  </body>
</html>