AI game creator

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

No:22319

←

Prev Next

→

básic plataformer
Developer User10322｜Date and time 23/10/22 6:50:31
Build time 40.668 sec｜Game capacity 3.104KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Básic Plataformer Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            background-color: #f0f0f0;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player variables
            var player = {
                x: 50,
                y: 50,
                width: 40,
                height: 40,
                color: "#FF0000",
                speed: 5
            };

// Platforms variables
            var platforms = [
                { x: 100, y: 200, width: 200, height: 20 },
                { x: 400, y: 300, width: 150, height: 20 },
                { x: 600, y: 450, width: 100, height: 20 }
            ];

// Key variables
            var keys = {};

// Event listeners for key presses
            document.addEventListener("keydown", function (event) {
                keys[event.keyCode] = true;
            });

document.addEventListener("keyup", function (event) {
                delete keys[event.keyCode];
            });

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

// Move player based on key presses
                if (37 in keys) {
                    player.x -= player.speed;
                }

if (39 in keys) {
                    player.x += player.speed;
                }

// Draw player
                ctx.fillStyle = player.color;
                ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw platforms
                ctx.fillStyle = "#000000";
                platforms.forEach(function (platform) {
                    ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
                });

// Check for collision with platforms
                platforms.forEach(function (platform) {
                    if (
                        player.y + player.height >= platform.y &&
                        player.y < platform.y + platform.height &&
                        player.x + player.width > platform.x &&
                        player.x < platform.x + platform.width
                    ) {
                        // Player is colliding with a platform
                        player.y = platform.y - player.height;
                    }
                });

requestAnimationFrame(gameLoop);
            }

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