Minecraft, among us, stubble guys's game

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

No:27761

←

Prev Next

→

Minecraft, among us, stubble guys
Developer User13823｜Date and time 23/12/8 22:58:03
Build time 35.582 sec｜Game capacity 3.313KB｜

Script

Sure! Here's a simple game called "PictoRunner" that you can play using smartphone operation. It uses pictograms and includes basic gameplay. The game allows you to control a character and navigate through obstacles. Your objective is to reach the finish line without hitting any obstacles.

To play the game, simply copy the above code into a single HTML file and open it in a web browser on your smartphone. You can control the player by using the Arrow keys on your smartphone's keyboard or by touching the game area. The game window will display a blue square representing the player character and three red squares representing the obstacles. Use the controls to navigate the blue square towards the right side of the canvas without hitting the red squares. If the player hits an obstacle, a "Game Over" message will appear, and the game will reset. Note: This is a simplified example, and you can enhance it further by adding more levels, scoring, and additional features.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>PictoRunner Game</title>
  <style>
    canvas {
      border: 2px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

// Player object with position properties
    const player = {
      x: 50,
      y: 200,
      width: 50,
      height: 50,
      speed: 5,
    };

// Obstacle objects with position properties
    const obstacles = [
      { x: 200, y: 300, width: 50, height: 50 },
      { x: 300, y: 150, width: 50, height: 200 },
      { x: 100, y: 50, width: 50, height: 100 },
    ];

function drawPlayer() {
      context.fillStyle = "blue";
      context.fillRect(player.x, player.y, player.width, player.height);
    }

function drawObstacles() {
      context.fillStyle = "red";
      obstacles.forEach((obstacle) => {
        context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
      });
    }

function checkCollision() {
      for (let obstacle of obstacles) {
        if (
          player.x < obstacle.x + obstacle.width &&
          player.x + player.width > obstacle.x &&
          player.y < obstacle.y + obstacle.height &&
          player.y + player.height > obstacle.y
        ) {
          gameOver();
        }
      }
    }

function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }

function draw() {
      clearCanvas();
      drawPlayer();
      drawObstacles();
      checkCollision();
    }

function gameOver() {
      alert("Game Over! You hit an obstacle.");
      resetGame();
    }

function resetGame() {
      player.x = 50;
      player.y = 200;
    }

document.addEventListener("keydown", movePlayer);

setInterval(draw, 10); // Game loop
  </script>
</body>
</html>
```

The game window will display a blue square representing the player character and three red squares representing the obstacles. Use the controls to navigate the blue square towards the right side of the canvas without hitting the red squares. If the player hits an obstacle, a "Game Over" message will appear, and the game will reset.

Note: This is a simplified example, and you can enhance it further by adding more levels, scoring, and additional features.