Un juego de plataformas 2d con botones donde yo soy el protagonista y tiene que derrotar a unas criaturas redondas con pelo verde y ojos rojos's game

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

No:20379

←

Prev Next

→

Un juego de plataformas 2d con botones donde yo s..ALL
Developer User9027｜Date and time 23/10/9 10:08:16
Build time 14.361 sec｜Game capacity 3.829KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #game {
            width: 450px;
            height: 450px;
            border: 1px solid black;
            position: relative;
        }

.character {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
        }

.creature {
            width: 40px;
            height: 40px;
            position: absolute;
        }

.player {
            background: url('player.png') no-repeat center;
            background-size: contain;
        }

.enemy {
            background: url('enemy.png') no-repeat center;
            background-size: contain;
        }

.button {
            width: 80px;
            height: 80px;
            margin: 10px;
            font-size: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player" class="character player"></div>
        <div id="enemy1" class="creature enemy"></div>
        <div id="enemy2" class="creature enemy"></div>
        <div id="enemy3" class="creature enemy"></div>
        <div id="enemy4" class="creature enemy"></div>
    </div>
    <div>
        <button id="leftButton" class="button">Izquierda</button>
        <button id="rightButton" class="button">Derecha</button>
        <button id="jumpButton" class="button">Saltar</button>
        <button id="attackButton" class="button">Atacar</button>
    </div>

function moveLeft() {
            var player = document.getElementById('player');
            var currentPosition = parseInt(player.style.left) || 0;
            player.style.left = currentPosition - 5 + 'px';
        }

function moveRight() {
            var player = document.getElementById('player');
            var currentPosition = parseInt(player.style.left) || 0;
            player.style.left = currentPosition + 5 + 'px';
        }

function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            return !(rect1.right < rect2.left ||
                rect1.left > rect2.right ||
                rect1.bottom < rect2.top ||
                rect1.top > rect2.bottom);
        }
    </script>
</body>
</html>