I want to make a running game's game

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

No:43480

←

Prev Next

→

I want to make a running game
Developer User19195｜Date and time 24/2/15 17:06:50
Build time 6.181 sec｜Game capacity 1.856KB｜

Script

Sure! Here's a simple running game implemented as a single HTML file using JavaScript:

🦁

This game allows you to control a running character by tapping the screen (on mobile devices) or pressing the spacebar (on desktop). The character continuously moves forward at a constant speed. The goal is to avoid falling off the screen by timing your jumps correctly. If you hit the bottom of the screen, a "Game Over" alert will be shown. Please note that the use of pictograms is not possible without external libraries or additional code for mapping pictograms to Unicode characters.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple running game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Running Game</title>
  <style>
    #player {
      position: absolute;
      top: 50%;
      left: 10px;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="player">🦁</div>
  <script>
    var player = document.getElementById("player");
    var position = 10; // initial position of the player
    var speed = 8; // speed of the player

function jump() {
      position -= speed;
      player.style.top = position + "px";
    }

// handle touch events for mobile devices
    document.addEventListener("touchstart", function(e) {
      jump();
    });

// handle spacebar keypress for desktop
    document.addEventListener("keypress", function(e) {
      if (e.keyCode === 32) {
        jump();
      }
    });

// continuously move the player to create a running effect
    setInterval(function() {
      position += speed;
      player.style.top = position + "px";
    }, 100);

// game over condition
    setInterval(function() {
      var playerRect = player.getBoundingClientRect();
      if (playerRect.bottom >= window.innerHeight) {
        alert("Game Over!");
        position = 10;
        player.style.top = position + "px";
      }
    }, 100);
  </script>
</body>
</html>
```

Please note that the use of pictograms is not possible without external libraries or additional code for mapping pictograms to Unicode characters.