A game or you're moving and also tap the screen, you can do it multiple times to jump.so different game modes's game

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

No:42900

←

Prev Next

→

A game or you're moving and also tap the screen, y..ALL
Developer User16101｜Date and time 24/2/13 9:14:31
Build time 9.539 sec｜Game capacity 3.018KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. This game is designed for smartphone operation and uses pictograms. It has multiple game modes.

This game allows you to play as a character who can jump by either continuously moving or tapping the screen. The player is represented by a red square pictogram. The game has two game modes - 'moving' and 'tap' - which can be switched by commenting/uncommenting the respective `changeGameMode` calls. In the 'moving' mode, the player moves continuously, and in the 'tap' mode, the player jumps when you tap the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Jumping Game</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #fff;
      }
      
      canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>

canvas.width = screenWidth;
      canvas.height = screenHeight;

const player = {
        x: 50,
        y: screenHeight / 2,
        size: 20,
        color: '#ff0000',
        speed: 5,
        fallSpeed: 0,
        gravity: 0.2
      };

let isJumping = false;
      let gameMode = '';

function drawPlayer() {
        ctx.fillStyle = player.color;
        ctx.fillRect(player.x, player.y, player.size, player.size);
      }

function updatePlayer() {
        if (isJumping) {
          player.fallSpeed -= player.speed * 2;
          isJumping = false;
        }

player.y += player.fallSpeed;
        player.fallSpeed += player.gravity;

if (player.y + player.size > screenHeight) {
          player.y = screenHeight - player.size;
          player.fallSpeed = 0;
        }
      }

function gameLoop() {
        ctx.clearRect(0, 0, screenWidth, screenHeight);

if (gameMode === 'moving') {
          updatePlayer();
          drawPlayer();
        }

requestAnimationFrame(gameLoop);
      }

function handleTouchStart() {
        if (gameMode === 'moving') {
          isJumping = true;
        }
      }

function handleTouchEnd() {
        if (gameMode === 'tap') {
          isJumping = true;
        }
      }

function changeGameMode(mode) {
        gameMode = mode;
        player.y = screenHeight / 2;
        player.fallSpeed = 0;
      }

canvas.addEventListener('touchstart', handleTouchStart);
      canvas.addEventListener('touchend', handleTouchEnd);

// Different game modes
      changeGameMode('moving'); // 'moving' mode where player moves continuously
      // changeGameMode('tap'); // 'tap' mode where player jumps by tapping the screen

gameLoop();
    </script>
  </body>
</html>
```