AI game creator

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

No:41382

←

Prev Next

→

A parkour game
Developer User18523｜Date and time 24/2/7 4:39:30
Build time 14.509 sec｜Game capacity 4.395KB｜

Script

Sure! Here's a simple parkour game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is designed for smartphone operation and uses pictograms for visual representation. You can play it after implementing the game logic.

To play the game, simply copy and paste the above code into a new HTML file, save it, and open it in a web browser on your smartphone. You can control the player character using the arrow keys or swipe gestures on your smartphone screen.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Parkour Game</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #f3f3f3;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Pictograms
        var playerSprite = "\uD83D\uDEB6"; // 🚶
        var obstacleSprite = "\uD83D\uDCA8"; // 💨

// Game initialization
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

player = new GameItem(50, 50, playerSprite, "black");
            obstacle = new GameItem(200, 150, obstacleSprite, "red");

gameInterval = setInterval(updateGameArea, 20);
        }

// Game item constructor
        function GameItem(x, y, sprite, color) {
            this.x = x;
            this.y = y;
            this.sprite = sprite;
            this.color = color;

this.update = function() {
                ctx.fillStyle = this.color;
                ctx.font = "36px Arial";
                ctx.fillText(this.sprite, this.x, this.y);
            }

this.move = function(dx, dy) {
                this.x += dx;
                this.y += dy;
            }
        }

// Game area update function
        function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

player.update();
            obstacle.update();
        }

// Handle player movement
        function movePlayer(direction) {
            switch (direction) {
                case "up":
                    player.move(0, -10);
                    break;
                case "down":
                    player.move(0, 10);
                    break;
                case "left":
                    player.move(-10, 0);
                    break;
                case "right":
                    player.move(10, 0);
                    break;
            }
        }

// Event listeners for player movement
        window.addEventListener("keydown", function(event) {
            event.preventDefault();
            switch (event.key) {
                case "ArrowUp":
                    movePlayer("up");
                    break;
                case "ArrowDown":
                    movePlayer("down");
                    break;
                case "ArrowLeft":
                    movePlayer("left");
                    break;
                case "ArrowRight":
                    movePlayer("right");
                    break;
            }
        });

window.addEventListener("touchstart", function(event) {
            event.preventDefault();
            var touch = event.changedTouches[0]
            startX = touch.clientX;
            startY = touch.clientY;
        });

window.addEventListener("touchend", function(event) {
            event.preventDefault();
            var touch = event.changedTouches[0]
            endX = touch.clientX;
            endY = touch.clientY;

var dx = endX - startX;
            var dy = endY - startY;

if (Math.abs(dx) > Math.abs(dy)) {
                if (dx > 0) {
                    movePlayer("right");
                } else {
                    movePlayer("left");
                }
            } else {
                if (dy > 0) {
                    movePlayer("down");
                } else {
                    movePlayer("up");
                }
            }
        });

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