Un juego que se trata lo mismo que el dinosaurio de Google solo que somos un cubito y los cactus son pinchos,y que sea para smartphone y para comenzar de nuevo,cuando pierdes te sale un texto que dice retry y tienes que tocar la pantalla para comenzar de vuelta,y que tenga suelo y que los pinchos estén pegados al suelo y nosotros spawneemos allí, también un botón para cambiar de color al cubo tocando unos botones con colores una vez apretado ese botón,y para salir tienes que tocar un botón.'s game

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

No:40484

←

Prev Next

→

Un juego que se trata lo mismo que el dinosaurio d..ALL
Developer User18058｜Date and time 24/2/3 2:47:48
Build time 20.01 sec｜Game capacity 4.469KB｜

Script

Aquí tienes el código de un juego que cumple con tus requisitos:

Retry

Cambiar Color

Salir

Para jugar al juego, guarda el código en un archivo HTML y ábrelo con un navegador web en tu smartphone. Puedes tocar la pantalla para hacer que el cubito salte y evitar los pinchos verdes. Si pierdes, toca el botón "Retry" para comenzar de nuevo. También puedes cambiar el color del cubito tocando el botón "Cambiar Color", y salir del juego tocando el botón "Salir". ¡Diviértete!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Aquí tienes el código de un juego que cumple con tus requisitos:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego del Cubito</title>
  <style>
    #game {
      position: relative;
      height: 300px;
      background-color: #f1f1f1;
      overflow: hidden;
      touch-action: none;
    }
    #cube {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50px;
      height: 50px;
      background-color: blue;
    }
    .spike {
      position: absolute;
      bottom: 0;
      width: 40px;
      height: 40px;
      background-color: green;
    }
    #retry-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 10px 20px;
      background-color: yellow;
      cursor: pointer;
    }
    #color-change-button {
      position: absolute;
      top: 10px;
      right: 10px;
      padding: 10px;
      background-color: white;
      cursor: pointer;
    }
    #exit-button {
      position: absolute;
      top: 10px;
      left: 10px;
      padding: 10px;
      background-color: white;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="cube"></div>
    <div id="retry-button">Retry</div>
    <div id="color-change-button">Cambiar Color</div>
    <div id="exit-button">Salir</div>
  </div>

function startGame() {
      spikes = [];
      score = 0;
      cube.style.bottom = '0px';
      retryButton.style.display = 'none';
      cube.style.backgroundColor = 'blue';
      game.style.backgroundColor = '#f1f1f1';
      generateSpikes();
      
      interval = setInterval(function() {
        moveCube();
        moveSpikes();
        checkCollision();
        score++;
      }, 20);
    }

function moveCube() {
      var position = parseInt(cube.style.bottom);
      cube.style.bottom = (position + 2) + 'px';
    }

function generateSpikes() {
      for (var i = 0; i < 5; i++) {
        var spike = document.createElement('div');
        spike.className = 'spike';
        spike.style.left = (Math.random() * (game.offsetWidth - 40)) + 'px';
        spikes.push(spike);
        game.appendChild(spike);
      }
    }

function intersectRect(r1, r2) {
      return !(r2.left > r1.right ||
               r2.right < r1.left ||
               r2.top > r1.bottom ||
               r2.bottom < r1.top);
    }

function gameOver() {
      clearInterval(interval);
      retryButton.style.display = 'block';
      cube.style.backgroundColor = 'red';
      game.style.backgroundColor = 'gray';
    }

retryButton.addEventListener('click', startGame);

var colors = ['blue', 'green', 'red', 'yellow'];
    var currentColorIndex = 0;

colorChangeButton.addEventListener('click', function() {
      currentColorIndex = (currentColorIndex + 1) % colors.length;
      cube.style.backgroundColor = colors[currentColorIndex];
    });

exitButton.addEventListener('click', function() {
      window.close();
    });

startGame();
  </script>
</body>
</html>
```