Un juego que se trata lo mismo que el dinosaurio de Google solo que somos un cubito y los cactus son pinchos's game

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

No:40482

←

Prev Next

→

Un juego que se trata lo mismo que el dinosaurio d..ALL
Developer User18058｜Date and time 24/2/3 2:42:29
Build time 12.227 sec｜Game capacity 3.063KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Dino Block Game</title>
    <style>
      canvas {
        background-color: #f2f2f2;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>

// Event listeners
      document.addEventListener("keydown", jump);
      document.addEventListener("touchstart", jump); // For smartphone operation

// Main game loop
      function gameLoop() {
        if (!isGameOver) {
          clearCanvas();
          updateBlock();
          createObstacles();
          updateObstacles();
          drawScore();
          requestAnimationFrame(gameLoop);
        }
      }

// Clears the canvas
      function clearCanvas() {
        context.clearRect(0, 0, canvas.width, canvas.height);
      }

// Updates the player block position and handles collisions
      function updateBlock() {
        block.y += gravity;

if (block.y >= canvas.height - block.height) {
          block.y = canvas.height - block.height;
        }

if (block.y < 0) {
          block.y = 0;
        }
      }

// Creates new obstacles
      function createObstacles() {
        if (score % 50 === 0) {
          var obstacle = { x: canvas.width, y: canvas.height - 20, width: 20, height: 20 };
          obstacles.push(obstacle);
        }
      }

// Updates obstacles position and handles collisions
      function updateObstacles() {
        for (var i = 0; i < obstacles.length; i++) {
          obstacles[i].x -= gameSpeed;

if (obstacles[i].x + obstacles[i].width < 0) {
            obstacles.splice(i, 1);
          }

if (
            block.x < obstacles[i].x + obstacles[i].width &&
            block.x + block.width > obstacles[i].x &&
            block.y < obstacles[i].y + obstacles[i].height &&
            block.y + block.height > obstacles[i].y
          ) {
            gameOver();
          }
        }
      }

// Handles player jump
      function jump() {
        if (block.y >= canvas.height - block.height) {
          block.y -= jumpStrength;
        }
      }

// Updates and draws the player's score
      function drawScore() {
        context.font = "16px Arial";
        context.fillStyle = "#000";
        context.fillText("Score: " + score, 10, 20);
        score++;
      }

// Ends the game
      function gameOver() {
        isGameOver = true;
        context.font = "40px Arial";
        context.fillStyle = "#000";
        context.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
      }

// Start the game
      gameLoop();

</script>
  </body>
</html>