Crea un juego simple con temática isekai's game

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

No:24556

←

Prev Next

→

Crea un juego simple con temática isekai
Developer User11678｜Date and time 23/11/10 2:08:40
Build time 51.122 sec｜Game capacity 1.95KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego Isekai</title>
</head>
<body>
  <canvas id="myCanvas" width="400" height="400"></canvas>

// Pictogramas para el juego
    var jugador = new Image();
    jugador.src = "jugador.png";
    var portal = new Image();
    portal.src = "portal.png";
    var monstruo = new Image();
    monstruo.src = "monstruo.png";

// Posiciones iniciales
    var jugadorX = 200;
    var jugadorY = 200;
    var portalX = 50;
    var portalY = 50;
    var monstruoX = 300;
    var monstruoY = 300;

// Función para dibujar los pictogramas en el canvas
    function dibujar() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(jugador, jugadorX, jugadorY, 50, 50);
      ctx.drawImage(portal, portalX, portalY, 50, 50);
      ctx.drawImage(monstruo, monstruoX, monstruoY, 50, 50);
    }

// Función para mover al jugador según las teclas presionadas
    function moverJugador(event) {
      var tecla = event.keyCode;
      if (tecla === 37) { // Izquierda
        jugadorX -= 10;
      } else if (tecla === 38) { // Arriba
        jugadorY -= 10;
      } else if (tecla === 39) { // Derecha
        jugadorX += 10;
      } else if (tecla === 40) { // Abajo
        jugadorY += 10;
      }

// Verificar si el jugador ha alcanzado el portal o fue atrapado por el monstruo
      if (jugadorX === portalX && jugadorY === portalY) {
        alert("Has ganado, ¡has llegado al portal!");
      } else if (jugadorX === monstruoX && jugadorY === monstruoY) {
        alert("¡Oh no! Has sido atrapado por el monstruo.");
      }

dibujar();
    }

// Escuchar eventos de teclado
    document.addEventListener("keydown", moverJugador);

// Iniciar el juego
    dibujar();
  </script>
</body>
</html>