Juego 2d de plataformas's game

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

No:15948

148

←

Prev Next

→

Juego 2d de plataformas
Developer User7013｜Date and time 23/9/14 4:35:16
Build time 31.193 sec｜Game capacity 3.105KB｜

Script

Aquí tienes un ejemplo de un juego 2D de plataformas implementado en un solo archivo HTML utilizando JavaScript:

Este código crea un juego de plataformas básico donde puedes mover un personaje rojo (representado por una `div` roja) hacia la derecha y hacia la izquierda usando las teclas de flecha, y también permite que el personaje salte presionando la tecla de flecha hacia arriba. Hay un obstáculo gris (representado por una `div` gris) en el escenario que puedes evitar saltando sobre él. Este es solo un ejemplo simple y se puede mejorar y expandir agregando más niveles, enemigos, mecánicas de juego y gráficos más elaborados.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Aquí tienes un ejemplo de un juego 2D de plataformas implementado en un solo archivo HTML utilizando JavaScript:

```html
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Juego 2D de Plataformas</title>
    <style>
        #tablero {
            position: relative;
            width: 600px;
            height: 400px;
            background-color: lightblue;
        }

.personaje {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
        }

.obstaculo {
            position: absolute;
            width: 100px;
            height: 20px;
            background-color: gray;
        }
    </style>
</head>
<body>
    <div id="tablero">
        <div id="personaje" class="personaje"></div>
        <div id="obstaculo" class="obstaculo"></div>
    </div>

var posicionPersonajeX = 0;
        var posicionPersonajeY = 350;
        personaje.style.left = posicionPersonajeX + "px";
        personaje.style.top = posicionPersonajeY + "px";

var posicionObstaculoX = 200;
        var posicionObstaculoY = 300;
        obstaculo.style.left = posicionObstaculoX + "px";
        obstaculo.style.top = posicionObstaculoY + "px";

// Funciones del juego
        function moverDerecha() {
            posicionPersonajeX += 10;
            personaje.style.left = posicionPersonajeX + "px";
        }

function moverIzquierda() {
            posicionPersonajeX -= 10;
            personaje.style.left = posicionPersonajeX + "px";
        }

function saltar() {
            if (posicionPersonajeY === 350) { // Verificar si el personaje está en el suelo
                posicionPersonajeY -= 100;
                personaje.style.top = posicionPersonajeY + "px";

setTimeout(function() {
                    posicionPersonajeY += 100;
                    personaje.style.top = posicionPersonajeY + "px";
                }, 500);
            }
        }

// Eventos de control
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowRight") {
                moverDerecha();
            } else if (event.key === "ArrowLeft") {
                moverIzquierda();
            } else if (event.key === "ArrowUp") {
                saltar();
            }
        });
    </script>
</body>
</html>
```

Este es solo un ejemplo simple y se puede mejorar y expandir agregando más niveles, enemigos, mecánicas de juego y gráficos más elaborados.