Red world tap the screen to walk and double tap the screen to jump and therw is enemies's game

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

No:38503

←

Prev Next

→

Red world tap the screen to walk and double tap th..ALL
Developer User17401｜Date and time 24/1/24 23:51:58
Build time 11.139 sec｜Game capacity 2.255KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms as graphics. The player can tap the screen to walk and double tap to jump, while encountering enemies in a red world.

In the above code, I assume the existence of a walk_pictogram.png file for the player graphic. You can replace it with any suitable pictogram image. The player starts at the center of the screen (50% x, 50% y) and can be moved horizontally by tapping the screen. Double tapping triggers the jump function, which makes the player move upwards briefly before returning to the ground. Please note that this is a basic example, and you can expand it further by adding enemies and more gameplay elements according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Red World Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 100vh;
      background-color: red;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <img src="walk_pictogram.png" alt="Walk Pictogram" id="player" style="position: absolute; top: 50%; left: 50%;">
  </div>

// Add event listener to detect screen taps
    var isJumping = false;
    document.addEventListener('touchend', function(event) {
      if (isJumping) return;

if (event.touches.length === 1) {
        walk();
      } else if (event.touches.length === 2) {
        jump();
      }
    });

// Function to move the player horizontally
    function walk() {
      playerPos.x += 5;
      player.style.left = playerPos.x + '%';
    }

// Function to make the player jump
    function jump() {
      isJumping = true;
      playerPos.y -= 20;
      player.style.top = playerPos.y + '%';

setTimeout(function() {
        playerPos.y += 20;
        player.style.top = playerPos.y + '%';
        isJumping = false;
      }, 1000);
    }
  </script>
</body>
</html>
```

Please note that this is a basic example, and you can expand it further by adding enemies and more gameplay elements according to your requirements.