A game where you run and jump and slide's game

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

No:14644

←

Prev Next

→

A game where you run and jump and slide
Developer User6333｜Date and time 23/9/3 23:00:19
Build time 28.083 sec｜Game capacity 2.664KB｜

Script

Sure, here's a simple game where you can run, jump, and slide using pictograms.

To play the game, simply copy the above code into a new HTML file and open it in a web browser on your smartphone. You can control the player using the up arrow key to jump and the down arrow key to slide. Avoid colliding with the red obstacle.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's a simple game where you can run, jump, and slide using pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run, Jump, Slide Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game initialization
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    var gameSpeed = 3;

// Player object
    var player = {
      x: 50,
      y: 150,
      size: 50,
      speed: 5,
      jumping: false,
      sliding: false
    };

// Obstacle object
    var obstacle = {
      x: canvas.width + 100,
      y: canvas.height - 100,
      size: 50,
      speed: gameSpeed
    };

// Key event listeners for jumping and sliding
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 38 && !player.jumping) {
        player.jumping = true;
        jump();
      } else if (event.keyCode === 40 && !player.jumping) {
        player.sliding = true;
        slide();
      }
    });

// Jump function
    function jump() {
      player.y -= player.size;
      setTimeout(function() {
        player.y += player.size;
        player.jumping = false;
      }, 500);
    }

// Slide function
    function slide() {
      player.size /= 2;
      setTimeout(function() {
        player.size *= 2;
        player.sliding = false;
      }, 500);
    }

// Game loop
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillStyle = "black";
      ctx.fillRect(player.x, player.y, player.size, player.size);

// Draw obstacle
      ctx.fillStyle = "red";
      ctx.fillRect(obstacle.x, obstacle.y, obstacle.size, obstacle.size);

// Update obstacle position
      obstacle.x -= obstacle.speed;

// Check collision with obstacle
      if (
        player.x < obstacle.x + obstacle.size &&
        player.x + player.size > obstacle.x &&
        player.y < obstacle.y + obstacle.size &&
        player.y + player.size > obstacle.y
      ) {
        clearInterval(game);
        alert("Game Over!");
        location.reload(); // Restart the game
      }

// Increase game speed over time
      gameSpeed += 0.01;
      obstacle.speed = gameSpeed;

requestAnimationFrame(update);
    }

// Start the game
    var game = setInterval(update, 1000 / 60);
  </script>
</body>
</html>
```