AI game creator

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

No:51225

105

←

Prev Next

→

A simple platform
Developer User21483｜Date and time 24/3/11 10:28:38
Build time 6.035 sec｜Game capacity 2.026KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Simple Platform Game</title>
<style>
    body {
        text-align: center;
    }
    #player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: blue;
    }
    #platform {
        position: absolute;
        width: 100px;
        height: 10px;
        background-color: green;
        top: 200px;
        left: 200px;
    }
</style>
</head>
<body>

player.style.top = playerY + 'px';
    player.style.left = playerX + 'px';

let rightPressed = false;
    let leftPressed = false;

function gameLoop() {
        if(rightPressed) {
            playerX += 5;
        }
        if(leftPressed) {
            playerX -= 5;
        }

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

if(collision(player, platform)) {
            alert('You win!');
        }

requestAnimationFrame(gameLoop);
    }

function collision(player, platform) {
        let playerRect = player.getBoundingClientRect();
        let platformRect = platform.getBoundingClientRect();

return !(playerRect.right < platformRect.left || 
                playerRect.left > platformRect.right || 
                playerRect.bottom < platformRect.top || 
                playerRect.top > platformRect.bottom);
    }

gameLoop();
</script>

</body>
</html>