Um jogo da cobrinha do Nokia's game

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

No:34951

←

Prev Next

→

Um jogo da cobrinha do Nokia
Developer User16396｜Date and time 24/1/12 21:21:12
Build time 24.534 sec｜Game capacity 4.812KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Jogo da Cobrinha</title>
  <style>
    #canvas {
      background-color: #000;
      margin: auto;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

// Tamanho de cada bloco do jogo
    const tamanhoBloco = 20;

// Definindo a velocidade inicial da cobra
    let velocidadeX = tamanhoBloco;
    let velocidadeY = 0;

// Inicializando posição da cobra
    let cabecaCobraX = 0;
    let cabecaCobraY = 0;

// Inicializando posição da fruta
    let frutaX = 0;
    let frutaY = 0;

// Inicializando posição do corpo da cobra
    const corpoCobra = [];

// Inicializando pontuação do jogador
    let pontuacao = 0;

// Função para iniciar o jogo
    function iniciarJogo() {
      // Reiniciando posição da cobra e fruta
      cabecaCobraX = 0;
      cabecaCobraY = 0;
      corpoCobra.length = 0;

// Gerando posição aleatória para a fruta
      frutaX = Math.floor(Math.random() * (canvas.width / tamanhoBloco)) * tamanhoBloco;
      frutaY = Math.floor(Math.random() * (canvas.height / tamanhoBloco)) * tamanhoBloco;

// Reiniciando pontuação
      pontuacao = 0;

// Definindo a velocidade inicial da cobra
      velocidadeX = tamanhoBloco;
      velocidadeY = 0;

// Iniciando o loop de atualização do jogo a cada 100ms
      setInterval(atualizarJogo, 100);
    }

// Função para atualizar o jogo
    function atualizarJogo() {
      // Atualizando a posição da cabeça da cobra
      cabecaCobraX += velocidadeX;
      cabecaCobraY += velocidadeY;

// Checando colisão com as bordas do canvas
      if (
        cabecaCobraX < 0 ||
        cabecaCobraY < 0 ||
        cabecaCobraX >= canvas.width ||
        cabecaCobraY >= canvas.height
      ) {
        // Reiniciando o jogo em caso de colisão com as bordas
        return iniciarJogo();
      }

// Pintando o background do canvas
      context.fillStyle = "#000";
      context.fillRect(0, 0, canvas.width, canvas.height);

// Pintando a fruta
      context.fillStyle = "#f00";
      context.fillRect(frutaX, frutaY, tamanhoBloco, tamanhoBloco);

// Movendo o corpo da cobra
      corpoCobra.unshift({ x: cabecaCobraX, y: cabecaCobraY });
      corpoCobra.length = pontuacao + 1;

// Pintando o corpo da cobra
      context.fillStyle = "#0f0";
      corpoCobra.forEach(segmento => {
        context.fillRect(segmento.x, segmento.y, tamanhoBloco, tamanhoBloco);

// Checando colisão do corpo da cobra com a cabeça
        if (segmento.x === cabecaCobraX && segmento.y === cabecaCobraY && pontuacao > 0) {
          // Reiniciando o jogo em caso de colisão com o próprio corpo
          return iniciarJogo();
        }
      });

// Checando colisão da cobra com a fruta
      if (cabecaCobraX === frutaX && cabecaCobraY === frutaY) {
        // Aumentando a pontuação e gerando nova posição para a fruta
        pontuacao++;
        frutaX = Math.floor(Math.random() * (canvas.width / tamanhoBloco)) * tamanhoBloco;
        frutaY = Math.floor(Math.random() * (canvas.height / tamanhoBloco)) * tamanhoBloco;
      }

// Removendo o último segmento do corpo da cobra
      if (corpoCobra.length > pontuacao + 1) {
        corpoCobra.pop();
      }
    }

// Função para tratar o pressionar das teclas
    function tratarTeclas(event) {
      switch (event.keyCode) {
        case 37: // Seta para a esquerda
          if (velocidadeX !== tamanhoBloco) {
            velocidadeX = -tamanhoBloco;
            velocidadeY = 0;
          }
          break;
        case 38: // Seta para cima
          if (velocidadeY !== tamanhoBloco) {
            velocidadeX = 0;
            velocidadeY = -tamanhoBloco;
          }
          break;
        case 39: // Seta para a direita
          if (velocidadeX !== -tamanhoBloco) {
            velocidadeX = tamanhoBloco;
            velocidadeY = 0;
          }
          break;
        case 40: // Seta para baixo
          if (velocidadeY !== -tamanhoBloco) {
            velocidadeX = 0;
            velocidadeY = tamanhoBloco;
          }
          break;
      }
    }

// Adicionando o evento de pressionar teclas
    document.addEventListener("keydown", tratarTeclas);

// Iniciando o jogo
    iniciarJogo();
  </script>
</body>
</html>