Jump obstacles to escape from Turkey's game

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

No:23982

←

Prev Next

→

Jump obstacles to escape from Turkey
Developer User11222｜Date and time 23/11/5 1:04:11
Build time 133.916 sec｜Game capacity 5.394KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
</head>
<body style="background-color: #f3f3f3; padding: 0; margin: 0;">
    <canvas id="gameCanvas" width="400" height="400" style="border: 1px solid #000;"></canvas>
    <script>
        // Initialize the game when the page loads
        window.onload = function() {
            // Get the canvas and context
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

// Set up player properties
            var player = {
                x: 50,
                y: canvas.height - 50,
                width: 50,
                height: 50,
                speed: 5,
                isJumping: false,
                jumpHeight: 100,
                isMovingLeft: false,
                isMovingRight: false
            };

// Set up obstacle properties
            var obstacle = {
                x: canvas.width,
                y: canvas.height - 50,
                width: 50,
                height: 50,
                speed: 5
            };

// Keyboard event listeners to control player movement
            document.addEventListener("keydown", function(event) {
                if (event.key === "ArrowLeft") {
                    player.isMovingLeft = true;
                } else if (event.key === "ArrowRight") {
                    player.isMovingRight = true;
                } else if (event.key === "ArrowUp") {
                    if (!player.isJumping) {
                        player.isJumping = true;
                        jump();
                    }
                }
            });

// Function to update player position based on key presses
            function updatePlayerPosition() {
                if (player.isMovingLeft && player.x > 0) {
                    player.x -= player.speed;
                }
                if (player.isMovingRight && player.x < canvas.width - player.width) {
                    player.x += player.speed;
                }
            }

// Function to make the player jump
            function jump() {
                var jumpInterval = setInterval(function() {
                    player.y -= player.speed;
                    if (player.y <= canvas.height - player.jumpHeight) {
                        clearInterval(jumpInterval);
                        fall();
                    }
                }, 10);
            }

// Function to make the player fall after jumping
            function fall() {
                var fallInterval = setInterval(function() {
                    if (player.y < canvas.height - player.height) {
                        player.y += player.speed;
                    } else {
                        clearInterval(fallInterval);
                        player.isJumping = false;
                    }
                }, 10);
            }

// Function to update obstacle position and check for collision
            function updateObstacle() {
                obstacle.x -= obstacle.speed;

if (obstacle.x <= -obstacle.width) {
                    obstacle.x = canvas.width;
                }

if (isColliding(player, obstacle)) {
                    alert("¡Has sido alcanzado por el pavo!");
                    resetGame();
                }
            }

// Function to check collision between player and obstacle
            function isColliding(player, obstacle) {
                return player.x < obstacle.x + obstacle.width &&
                    player.x + player.width > obstacle.x &&
                    player.y < obstacle.y + obstacle.height &&
                    player.y + player.height > obstacle.y;
            }

// Function to reset the game
            function resetGame() {
                player.x = 50;
                player.y = canvas.height - 50;
                player.isJumping = false;

obstacle.x = canvas.width;
            }

// Function to draw the game objects on the canvas
            function draw() {
                // Clear the canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
                context.fillStyle = "blue";
                context.fillRect(player.x, player.y, player.width, player.height);

// Draw the obstacle
                context.fillStyle = "red";
                context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

// Call the update functions
                updatePlayerPosition();
                updateObstacle();

// Check if the game is finished (player escaped)
                if (player.x >= canvas.width) {
                    alert("¡Has escapado del pavo! ¡Ganaste el juego!");
                    resetGame();
                } else {
                    requestAnimationFrame(draw);
                }
            }

// Start the game
            draw();
        };
    </script>
</body>
</html>