Un juego donde seamos un sombrero que podamos ponernos en nuestros enemigos para controlarlos y podamos adquirir habilidades de un árbol de habilidades usando puntos de control que se obteníen después de controlar a un enemigo's game

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

No:13050

161

←

Prev Next

→

Un juego donde seamos un sombrero que podamos pone..ALL
Developer User3408｜Date and time 23/8/26 14:45:39
Build time 18.717 sec｜Game capacity 2.702KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Juego del Sombrero Mágico</title>
</head>
<body>
  <canvas id="canvas" width="480" height="320"></canvas>

//Definimos los objetos del juego
    const jugador = {
      x: 50,
      y: 50,
      width: 50,
      height: 50,
      color: '#FF0000',
      velocidad: 2
    };

const enemigo = {
      x: 150,
      y: 150,
      width: 50,
      height: 50,
      color: '#00FF00',
      velocidad: 1
    };

// Función de dibujar en pantalla
    function dibujarRectangulo(x, y, width, height, color) {
      ctx.fillStyle = color;
      ctx.fillRect(x, y, width, height);
    }

// Función principal de juego
    function juego() {
      // Limpiamos el canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujamos al jugador
      dibujarRectangulo(jugador.x, jugador.y, jugador.width, jugador.height, jugador.color);

// Dibujamos al enemigo
      dibujarRectangulo(enemigo.x, enemigo.y, enemigo.width, enemigo.height, enemigo.color);

// Movemos al jugador
      if (keys.Arriba && jugador.y > 0) {
        jugador.y -= jugador.velocidad;
      } else if (keys.Abajo && jugador.y + jugador.height < canvas.height) {
        jugador.y += jugador.velocidad;
      } else if (keys.Izquierda && jugador.x > 0) {
        jugador.x -= jugador.velocidad;
      } else if (keys.Derecha && jugador.x + jugador.width < canvas.width) {
        jugador.x += jugador.velocidad;
      }

// Movemos al enemigo
      if (enemigo.y < jugador.y) {
        enemigo.y += enemigo.velocidad;
      } else if (enemigo.y > jugador.y) {
        enemigo.y -= enemigo.velocidad;
      }

if (enemigo.x < jugador.x) {
        enemigo.x += enemigo.velocidad;
      } else if (enemigo.x > jugador.x) {
        enemigo.x -= enemigo.velocidad;
      }

// Dibujamos de nuevo en cada frame
      requestAnimationFrame(juego);
    }

// Objeto para almacenar las teclas presionadas
    const keys = {};

// Detectamos cuando una tecla es presionada
    document.addEventListener('keydown', function (event) {
      keys[event.code] = true;
    });

// Detectamos cuando una tecla es soltada
    document.addEventListener('keyup', function (event) {
      keys[event.code] = false;
    });

// Iniciamos el juego
    juego();

</script>
</body>
</html>