Faça um jogo de plataforma que pula andas para os lados tem plataformas que voam's game

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

No:50228

←

Prev Next

→

Faça um jogo de plataforma que pula andas para os ..ALL
Developer User21256｜Date and time 24/3/8 5:30:11
Build time 12.358 sec｜Game capacity 4.45KB｜

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>
            #player {
                width: 50px;
                height: 50px;
                background-color: blue;
                position: absolute;
                bottom: 0;
                left: 0;
            }
            .platform {
                width: 100px;
                height: 20px;
                background-color: green;
                position: absolute;
                bottom: 30px;
            }
            .flying-platform {
                width: 100px;
                height: 20px;
                background-color: red;
                position: absolute;
                bottom: 100px;
                animation: fly 2s infinite alternate;
            }
            @keyframes fly {
                from {
                    transform: translateY(0);
                }
                to {
                    transform: translateY(-50px);
                }
            }
        </style>
    </head>
    <body>
        <div id="player"></div>
        <div class="platform" style="left: 100px;"></div>
        <div class="platform" style="left: 300px;"></div>
        <div class="flying-platform" style="left: 200px;"></div>
        
        <script>
            const player = document.getElementById('player');
            let playerX = 0;
            let playerY = 0;
            let isJumping = false;
            let isFalling = false;

function jump() {
                if (!isJumping && !isFalling) {
                    isJumping = true;
                    let jumpHeight = 100;
                    let jumpDuration = 500;
                    let startTime = Date.now();
                    
                    function jumpLoop() {
                        let currentTime = Date.now();
                        let elapsedTime = currentTime - startTime;

if (elapsedTime < jumpDuration) {
                            let jumpProgress = (elapsedTime / jumpDuration) * jumpHeight;
                            playerY = jumpHeight - jumpProgress;
                            player.style.bottom = playerY + 'px';
                            requestAnimationFrame(jumpLoop);
                        } else {
                            playerY = 0;
                            player.style.bottom = playerY + 'px';
                            isJumping = false;
                            fall();
                        }
                    }

jumpLoop();
                }
            }

function fall() {
                if (!isFalling && playerY > 0) {
                    isFalling = true;
                    let fallHeight = playerY;
                    let fallDuration = 500;
                    let startTime = Date.now();

function fallLoop() {
                        let currentTime = Date.now();
                        let elapsedTime = currentTime - startTime;

if (elapsedTime < fallDuration) {
                            let fallProgress = (elapsedTime / fallDuration) * fallHeight;
                            playerY = fallHeight - fallProgress;
                            player.style.bottom = playerY + 'px';
                            requestAnimationFrame(fallLoop);
                        } else {
                            playerY = 0;
                            player.style.bottom = playerY + 'px';
                            isFalling = false;
                        }
                    }

fallLoop();
                }
            }

function movePlayer(direction) {
                let stepSize = 50;

if (direction === 'left') {
                    playerX -= stepSize;
                } else if (direction === 'right') {
                    playerX += stepSize;
                }

player.style.left = playerX + 'px';
            }