เกมวิ่งผ่านด่าน's game

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

No:43168

←

Prev Next

→

เกมวิ่งผ่านด่าน
Developer User19114｜Date and time 24/2/14 16:17:33
Build time 6.709 sec｜Game capacity 2.348KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>เกมวิ่งผ่านด่าน</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>
    <script>
        // Script tag
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Variables
        let playerX = 50;
        let playerY = canvas.height / 2;
        let playerRadius = 20;

let dx = 3; // X-axis velocity
        let dy = 0; // Y-axis velocity

let isJumping = false; // To keep track of player's jump state

// Event listeners for touch
        canvas.addEventListener("touchstart", handleTouchStart, false);
        canvas.addEventListener("touchend", handleTouchEnd, false);
        canvas.addEventListener("touchmove", handleTouchMove, false);

// Functions to handle touch events
        function handleTouchStart(event) {
            event.preventDefault();
            if (!isJumping) {
                dy = -10; // Start jump by setting velocity upwards
                isJumping = true;
            }
        }

function handleTouchEnd(event) {
            event.preventDefault();
            if (isJumping) {
                dy = 10; // End jump by setting velocity downwards
                isJumping = false;
            }
        }

function handleTouchMove(event) {
            event.preventDefault();
        }

// Game loop
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.beginPath();
            ctx.arc(playerX, playerY, playerRadius, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();

// Move player
            playerY += dy;

// Apply gravity
            if (playerY < canvas.height - playerRadius) {
                dy += 0.5;
            } else {
                dy = 0;
                playerY = canvas.height - playerRadius;
            }

// Request next frame
            requestAnimationFrame(draw);
        }

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