Recrea el juego "geometry dash"'s game

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

No:40303

←

Prev Next

→

Recrea el juego "geometry dash"
Developer User18058｜Date and time 24/2/2 8:01:50
Build time 12.771 sec｜Game capacity 3.124KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Geometry Dash</title>
</head>
<body>
  <canvas id="gameCanvas" width="320px" height="480px"></canvas>

// Pictogramas
    const playerImage = new Image();
    playerImage.src = "player.png";
    const obstacleImage = new Image();
    obstacleImage.src = "obstacle.png";

// Estado de juego
    let gameRunning = false;

// Posiciones
    let playerX = 80;
    let playerY = CANVAS_HEIGHT / 2;
    let obstacleX = CANVAS_WIDTH;
    let obstacleY = CANVAS_HEIGHT / 2;

// Variables de movimiento
    let playerVelocity = 0;

// Obtener el canvas y el contexto
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Detectar pulsaciones
    document.addEventListener("keydown", jump);

// Función para comenzar/reiniciar el juego
    function startGame() {
      gameRunning = true;
      playerY = CANVAS_HEIGHT / 2; // Reiniciar posición del jugador
      playerVelocity = 0; // Reiniciar velocidad del jugador
      obstacleX = CANVAS_WIDTH; // Reiniciar posición del obstáculo
      requestAnimationFrame(updateGame);
    }

// Función para saltar
    function jump() {
      if (!gameRunning) {
        startGame(); // Comenzar juego si aún no ha comenzado
      }
      playerVelocity = JUMP;
    }

// Función para actualizar el juego
    function updateGame() {
      // Limpiar el canvas
      ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);

// Dibujar jugador
      ctx.drawImage(playerImage, playerX, playerY, 40, 40);

// Mover jugador
      playerY += playerVelocity;
      playerVelocity += GRAVITY;

// Detectar colisión con el suelo
      if (playerY >= CANVAS_HEIGHT - 40) {
        gameRunning = false;
        return; // Juego terminado
      }

// Dibujar obstáculo
      ctx.drawImage(obstacleImage, obstacleX, obstacleY, 40, 40);

// Mover obstáculo
      obstacleX -= OBSTACLE_SPEED;

// Generar nuevos obstáculos al salir del canvas
      if (obstacleX <= -40) {
        obstacleX = CANVAS_WIDTH;
        obstacleY = Math.random() * (CANVAS_HEIGHT - OBSTACLE_GAP);
      }

// Detectar colisión con el obstáculo
      if (
        playerX + 40 >= obstacleX &&
        playerX <= obstacleX + 40 &&
        (playerY <= obstacleY || playerY + 40 >= obstacleY + OBSTACLE_GAP)
      ) {
        gameRunning = false;
        return; // Juego terminado
      }

// Actualizar juego
      requestAnimationFrame(updateGame);
    }

// Comienzo del juego
    playerImage.onload = function () {
      obstacleImage.onload = function () {
        ctx.font = "30px Arial";
        ctx.fillText("Presiona cualquier tecla para empezar", 20, CANVAS_HEIGHT / 2);
      };
    };
  </script>
</body>
</html>