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

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

No:50231

←

Prev Next

→

Faça um jogo de plataforma que pula andas para os ..ALL
Developer User21256｜Date and time 24/3/8 5:31:43
Build time 7.062 sec｜Game capacity 2.363KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Plataforma Jogo</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        const player = {
            x: 50,
            y: 500,
            width: 50,
            height: 50,
            speed: 5,
            jumpPower: 10,
            gravity: 0.5,
            isJumping: false,
            velocityY: 0
        };
        
        const platform = {
            x: 150,
            y: 450,
            width: 100,
            height: 20,
            speed: 1
        };
        
        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 clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }
        
        function update() {
            player.y += player.velocityY;
            player.velocityY += player.gravity;
            
            if (player.y > canvas.height - player.height) {
                player.y = canvas.height - player.height;
                player.velocityY = 0;
                player.isJumping = false;
            }
            
            if (platform.x + platform.width >= canvas.width || platform.x <= 0) {
                platform.speed *= -1;
            }
            
            platform.x += platform.speed;
        }
        
        function draw() {
            clearCanvas();
            drawPlayer();
            drawPlatform();
        }
        
        function jump() {
            if (!player.isJumping) {
                player.velocityY = -player.jumpPower;
                player.isJumping = true;
            }
        }
        
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }
        
        gameLoop();
        
        document.addEventListener('keydown', function(event) {
            if (event.key === ' ') {
                jump();
            }
        });
    </script>
</body>
</html>