AI game creator

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

No:20254

←

Prev Next

→

Platformer
Developer User7287｜Date and time 23/10/9 1:24:03
Build time 12.291 sec｜Game capacity 3.437KB｜

Script

Puntuación: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        
        #game {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f1f1f1;
            font-size: 40px;
        }
        
        #player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            bottom: 0;
        }
        
        .platform {
            width: 200px;
            height: 20px;
            background-color: green;
            position: absolute;
            bottom: 50px;
        }
        
        #score {
            position: fixed;
            top: 10px;
            right: 10px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
        <div class="platform"></div>
        <div class="platform" style="left: 400px;"></div>
        <div class="platform" style="left: 800px;"></div>
        <div id="score">Puntuación: 0</div>
    </div>

// Inicializar variables del juego
            var score = 0;
            var speed = 10;
            var jumping = false;

function movePlayer() {
                if (player.offsetTop < game.clientHeight - player.offsetHeight) {
                    player.style.top = player.offsetTop + speed + "px";
                }

for (var i = 0; i < platforms.length; i++) {
                    if (areColliding(player, platforms[i])) {
                        player.style.top = platforms[i].offsetTop - player.offsetHeight + "px";
                        jumping = false;
                        break;
                    }
                }

if (player.offsetTop > game.clientHeight - player.offsetHeight) {
                    player.style.top = game.clientHeight - player.offsetHeight + "px";
                    jumping = false;
                }

if (jumping) {
                    player.style.top = player.offsetTop - speed + "px";
                }
            }

function areColliding(element1, element2) {
                var rect1 = element1.getBoundingClientRect();
                var rect2 = element2.getBoundingClientRect();

return (
                    rect1.left < rect2.right &&
                    rect1.right > rect2.left &&
                    rect1.top < rect2.bottom &&
                    rect1.bottom > rect2.top
                );
            }

document.addEventListener("keydown", function (event) {
                if (!jumping && event.keyCode === 32) {
                    jumping = true;
                }
            });

setInterval(function () {
                movePlayer();

score++;
                scoreDisplay.textContent = "Puntuación: " + score;
            }, 50);
        });
    </script>
</body>
</html>