Faça um jogo de plataforma que pula e que de para movimentar para os lados tem plataformas que voam e que tem 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:50233

129

←

Prev Next

→

Faça um jogo de plataforma que pula e que de para ..ALL
Developer User21256｜Date and time 24/3/8 5:32:43
Build time 10.798 sec｜Game capacity 2.685KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

<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>
</head>

let player = {
            x: 50,
            y: 450,
            width: 50,
            height: 50,
            speedX: 0,
            speedY: 0,
            gravity: 0.2,
            jumping: false,
            grounded: false
        };

let platform = {
            x: 50,
            y: 500,
            width: 100,
            height: 20
        };

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

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

function updatePlayer() {
            player.speedY += player.gravity;
            player.y += player.speedY;

if(player.y > canvas.height - player.height) {
                player.y = canvas.height - player.height;
                player.grounded = true;
            } else {
                player.grounded = false;
            }

if(player.jumping && player.grounded) {
                player.speedY = -5;
                player.jumping = false;
            }

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

drawPlayer();
        }

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

drawPlatform();
            updatePlayer();

requestAnimationFrame(updateGameArea);
        }

document.addEventListener('keyup', (event) => {
            if(event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
                player.speedX = 0;
            }
        });

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

</html>