AI game creator

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

No:23223

←

Prev Next

→

Jogo 3d
Developer User10756｜Date and time 23/10/29 4:49:03
Build time 53.896 sec｜Game capacity 2.636KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Jogo 3D</title>
    <style>
      canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <script>
      // Função principal que será chamada para iniciar o jogo
      function iniciarJogo() {
        const canvas = document.createElement("canvas");
        document.body.appendChild(canvas);
        const ctx = canvas.getContext("2d");
        
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Objeto para armazenar os recursos e configurações do jogo
        const estadoJogo = {
          jogador: {
            x: 50,
            y: 50,
            largura: 20,
            altura: 20,
            velocidade: 5
          }
        };

// Função para desenhar o jogador na tela
        function desenharJogador() {
          const jogador = estadoJogo.jogador;
          ctx.fillRect(jogador.x, jogador.y, jogador.largura, jogador.altura);
        }

// Função para atualizar a posição do jogador
        function atualizarJogador() {
          const jogador = estadoJogo.jogador;

if (teclaPressionada("ArrowUp")) {
            jogador.y -= jogador.velocidade;
          } else if (teclaPressionada("ArrowDown")) {
            jogador.y += jogador.velocidade;
          }

if (teclaPressionada("ArrowLeft")) {
            jogador.x -= jogador.velocidade;
          } else if (teclaPressionada("ArrowRight")) {
            jogador.x += jogador.velocidade;
          }
        }

// Função auxiliar para verificar se uma tecla está pressionada
        function teclaPressionada(tecla) {
          return estadoJogo.teclasPressionadas[tecla] === true;
        }

// Função para tratar eventos de pressionar e soltar teclas
        function configurarControles() {
          estadoJogo.teclasPressionadas = {};

document.addEventListener("keydown", function(event) {
            estadoJogo.teclasPressionadas[event.key] = true;
          });

document.addEventListener("keyup", function(event) {
            estadoJogo.teclasPressionadas[event.key] = false;
          });
        }

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

desenharJogador();
          atualizarJogador();

requestAnimationFrame(atualizar);
        }

// Iniciar o jogo
        configurarControles();
        requestAnimationFrame(atualizar);
      }

// Chamada para iniciar o jogo
      iniciarJogo();
    </script>
  </body>
</html>