Crea un juego plata formero's game

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

No:21212

←

Prev Next

→

Crea un juego plata formero
Developer User9478｜Date and time 23/10/14 4:24:30
Build time 54.926 sec｜Game capacity 2.729KB｜

Script

¡Claro! Aquí tienes un ejemplo de un juego de plataformas simple en un solo archivo HTML:

Este juego de plataformas tiene un solo jugador, representado por un cuadro azul (`#player`), y tres plataformas verdes (`platform`). El jugador puede saltar usando la flecha hacia arriba o la barra espaciadora. El objetivo es hacer que el jugador aterrice en las plataformas sin caerse. Puedes probar este juego copiando y pegando el código en un archivo HTML y abriéndolo en un navegador. ¡Diviértete jugando!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

¡Claro! Aquí tienes un ejemplo de un juego de plataformas simple en un solo archivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego de Plataformas</title>
  <style>
    #player {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: blue;
    }

.platform {
      position: absolute;
      width: 100px;
      height: 20px;
      background-color: green;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div class="platform" style="top: 200px; left: 100px;"></div>
  <div class="platform" style="top: 300px; left: 250px;"></div>
  <div class="platform" style="top: 400px; left: 400px;"></div>

var playerX = 0;
    var playerY = 0;
    var jumpForce = -10;
    var gravity = 0.5;
    var isJumping = false;

function gameLoop() {
      update();
      render();
    }

function update() {
      if (isJumping) {
        playerY += jumpForce;
        jumpForce += gravity;
      }

platforms.forEach(function(platform) {
        var rect1 = player.getBoundingClientRect();
        var rect2 = platform.getBoundingClientRect();

if (
          rect1.bottom >= rect2.top &&
          rect1.top <= rect2.bottom &&
          rect1.right >= rect2.left &&
          rect1.left <= rect2.right
        ) {
          if (jumpForce > 0) {
            // El jugador está colisionando con una plataforma desde arriba
            jumpForce = -10;
            isJumping = false;
          } else if (jumpForce < 0) {
            // El jugador está colisionando con una plataforma desde abajo
            jumpForce = 0;
          }
        }
      });
    }

function render() {
      player.style.transform = 'translate(' + playerX + 'px, ' + playerY + 'px)';
    }

function jump() {
      if (!isJumping) {
        jumpForce = -10;
        isJumping = true;
      }
    }

document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp' || event.key === ' ') {
        jump();
      }
    });

setInterval(gameLoop, 16);
  </script>
</body>
</html>
```

Puedes probar este juego copiando y pegando el código en un archivo HTML y abriéndolo en un navegador. ¡Diviértete jugando!