Un juego donde seamos un cubo,avanza solo y tenemos que saltar 20 pinchos,nuestro objetivo es saltar todos los pinchos y ganamos.'s game

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

No:40270

←

Prev Next

→

Un juego donde seamos un cubo,avanza solo y tenemo..ALL
Developer User18058｜Date and time 24/2/2 7:33:35
Build time 17.358 sec｜Game capacity 4.45KB｜

Script

¡Claro! Aquí tienes un ejemplo de cómo podría ser el juego que describiste:

Para jugar, simplemente ábrelo en un navegador en tu smartphone y pulsa la barra espaciadora o la flecha hacia arriba para saltar el cubo. El objetivo es saltar sobre los 20 pinchos sin colisionar con ninguno para ganar el juego. ¡Buena suerte!

←

Prev　Next

→ 　

Back　

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

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

¡Claro! Aquí tienes un ejemplo de cómo podría ser el juego que describiste:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Pincho Jumper</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

canvas {
      background-color: #000;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Definimos las dimensiones del canvas
    const canvasWidth = window.innerWidth;
    const canvasHeight = window.innerHeight;
    canvas.width = canvasWidth;
    canvas.height = canvasHeight;

// Definimos el tamaño del cubo y su posición inicial
    const cubeSize = 50;
    let cubeX = canvasWidth / 2 - cubeSize / 2;
    let cubeY = canvasHeight - cubeSize;
    let jumpHeight = 200;
    let isJumping = false;
    let jumpStartY = 0;
    let spikesPassed = 0;

// Definimos la velocidad y posición inicial de los pinchos
    const spikeSpeed = 5;
    const spikeWidth = 20;
    const spikeHeight = 80;
    let spikes = [];
    for (let i = 0; i < 20; i++) {
      spikes.push({
        x: canvasWidth + i * 300,
        y: canvasHeight - spikeHeight
      });
    }

// Función para dibujar el juego en cada frame
    function drawGame() {
      // Limpiamos el canvas
      context.clearRect(0, 0, canvasWidth, canvasHeight);

// Dibujamos los pinchos
      context.fillStyle = "#f00";
      spikes.forEach(spike => {
        context.fillRect(spike.x, spike.y, spikeWidth, spikeHeight);
      });

// Dibujamos el cubo
      context.fillStyle = "#fff";
      context.fillRect(cubeX, cubeY, cubeSize, cubeSize);

// Actualizamos la posición del cubo durante el salto
      if (isJumping) {
        const jumpElapsedTime = Date.now() - jumpStartY;
        const jumpProgress = jumpElapsedTime / jumpHeight;
        cubeY = canvasHeight - cubeSize - jumpProgress * jumpHeight;

if (jumpElapsedTime > jumpHeight) {
          isJumping = false;
        }
      }

// Colisión del cubo con los pinchos
      spikes.forEach(spike => {
        if (cubeX < spike.x + spikeWidth &&
            cubeX + cubeSize > spike.x &&
            cubeY < spike.y + spikeHeight &&
            cubeY + cubeSize > spike.y) {
          gameOver();
        }
      });

// Movemos los pinchos hacia la izquierda
      spikes.forEach(spike => {
        spike.x -= spikeSpeed;

// Si los pinchos se salen de la pantalla, los reseteamos
        if (spike.x + spikeWidth < 0) {
          spike.x = canvasWidth;
          spike.y = canvasHeight - spikeHeight;
          spikesPassed++;
        }
      });

// Ganamos el juego si pasamos todos los pinchos
      if (spikesPassed >= spikes.length) {
        gameWon();
      }

// Llamamos a la función de dibujo en el próximo frame
      requestAnimationFrame(drawGame);
    }

// Función para iniciar el salto del cubo
    function jumpCube() {
      if (!isJumping) {
        isJumping = true;
        jumpStartY = Date.now();
      }
    }

// Función para reiniciar el juego al perder
    function gameOver() {
      alert("¡Has perdido! Inténtalo de nuevo.");
      resetGame();
    }

// Función para mostrar mensaje de victoria y reiniciar el juego al ganar
    function gameWon() {
      alert("¡Has ganado! ¡Felicidades!");
      resetGame();
    }

// Función para reiniciar el juego
    function resetGame() {
      spikesPassed = 0;
      cubeX = canvasWidth / 2 - cubeSize / 2;
      cubeY = canvasHeight - cubeSize;
      spikes.forEach((spike, index) => {
        spike.x = canvasWidth + index * 300;
        spike.y = canvasHeight - spikeHeight;
      });
    }

// Capturamos eventos de teclado para controlar el salto del cubo
    window.addEventListener("keydown", function(event) {
      // Barra espaciadora o tecla flecha arriba
      if (event.keyCode === 32 || event.keyCode === 38) {
        jumpCube();
      }
    });

// Iniciamos el juego
    drawGame();
  </script>
</body>
</html>
```