CRIA UM JOGO 3D DE TIRO E NÃO PODE SER UM JOGO 2D E TAMBÉM TEM QUE TER UM FUNDO AZUL QUE É O CÉU's game

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

No:43500

←

Prev Next

→

CRIA UM JOGO 3D DE TIRO E NÃO PODE SER UM JOGO 2D ..ALL
Developer User19207｜Date and time 24/2/15 21:05:39
Build time 5.504 sec｜Game capacity 1.193KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
canvas {
    background-color: #55acee;
    display: block;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="480" height="320"></canvas>

// Definindo a cor de fundo do céu
ctx.fillStyle = "#55acee";
ctx.fillRect(0, 0, canvas.width, canvas.height);

// Classe Jogador
class Jogador {
  constructor(x, y) {
    this.x = x;
    this.y = y;
    this.width = 32;
    this.height = 32;
  }
  
  desenharJogador() {
    ctx.fillStyle = "#ffffff";
    ctx.fillRect(this.x, this.y, this.width, this.height);
  }
}

// Criando o jogador na posição inicial
var jogador = new Jogador(canvas.width/2, canvas.height - 50);

// Função de atualização do jogo
function atualizarJogo() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  jogador.desenharJogador();
}

// Função de loop principal
function loopPrincipal() {
  atualizarJogo();
  requestAnimationFrame(loopPrincipal);
}

// Iniciando o jogo
loopPrincipal();

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