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

No:22329

El dinosaurio de Google pero que el personaje sea ..ALL
Developer User10325｜Date and time 23/10/22 7:55:46
Build time 60.391 sec｜Game capacity 3.89KB｜

Script

¡Claro! Aquí tienes un ejemplo de cómo podrías hacer un juego del dinosaurio de Google con el personaje de Goku:

Dinosaurio de Google - Goku Edition

Este código crea una página web que simula el juego del dinosaurio de Google pero con Goku como personaje principal. Al hacer clic en el botón "¡Jugar!", se inicia el juego y el dinosaurio empieza a caer. El jugador debe presionar la barra espaciadora para hacer que Goku salte y evite chocar con el suelo. La puntuación se muestra en la pantalla y el juego termina cuando Goku colisiona con el suelo. Se ofrece la opción de volver a jugar presionando el botón "Volver a Jugar".

←

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ías hacer un juego del dinosaurio de Google con el personaje de Goku:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dinosaurio de Google - Goku Edition</title>
  <style>
    body {
      background-color: #fafafa;
      overflow: hidden;
    }
    #game {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 600px;
      height: 350px;
      border: 2px solid #000;
      background-color: #fff;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    #game h1 {
      font-size: 24px;
      margin-bottom: 20px;
    }
    #game img {
      width: 150px;
    }
    #game button {
      padding: 10px 20px;
      font-size: 18px;
      margin-top: 20px;
      background-color: #4CAF50;
      color: #fff;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game">
    <h1>Dinosaurio de Google - Goku Edition</h1>
    <img src="goku.png" alt="Goku">
    <button id="start-btn">¡Jugar!</button>
  </div>

function jump() {
      var goku = document.querySelector("img");
      goku.classList.add("jump-animation");
      setTimeout(function() {
        goku.classList.remove("jump-animation");
      }, 500);
    }

document.getElementById("start-btn").addEventListener("click", function() {
      // Ocultar pantalla de inicio y comenzar el juego
      document.getElementById("game").style.display = "none";

// Mostrar dinosaurio de Google con Goku
      var gameContainer = document.createElement("div");
      gameContainer.id = "game-container";
      gameContainer.innerHTML = '<img src="dinosaur.png" alt="Dinosaurio de Google con Goku" id="dino">';

document.body.appendChild(gameContainer);

// Iniciar el juego
      var dino = document.getElementById("dino");
      var gameSpeed = 10;
      var gravity = 1;
      var score = 0;
      var gameIsOver = false;

function gameLoop() {
        if (!gameIsOver) {
          update();
          draw();
          requestAnimationFrame(gameLoop);
        }
      }

function update() {
        // Mover el dinosaurio hacia abajo en cada fotograma
        dino.style.top = (dino.offsetTop + gravity) + "px";
        gravity += 0.1;

// Verificar si el dinosaurio colisiona con el suelo
        if (dino.offsetTop + dino.offsetHeight > gameContainer.offsetHeight) {
          gameOver();
        }

// Actualizar la puntuación del juego
        score++;
      }

function draw() {
        // Actualizar la puntuación en la pantalla
        gameContainer.innerHTML += '<div id="score">Puntuación: ' + score + '</div>';
      }

function gameOver() {
        gameIsOver = true;
        gameContainer.innerHTML += '<h1 id="game-over">¡Fin del juego!</h1>';
        gameContainer.innerHTML += '<button id="restart-btn">Volver a Jugar</button>';

document.getElementById("restart-btn").addEventListener("click", function() {
          location.reload();
        });
      }

// Iniciar el bucle principal del juego
      gameLoop();
    });
  </script>
</body>
</html>
```