Speedrunner games simulator's game

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

No:31446

←

Prev Next

→

Speedrunner games simulator
Developer User15141｜Date and time 23/12/26 23:35:16
Build time 15.913 sec｜Game capacity 1.987KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Speedrunner Games Simulator</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player setup
        const player = {
            x: 200,
            y: 380,
            size: 20
        };

// Game state
        let isPlaying = false;

// Event listeners for touch controls (smartphone operation)
        canvas.addEventListener("touchstart", touchStart);
        canvas.addEventListener("touchend", touchEnd);

// Start the game
        function startGame() {
            isPlaying = true;
            gameLoop();
        }

// Game loop
        function gameLoop() {
            if (!isPlaying) {
                return;
            }

clearCanvas();
            movePlayer();
            drawPlayer();

requestAnimationFrame(gameLoop);
        }

// Clear the canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Move the player based on touch controls
        function movePlayer() {
            if (player.x > 0 && player.x < canvas.width - player.size) {
                player.x += player.direction === "left" ? -5 : 5;
            }
        }

// Draw the player as a pictogram
        function drawPlayer() {
            ctx.fillRect(player.x, player.y, player.size, player.size);
        }

// Start moving player left
        function touchStart() {
            player.direction = "left";
        }

// Stop moving player left
        function touchEnd() {
            player.direction = "right";
        }

// Start the game initially
        startGame();
    </script>