AI game creator

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

No:21259

←

Prev Next

→

Plataforma
Developer User9727｜Date and time 23/10/14 10:24:49
Build time 64.086 sec｜Game capacity 3.468KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo da Plataforma</title>
<style>
canvas {
  border: 1px solid #000;
}
</style>
</head>
<body>
<script>
// Variáveis do jogo
var plataforma;
var jogador;
var alturaJogador = 40;
var larguraJogador = 40;
var velocidadeJogador = 2;
var teclas = {};
var gravidade = 0.1;
var plataformaLargura = 60;
var plataformaAltura = 15;
var plataformaDistancia = 50;
var plataformaVelocidade = 1;
var pontuacao = 0;

// Função para criar e posicionar uma nova plataforma
function criarPlataforma() {
  plataforma = {
    x: canvas.width,
    y: Math.random() * (canvas.height - plataformaAltura)
  };
}

// Função para checar colisão entre o jogador e a plataforma
function checarColisao() {
  if (jogador.x < plataforma.x + plataformaLargura &&
      jogador.x + larguraJogador > plataforma.x &&
      jogador.y < plataforma.y + plataformaAltura &&
      jogador.y + alturaJogador > plataforma.y) {
         return true;
      }
  return false;
}

// Função principal do jogo
function jogoPlataforma() {
  canvas = document.createElement("canvas");
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;
  document.body.appendChild(canvas);
  ctx = canvas.getContext("2d");

// Inicializando o jogador
  jogador = {
    x : canvas.width/2 - larguraJogador/2,
    y : canvas.height - alturaJogador,
    dy : 0,
    gravidade : gravidade
  };

// Desenhando o jogador
  function desenharJogador() {
    ctx.beginPath();
    ctx.rect(jogador.x, jogador.y, larguraJogador, alturaJogador);
    ctx.fillStyle = "blue";
    ctx.fill();
    ctx.closePath();
  }

// Desenhando a plataforma
  function desenharPlataforma() {
    ctx.beginPath();
    ctx.rect(plataforma.x, plataforma.y, plataformaLargura, plataformaAltura);
    ctx.fillStyle = "green";
    ctx.fill();
    ctx.closePath();
  }

// Atualizando a posição do jogador
  function atualizarJogador() {
    jogador.y += jogador.dy;

// Aplicando a gravidade
    jogador.dy += jogador.gravidade;

// Impedindo o jogador de cair fora da tela
    if (jogador.y > canvas.height - alturaJogador) {
      jogador.y = canvas.height - alturaJogador;
      jogador.dy = 0;
    }
  }

// Atualizando a posição da plataforma
  function atualizarPlataforma() {
    plataforma.x -= plataformaVelocidade;

// Checando se a plataforma saiu da tela
    if (plataforma.x + plataformaLargura < 0) {
      criarPlataforma();
      pontuacao++;
    }
  }

// Função para atualizar o jogo
  function atualizar() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);

desenharJogador();
    atualizarJogador();
    
    desenharPlataforma();
    atualizarPlataforma();

// Verificando se houve colisão
    if (checarColisao()) {
      alert("FIM DO JOGO! Pontuação: " + pontuacao);
      clearInterval(intervalo);
    }

requestAnimationFrame(atualizar);
  }

// Função para tratar os eventos de teclado
  function pressionarTecla(e) {
    teclas[e.keyCode] = true;
  }

function soltarTecla(e) {
    delete teclas[e.keyCode];
  }

// Event listeners para capturar os eventos de teclado
  document.addEventListener("keydown", pressionarTecla);
  document.addEventListener("keyup", soltarTecla);

// Criando a primeira plataforma
  criarPlataforma();

// Iniciando o jogo
  var intervalo = setInterval(atualizar, 10);
}

// Iniciando o jogo quando a página é carregada
window.onload = jogoPlataforma;
</script>
</body>
</html>