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

No:10729

138

←

Prev Next

→

A Kirby game where kirby is in tetris having kirby..ALL
Developer User3408｜Date and time 23/8/2 9:46:18
Build time 33.338 sec｜Game capacity 3.128KB｜

Script

Juego de Kirby en Tetris

Puntuación: 0

GAME OVER

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Kirby en Tetris</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #eaeaea;
    }

#game-container {
      display: inline-block;
      margin-top: 50px;
    }

#score {
      margin-top: 20px;
      font-size: 18px;
    }

#game-over {
      display: none;
      margin-top: 20px;
      color: red;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Juego de Kirby en Tetris</h1>
  <div id="game-container">
    <canvas id="game-canvas" width="240" height="400"></canvas>
  </div>
  <div id="score">Puntuación: <span id="score-value">0</span></div>
  <div id="game-over">GAME OVER</div>

// Elementos de Tetris
    var elements = [
      // Cuadrado
      [[1, 1], [1, 1]],
      // Barra
      [[1, 1, 1, 1]],
      // L
      [[1, 0], [1, 0], [1, 1]],
      // T
      [[1, 1, 1], [0, 1, 0]],
      // S
      [[0, 1, 1], [1, 1, 0]],
      // Z
      [[1, 1, 0], [0, 1, 1]],
      // L inversa
      [[0, 1], [0, 1], [1, 1]]
    ];

// Posición inicial de Kirby y el robot
    var kirbyX = 3;
    var kirbyY = 0;
    var robotX = 0;
    var robotY = 0;

// Función para dibujar el juego
    function drawGame() {
      // Limpia el canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibuja a Kirby
      ctx.fillStyle = "#FDD835";
      ctx.fillRect(kirbyX * 40, kirbyY * 40, 40, 40);

// Dibuja al robot hecho de Tetris
      ctx.fillStyle = "#9C27B0";
      var robot = elements[robotX];
      for (var i = 0; i < robot.length; i++) {
        for (var j = 0; j < robot[i].length; j++) {
          if (robot[i][j] === 1) {
            ctx.fillRect((kirbyX + j) * 40, (kirbyY + i + 10) * 40, 40, 40);
          }
        }
      }

// Dibuja la puntuación
      ctx.fillStyle = "#000000";
      ctx.font = "bold 24px Arial";
      ctx.fillText("Puntuación: " + score, 10, 30);

// Verifica si Kirby ha alcanzado la salida
      if (kirbyY === 20) {
        gameOver = true;
        ctx.fillStyle = "#000000";
        ctx.font = "bold 48px Arial";
        ctx.fillText("¡Has ganado!", 20, canvas.height / 2);
      }
    }

// Función para manejar el movimiento de Kirby
    function moveKirby(event) {
      if (!gameOver) {
        switch (event.keyCode) {
          case 37: // Izquierda
            if (kirbyX > 0) {
              kirbyX--;
            }
            break;
          case 39: // Derecha
            if (kirbyX < 5) {
              kirbyX++;
            }
            break;
        }
        drawGame();
      }
    }

// Función para inicializar el juego
    function startGame() {
      canvas = document.getElementById('game-canvas');
      ctx = canvas.getContext('2d');
      document.addEventListener('keydown', moveKirby);
      drawGame();
    }

// Inicia el juego cuando se carga la página
    window.onload = startGame;
  </script>
</body>
</html>