Climbing game with rocks that fall when you grab them's game

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

No:26001

←

Prev Next

→

Climbing game with rocks that fall when you grab t..ALL
Developer User12785｜Date and time 23/11/26 3:55:25
Build time 71.712 sec｜Game capacity 3.576KB｜

Script

Sure! Here's a simple climbing game implemented as a single HTML file using JavaScript and enclosed in script tags:

🧗

Game Over!

Score: 0

In this game, the player is represented by a climbing pictogram ("🧗") at the bottom of the screen. The player can move horizontally by dragging their finger on the screen. Rocks in the form of pictograms ("💎") will continuously fall from the top, and the player needs to avoid colliding with them. The player's score increases for every second survived without collision. When the player collides with a rock, the game ends, and a "Game Over!" message is displayed on the screen. The game will restart automatically after the "Game Over!" message is displayed. You can copy this code into a single HTML file and open it in a web browser to play the game on a smartphone. Enjoy climbing and avoiding falling rocks!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a simple climbing game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #player {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      font-size: 30px;
    }
    .rock {
      position: absolute;
      color: gray;
      font-size: 30px;
    }
    .score {
      position: fixed;
      top: 10px;
      right: 10px;
      font-size: 18px;
    }
    .game-over {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
      color: red;
      display: none;
    }
  </style>
</head>
<body>
  <div id="player">🧗</div>
  <div class="game-over">Game Over!</div>
  <div class="score">Score: <span id="score">0</span></div>

// Create a rock
    function createRock() {
      const rock = document.createElement("div");
      rock.innerHTML = "💎";
      rock.classList.add("rock");
      rock.style.left = getRandomX() + "px";
      document.body.appendChild(rock);
    }

// Update player position based on touch input
    function updatePlayerPosition(event) {
      const touch = event.touches[0];
      const player = document.getElementById("player");
      player.style.left = touch.pageX + "px";
    }

// Check for collision between player and rocks
    function checkCollision() {
      const player = document.getElementById("player");
      const rocks = document.getElementsByClassName("rock");

for (let i = 0; i < rocks.length; i++) {
        const rock = rocks[i];
        const rockRect = rock.getBoundingClientRect();
        const playerRect = player.getBoundingClientRect();

if (
          playerRect.top <= rockRect.bottom &&
          playerRect.bottom >= rockRect.top &&
          playerRect.left <= rockRect.right &&
          playerRect.right >= rockRect.left
        ) {
          endGame();
          break;
        }
      }
    }

// Game over logic
    function endGame() {
      clearInterval(gameInterval);
      document.querySelector(".game-over").style.display = "block";
    }

let score = 0;
    let gameInterval;

// Start the game
    function startGame() {
      gameInterval = setInterval(() => {
        createRock();
        checkCollision();
        score++;
        document.getElementById("score").innerText = score;
      }, 1000);
    }

// Event listeners
    document.addEventListener("touchmove", updatePlayerPosition);
    document.getElementById("player").addEventListener("touchmove", (event) => { event.preventDefault(); });

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

When the player collides with a rock, the game ends, and a "Game Over!" message is displayed on the screen. The game will restart automatically after the "Game Over!" message is displayed.

You can copy this code into a single HTML file and open it in a web browser to play the game on a smartphone. Enjoy climbing and avoiding falling rocks!