Un juego donde SOS un bloque y hay flechas de izquierda y derecha y después hay un montón de bloques cayendo sin parar y si tocas los bloques vas a ganar monedas's game

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

No:35711

184

←

Prev Next

→

Un juego donde SOS un bloque y hay flechas de izqu..ALL
Developer User16538｜Date and time 24/1/15 3:33:07
Build time 9.842 sec｜Game capacity 2.436KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Juego del Bloque</title>
<style>
#block {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: red;
}

#coin {
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: yellow;
}

</style>
</head>
<body>
<script>
  // Variables de juego
  var blockPosition = 50; // Posición inicial del bloque
  var coins = 0; // Cantidad de monedas recolectadas

// Creación del bloque
  var blockElement = document.createElement("div");
  blockElement.id = "block";
  document.body.appendChild(blockElement);

// Registro de eventos de teclado
  document.addEventListener("keydown", function(event) {
    if (event.keyCode === 37) { // Flecha izquierda
      moveBlock(-10);
    } else if (event.keyCode === 39) { // Flecha derecha
      moveBlock(10);
    }
  });

// Movimiento del bloque
  function moveBlock(distance) {
    blockPosition += distance;
    blockElement.style.left = blockPosition + "px";
  }

// Generación de bloques cayendo
  setInterval(function() {
    var fallingBlock = document.createElement("div");
    fallingBlock.className = "falling-block";
    document.body.appendChild(fallingBlock);

// Movimiento de bloques cayendo
    var fallingBlockInterval = setInterval(function() {
      var blockTop = fallingBlock.offsetTop;
      fallingBlock.style.top = (blockTop + 10) + "px";

// Verificar si el bloque tocó el bloque principal
      if (blockTop + 10 >= window.innerHeight - 60 && blockTop + 10 <= window.innerHeight - 40 && Math.abs(fallingBlock.offsetLeft - blockPosition - 25) <= 50) {
        clearInterval(fallingBlockInterval);
        document.body.removeChild(fallingBlock);
        coins++;
        updateCoins();
      }

// Verificar si el bloque cayendo llegó al final de la pantalla
      if (blockTop + 10 > window.innerHeight - 20) {
        clearInterval(fallingBlockInterval);
        document.body.removeChild(fallingBlock);
      }
    }, 1000);

}, 1500);

// Actualizar cantidad de monedas recolectadas
  function updateCoins() {
    var coinElement = document.getElementById("coin");
    coinElement.innerHTML = "Monedas: " + coins;
  }

// Crear elemento de monedas
  var coinElement = document.createElement("div");
  coinElement.id = "coin";
  document.body.appendChild(coinElement);
  updateCoins();
</script>
</body>
</html>