AI game creator

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

No:26762

←

Prev Next

→

Parkour
Developer Rowdagriff｜Date and time 23/12/2 10:52:56
Build time 43.289 sec｜Game capacity 3.933KB｜

Script

Sure! Here's a simple parkour game implemented as a single HTML file using JavaScript. You can play the game on a smartphone:

This game features a player character represented as a white square, and obstacles represented by red rectangles. The player can jump by touching the screen on their smartphone. The goal is to avoid colliding with the moving obstacles and obtain the highest score possible. Please note that this is a simplified example and can be further enhanced with additional features and graphics.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple parkour game implemented as a single HTML file using JavaScript. You can play the game on a smartphone:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            background-color: #000;
        }
    </style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

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

// Game loop
    function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
    }

// Function to update game state
    function update() {
        // Move obstacles
        for (var i = 0; i < obstacles.length; i++) {
            obstacles[i].x -= player.speed;

// Remove obstacles that are off screen
            if (obstacles[i].x + obstacles[i].width < 0) {
                obstacles.splice(i, 1);
                i--;
            }
        }

// Check for collision with obstacles
        for (var i = 0; i < obstacles.length; i++) {
            if (checkCollision(player, obstacles[i])) {
                // Game over
                alert("Game over! Your score: " + score);
                resetGame();
                return;
            }
        }

// Check for reaching jump height
        if (isJumping && player.y <= canvas.height - jumpHeight) {
            isJumping = false;
        }

// Apply gravity
        if (!isJumping && player.y < canvas.height - player.height) {
            player.y += jumpForce;
        }

// Increase score
        score++;
    }

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

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

// Draw obstacles
        context.fillStyle = "#F00";
        for (var i = 0; i < obstacles.length; i++) {
            context.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);
        }

// Draw score
        context.fillStyle = "#FFF";
        context.font = "20px Arial";
        context.fillText("Score: " + score, 10, 30);
    }

// Function to handle touch events
    function handleTouch(event) {
        if (!isJumping && player.y >= canvas.height - player.height) {
            isJumping = true;
            player.y -= jumpHeight;
        }
    }

// Function to check collision between two objects
    function checkCollision(obj1, obj2) {
        return obj1.x < obj2.x + obj2.width &&
            obj1.x + obj1.width > obj2.x &&
            obj1.y < obj2.y + obj2.height &&
            obj1.y + obj1.height > obj2.y;
    }

// Function to reset game state
    function resetGame() {
        player.x = 50;
        player.y = canvas.height - 50;
        obstacles = [];
        isJumping = false;
        score = 0;
    }

// Add touch event listener
    document.addEventListener("touchstart", handleTouch);

// Start game
    gameLoop();
</script>
</body>
</html>
```

Please note that this is a simplified example and can be further enhanced with additional features and graphics.