A game where you throw the phone upwards to jump the idea is that you are double dutching and jump ropes resize constantly minimum is size 50 max size is 100 if size 100 show in front of player if size 50 show behind player's game

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

No:51971

123

←

Prev Next

→

A game where you throw the phone upwards to jump t..ALL
Developer User21734｜Date and time 24/3/17 7:50:55
Build time 6.2 sec｜Game capacity 1.834KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jump Rope Game</title>
</head>
<body style="background-color: #FFE4E1;">
    <canvas id="myCanvas" width="800" height="600" style="border:1px solid #000000; margin: 0 auto; display: block;"></canvas>

// Set starting variables
        var playerX = 380; // Initial x position of the player
        var playerY = 400; // Initial y position of the player
        var ropeSize = 50; // Initial size of the jump rope

// Function to draw the player and the jump rope
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, 40, 40);

// Draw the jump rope
            ctx.fillStyle = "red";
            ctx.fillRect(380, 0, 40, ropeSize);

// Move the jump rope up
            ropeSize += 2;

// Reset the jump rope size if it goes beyond the maximum size
            if (ropeSize > 100) {
                ropeSize = 50;
            }

// Check if the jump rope is at max size and show in front of the player
            if (ropeSize == 100) {
                ctx.fillStyle = "red";
                ctx.fillRect(playerX, playerY, 40, 40);
            }

// Check if the jump rope is at min size and show behind the player
            if (ropeSize == 50) {
                ctx.fillStyle = "red";
                ctx.fillRect(380, 0, 40, 40);
            }
        }

// Call the draw function every 10 milliseconds
        setInterval(draw, 10);
    </script>
</body>
</html>