Tap the moon to jump and there's a block and tap the moon so it can jump over the block and also the moon get power up it get faster and jump higher and the moon have 3 life's game

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

No:23106

5144

←

Prev Next

→

Tap the moon to jump and there's a block and tap t..ALL
Developer anonymous｜Date and time 70/1/1 10:19:31
Build time unknown sec｜Game capacity 4.771KB｜

Script

Sure, here's a simple game implemented in a single HTML file using JavaScript. It allows you to control a jumping moon with 3 lives, trying to jump over blocks and collecting power-ups to gain speed and jumping height. Note that this is a basic implementation and can be further enhanced with graphics and animations.

Remember to replace the image URLs with the actual image paths or URLs you want to use. The game supports touchscreen controls, allowing you to tap on the moon to make it jump. The moon has three lives, and it gains speed and jumping height when it collects power-ups. The score is displayed at the top of the game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Moon Jump Game</title>
</head>
<body>
    <script>
        // Moon Jump Game
        var moon = document.createElement('img');
        moon.src = 'moon.png'; // Replace 'moon.png' with your preferred pictogram image

var block = document.createElement('img');
        block.src = 'block.png'; // Replace 'block.png' with your preferred pictogram image

var powerUp = document.createElement('img');
        powerUp.src = 'powerup.png'; // Replace 'powerup.png' with your preferred pictogram image

var score = 0;
        var lives = 3;
        var jumpHeight = 100;
        var jumpSpeed = 10;

// Create game elements
        document.body.appendChild(moon);
        document.body.appendChild(block);
        document.body.appendChild(powerUp);

// Position elements randomly
        var screenWidth = window.innerWidth;
        var blockPosition = screenWidth + 100;
        var powerUpPosition = screenWidth + 500;

moon.style.position = "absolute";
        moon.style.left = "50px";
        moon.style.bottom = "0px";
        moon.style.width = "100px";

block.style.position = "absolute";
        block.style.left = blockPosition + "px";
        block.style.bottom = "0px";
        block.style.width = "100px";

powerUp.style.position = "absolute";
        powerUp.style.left = powerUpPosition + "px";
        powerUp.style.bottom = "0px";
        powerUp.style.width = "100px";

// Function to check collision between elements
        function checkCollision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            return !(rect1.bottom < rect2.top || rect1.top > rect2.bottom || rect1.right < rect2.left || rect1.left > rect2.right);
        }

// Function to handle moon jumps
        function jump() {
            if (moon.offsetTop > 0) {
                moon.style.bottom = (moon.offsetTop + jumpHeight) + "px";
                moon.src = 'jumping_moon.png'; // Replace 'jumping_moon.png' with your preferred pictogram image for jumping moon
            }
        }

// Function to handle moon falling
        function fall() {
            moon.style.bottom = (moon.offsetTop - jumpSpeed) + "px";
            moon.src = 'moon.png'; // Replace 'moon.png' with your preferred pictogram image
        }

// Function to update game elements and check collisions
        function updateGame() {
            blockPosition -= jumpSpeed;
            powerUpPosition -= jumpSpeed;

// Move block to the right when it goes off the screen
            if (blockPosition <= -100) {
                blockPosition = screenWidth + 100;
            }

// Move power-up to the right when it goes off the screen
            if (powerUpPosition <= -100) {
                powerUpPosition = screenWidth + 500;
            }

block.style.left = blockPosition + "px";
            powerUp.style.left = powerUpPosition + "px";

// Check collision with block
            if (checkCollision(moon, block)) {
                if (lives > 1) {
                    lives--;
                } else {
                    alert("Game Over! Your score: " + score);
                    location.reload();
                }
            }

// Check collision with power-up
            if (checkCollision(moon, powerUp)) {
                jumpHeight += 50;
                jumpSpeed += 2;
                powerUp.style.left = screenWidth + 500 + "px"; // Hide power-up by moving it off the screen
                score += 10;
            }

// Update score display
            document.getElementById("score").innerHTML = "Score: " + score;

fall();
            requestAnimationFrame(updateGame);
        }

// Listen for touch events on the moon pictogram to trigger jumps
        moon.addEventListener('touchstart', jump);

// Start the game
        updateGame();
    </script>
    <div id="score"></div>
</body>
</html>
```