AI game creator

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

No:46717

←

Prev Next

→

Jogo de Plataforma
Developer User19302｜Date and time 24/2/25 21:21:35
Build time 6.868 sec｜Game capacity 2.207KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Plataforma</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let player = {
            x: 50,
            y: 550,
            width: 50,
            height: 50,
            speed: 5,
            dx: 0
        };

let ground = {
            x: 0,
            y: 600,
            width: 800,
            height: 50
        };

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawGround() {
            ctx.fillStyle = "green";
            ctx.fillRect(ground.x, ground.y, ground.width, ground.height);
        }

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

function newPos() {
            player.x += player.dx;

if (player.x < 0) {
                player.x = 0;
            }

if (player.x + player.width > canvas.width) {
                player.x = canvas.width - player.width;
            }
        }

function updateGameArea() {
            clearCanvas();
            drawGround();
            drawPlayer();
            newPos();
        }

function moveLeft() {
            player.dx = -player.speed;
        }

function moveRight() {
            player.dx = player.speed;
        }

function stop() {
            player.dx = 0;
        }

document.addEventListener("keyup", function(event) {
            if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
                stop();
            }
        });

setInterval(updateGameArea, 20);
    </script>
</body>
</html>