A game where you jump on clouds and don't fall, arrow keys to move, tap to jump's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
A game where you jump on clouds and don't fall, arrow keys to move, tap to jump's game | AI game creator

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

No:37407

←

Prev Next

→

A game where you jump on clouds and don't fall, ar..ALL
Developer User17064｜Date and time 24/1/21 3:35:50
Build time 11.797 sec｜Game capacity 3.893KB｜

Script

Sure! Here is a simple game where you can jump on clouds and try to avoid falling. The game can be played on a smartphone using arrow keys for movement and tapping the screen to jump. Pictograms are used to represent clouds.

To play the game, simply copy the above code and save it as an HTML file (e.g., `cloud_jumper.html`). Then, open the file with a web browser on your smartphone. You can use the arrow keys for movement and tap on the screen to jump. The game involves jumping on clouds and avoiding falling down. The cloud is represented by the ☁️ pictogram. Enjoy 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>Cloud Jumper</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Handle arrow key presses
        function handleKeyPress(event) {
            if (event.keyCode === 37) { // Left arrow key
                moveCloud(-5); // Move cloud left
            } else if (event.keyCode === 39) { // Right arrow key
                moveCloud(5); // Move cloud right
            }
        }

// Handle screen tap
        function handleTap() {
            if (!isJumping) {
                isJumping = true;
                jump();
            }
        }

// Move cloud horizontally
        function moveCloud(offset) {
            cloudX += offset;

// Make sure cloud stays within the screen boundaries
            if (cloudX < 0) {
                cloudX = 0;
            } else if (cloudX > canvas.width - 50) {
                cloudX = canvas.width - 50;
            }
        }

// Jump cloud vertically
        function jump() {
            var jumpInterval = setInterval(function() {
                cloudY -= jumpSpeed;

if (cloudY <= jumpHeight) {
                    clearInterval(jumpInterval);
                    fall();
                }
            }, 10);
        }

// Make cloud fall after each jump
        function fall() {
            var fallInterval = setInterval(function() {
                cloudY += cloudYSpeed;

if (cloudY >= canvas.height - 50) {
                    clearInterval(fallInterval);
                    isJumping = false;
                    cloudY = canvas.height - 50;
                }
            }, 10);
        }

// Update game canvas
        function update() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw cloud
            canvasContext.font = "48px serif";
            canvasContext.fillText("☁️", cloudX, cloudY);

// Request next animation frame
            requestAnimationFrame(update);
        }

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

// Set canvas size
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

// Handle arrow key presses
            document.addEventListener("keydown", handleKeyPress);

// Handle screen tap
            document.addEventListener("click", handleTap);

// Start game loop
            update();
        }

// Start game when page finishes loading
        window.onload = function() {
            init();
        };
    </script>
</body>
</html>
```