Minecraft run where you run and try to get a high score and jump over zombies's game

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

No:25206

←

Prev Next

→

Minecraft run where you run and try to get a high ..ALL
Developer User10969｜Date and time 23/11/19 4:39:14
Build time 124.106 sec｜Game capacity 4.659KB｜

Script

Sure! Here's an example of a simple game called "Minecraft Run" implemented as a single HTML file:

Score: 0

In this game, you control a character using the spacebar on a smartphone. The character can jump over zombies that spawn from the right side of the screen. The score increases as you successfully avoid the zombies. If you collide with a zombie, the game ends and your score is displayed. To play the game, you can try copying the above code into a single HTML file and open it in a web browser on your smartphone. You can also customize the appearance of the character and zombies by replacing the image URLs in the CSS section of the code.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's an example of a simple game called "Minecraft Run" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #000;
    }
    
    #game {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 50px;
      color: #fff;
    }
    
    .character {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url(https://example.com/character.png); /* Replace with your character's image */
      background-size: contain;
    }
    
    .obstacle {
      position: absolute;
      bottom: 50px;
      height: 50px;
      width: 50px;
      background-image: url(https://example.com/zombie.png); /* Replace with your zombie's image */
      background-size: contain;
    }
  </style>
</head>
<body>
  <div id="game">
    Score: <span id="score">0</span>
  </div>

// Game elements
    var character = document.createElement("div");
    character.className = "character";
    var gameContainer = document.getElementById("game");
    gameContainer.appendChild(character);

// Handle jump event
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 32 && !isJumping) {
        isJumping = true;
        jump();
      }
    });

function jump() {
      var characterTopPosition = character.getBoundingClientRect().top;
      var jumpHeight = 100;

// Game loop
    function gameLoop() {
      spawnObstacle();
      updateScore();
      setTimeout(gameLoop, gameSpeed);
    }

function spawnObstacle() {
      var obstacle = document.createElement("div");
      obstacle.className = "obstacle";
      obstacle.style.left = "100%";

gameContainer.appendChild(obstacle);

var obstacleIntervalId = setInterval(function() {
        var obstacleLeftPosition = obstacle.getBoundingClientRect().left;

if (obstacleLeftPosition <= -100) {
          clearInterval(obstacleIntervalId);
          gameContainer.removeChild(obstacle);
        } else {
          obstacle.style.left = obstacleLeftPosition - 10 + "px";

if (isCollision(character, obstacle)) {
            gameOver();
          }
        }
      }, 20);
    }

function isCollision(character, obstacle) {
      var characterRect = character.getBoundingClientRect();
      var obstacleRect = obstacle.getBoundingClientRect();

return !(
        characterRect.top > obstacleRect.bottom ||
        characterRect.bottom < obstacleRect.top ||
        characterRect.right < obstacleRect.left ||
        characterRect.left > obstacleRect.right
      );
    }

function updateScore() {
      score++;
      document.getElementById("score").textContent = score;
    }

function gameOver() {
      alert("Game Over! Your score: " + score);
      resetGame();
    }

function resetGame() {
      score = 0;
      document.getElementById("score").textContent = score;

// Remove all obstacles
      var obstacles = document.getElementsByClassName("obstacle");
      while (obstacles.length > 0) {
        obstacles[0].parentNode.removeChild(obstacles[0]);
      }
    }

// Start the game
    gameLoop();
  </script>
</body>
</html>
```