Jogo do dinossauro que tem que desviar dos cactos e passaros's game

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

No:42293

←

Prev Next

→

Jogo do dinossauro que tem que desviar dos cactos ..ALL
Developer User18853｜Date and time 24/2/11 10:11:14
Build time 16.001 sec｜Game capacity 4.32KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo do Dinossauro</title>
  <style>
    #canvas {
      background-color: #f7f7f7;
      border: 1px solid #ddd;
      display: block;
      margin: 0 auto;
      padding: 0;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="200"></canvas>
  <script>
    // Variáveis do jogo
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var dino = { x: 50, y: 150, width: 50, height: 50, speed: 5, jumping: false, grounded: true };
    var cactuses = [{ x: 400, y: 150, width: 20, height: 50, speed: 5 }];
    var birds = [{ x: 600, y: 100, width: 50, height: 35, speed: 8 }];
    var score = 0;
    var interval;

// Função para reiniciar o jogo
    function reset() {
      dino = { x: 50, y: 150, width: 50, height: 50, speed: 5, jumping: false, grounded: true };
      cactuses = [{ x: 400, y: 150, width: 20, height: 50, speed: 5 }];
      birds = [{ x: 600, y: 100, width: 50, height: 35, speed: 8 }];
      score = 0;
      clearInterval(interval);
      interval = setInterval(update, 20);
    }

// Função para desenhar o dinossauro
    function drawDino() {
      ctx.fillStyle = "green";
      ctx.fillRect(dino.x, dino.y, dino.width, dino.height);
    }

// Função para desenhar os cactos
    function drawCactuses() {
      ctx.fillStyle = "brown";
      cactuses.forEach(function (cactus) {
        ctx.fillRect(cactus.x, cactus.y, cactus.width, cactus.height);
      });
    }

// Função para desenhar os pássaros
    function drawBirds() {
      ctx.fillStyle = "red";
      birds.forEach(function (bird) {
        ctx.fillRect(bird.x, bird.y, bird.width, bird.height);
      });
    }

// Função para atualizar a posição dos cactos e pássaros
    function updateObstacles() {
      cactuses.forEach(function (cactus) {
        cactus.x -= cactus.speed;
      });

birds.forEach(function (bird) {
        bird.x -= bird.speed;
      });

// Adiciona mais cactos e pássaros ao jogo conforme o score aumenta
      if (score % 200 === 0) {
        var newCactus = { x: 400, y: 150, width: 20, height: 50, speed: 5 };
        var newBird = { x: 600, y: 100, width: 50, height: 35, speed: 8 };
        cactuses.push(newCactus);
        birds.push(newBird);
      }
    }

// Função para verificar colisões
    function checkCollision() {
      cactuses.forEach(function (cactus) {
        if (
          dino.x < cactus.x + cactus.width &&
          dino.x + dino.width > cactus.x &&
          dino.y < cactus.y + cactus.height &&
          dino.y + dino.height > cactus.y
        ) {
          clearInterval(interval);
          alert("Game Over! Pontuação: " + score);
          reset();
        }
      });

birds.forEach(function (bird) {
        if (
          dino.x < bird.x + bird.width &&
          dino.x + dino.width > bird.x &&
          dino.y < bird.y + bird.height &&
          dino.y + dino.height > bird.y
        ) {
          clearInterval(interval);
          alert("Game Over! Pontuação: " + score);
          reset();
        }
      });
    }

// Função para atualizar a tela do jogo
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawDino();
      drawCactuses();
      drawBirds();
      updateObstacles();
      checkCollision();
      score++;
      ctx.fillText("Pontuação: " + score, 10, 20);
    }

// Inicia o jogo
    interval = setInterval(update, 20);

// Evento de pulo do dinossauro
    document.addEventListener("keydown", function (event) {
      if (event.keyCode === 32 && dino.grounded) {
        dino.jumping = true;
        dino.grounded = false;
        jump();
      }
    });

// Função para o pulo do dinossauro
    function jump() {
      var jumpCount = 0;
      var jumpInterval = setInterval(function () {
        var gravity = dino.y + dino.speed * 2 >= 150;

if (jumpCount >= 15 || gravity) {
          clearInterval(jumpInterval);
          dino.jumping = false;
          dino.grounded = true;
        }

if (dino.jumping) {
          dino.y -= dino.speed * 2;
          jumpCount++;
        } else if (!dino.grounded) {
          dino.y += dino.speed * 2;
        }
      }, 20);
    }
  </script>
</body>
</html>