Faça um jogo de plataforma que pula e que de para movimentar para os lados tem plataformas que voam e que tenha colisão que tenha gravidade que tenha chão's game

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

No:50234

←

Prev Next

→

Faça um jogo de plataforma que pula e que de para ..ALL
Developer User21256｜Date and time 24/3/8 5:33:22
Build time 14.826 sec｜Game capacity 3.551KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo de Plataforma</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>

let player = {
            x: 50,
            y: 300,
            width: 30,
            height: 30,
            speed: 5,
            velX: 0,
            velY: 0,
            jumping: false,
            grounded: false
        };

let platform = {
            x: 0,
            y: 350,
            width: canvas.width,
            height: 50,
            color: 'brown'
        };

let flyingPlatform = {
            x: 200,
            y: 200,
            width: 60,
            height: 20,
            color: 'purple',
            velX: 3
        };

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

function drawPlatform() {
            ctx.fillStyle = platform.color;
            ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
        }

function drawFlyingPlatform() {
            ctx.fillStyle = flyingPlatform.color;
            ctx.fillRect(flyingPlatform.x, flyingPlatform.y, flyingPlatform.width, flyingPlatform.height);
        }

function collisionCheck() {
            if (player.x < flyingPlatform.x + flyingPlatform.width &&
                player.x + player.width > flyingPlatform.x &&
                player.y < flyingPlatform.y + flyingPlatform.height &&
                player.y + player.height > flyingPlatform.y) {
                alert('Colisão com a plataforma voadora! Fim de Jogo!');
                location.reload();
            }
        }

function gravity() {
            if (player.y + player.height < platform.y) {
                player.velY += 1.5; // gravidade
                player.grounded = false;
            } else {
                player.velY = 0;
                player.grounded = true;
                player.y = platform.y - player.height;
            }

player.y += player.velY;
        }

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

drawPlatform();
            drawFlyingPlatform();
            drawPlayer();
            gravity();
            collisionCheck();

if (flyingPlatform.x + flyingPlatform.width > canvas.width || flyingPlatform.x < 0) {
                flyingPlatform.velX = -flyingPlatform.velX;
            }

flyingPlatform.x += flyingPlatform.velX;

requestAnimationFrame(gameLoop);
        }

document.addEventListener('keydown', function (event) {
            if (event.key === 'ArrowUp' && player.grounded) {
                player.velY = -20; // impulso para pular
                player.grounded = false;
            }

if (event.key === 'ArrowLeft' && player.x > 0) {
                player.x -= player.speed;
            }

if (event.key === 'ArrowRight' && player.x + player.width < canvas.width) {
                player.x += player.speed;
            }
        });

gameLoop();
    </script>
</body>

</html>