Jump and go the game's game

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

No:21618

2855

←

Prev Next

→

Jump and go the game
Developer anonymous｜Date and time 70/1/1 9:44:51
Build time unknown sec｜Game capacity 2.691KB｜

Script

Sure, here's a simple game implementation using JavaScript that can be played on a smartphone. I'll create a jumping game using pictograms. Please note that this is a simplified example, and you can expand on it to add more features and complexity.

To play the game, you can open this HTML file on your smartphone. The player character is represented by a red square, and the platforms are drawn as black rectangles. You can make the player jump by tapping on the screen. The goal is to navigate the player character to land on the platforms without falling off the screen.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jumping Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Set up game variables
    var player = {
      x: 200,
      y: 380,
      width: 20,
      height: 20,
      jumping: false,
      yVelocity: 0
    };

var platforms = [
      { x: 50, y: 100, width: 100, height: 10 },
      { x: 200, y: 200, width: 100, height: 10 },
      { x: 150, y: 300, width: 100, height: 10 }
    ];

var gravity = 0.5;

// Handle player input
    function handleInput(event) {
      if (event.keyCode === 32 && !player.jumping) {
        player.jumping = true;
        player.yVelocity -= 10;
      }
    }

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

// Update player position
      player.yVelocity += gravity;
      player.y += player.yVelocity;

// Check for collision with platforms
      for (var i = 0; i < platforms.length; i++) {
        var platform = platforms[i];

if (
          player.y + player.height >= platform.y &&
          player.y < platform.y + platform.height &&
          player.x + player.width >= platform.x &&
          player.x <= platform.x + platform.width
        ) {
          // Player collided with a platform
          player.yVelocity = 0;
          player.jumping = false;
          player.y = platform.y - player.height;
        }
      }

// Draw platforms
      ctx.fillStyle = "#000";
      platforms.forEach(function(platform) {
        ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
      });

// Draw player
      ctx.fillStyle = "#f00";
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Request next frame
      requestAnimationFrame(gameLoop);
    }

// Start the game
    window.addEventListener("keydown", handleInput);
    gameLoop();
  </script>
</body>
</html>
```