Como criar um loop de animação em seu jogo html5
Video: Criar Game - JS
Conteúdo
Se a tela define o espaço em um jogo HTML5, um loop de animação define tempo. A maioria dos jogos de javascript usar um mecanismo chamado setInterval () para provocar comportamento repetido. Esta função tem dois parâmetros: um nome de função e um valor de atraso.
Aqui está algum código que simplesmente conta dez vezes por segundo:
counting.html nada aqui ainda
O processo é simples, e você pode usá-lo a qualquer momento você quer que algo aconteça em intervalos regulares:
Video: Tutorial iniciando com canvas html5
Criar uma função que irá ser repetido.
Neste exemplo simples, a função contagem() será chamado dez vezes por segundo.
No seu código de inicialização, ligue setInterval ().
Video: Games em HTML5 - Criando um Game Loop (Parte 2)
Isso irá configurar a chamada repetida para a função.
Indicar a função que irá repetir.
O primeiro parâmetro é o nome da função que vai ser repetido. Observe que, como você está tratando a função como uma variável, você não incluir parênteses com o nome da função.
Indique o atraso.
Video: Desenvolvimento de Jogos com javascript e HTML - Canvas Básico - Mover a Câmera do Jogo
O segundo parâmetro é um valor de atraso em milissegundos (um milésimo de segundo é 1/1000º de um segundo). Este exemplo é executado com um atraso de 100 milissegundos, o que é 10 quadros por segundo. o simpleGame biblioteca é executado em 20 frames por segundo.
Dentro simpleGame, quando você cria um Cena classe, além da criação de uma tela, você também é, através da Cena classe, criando um intervalo que chama repetidamente a atualizar() Método de seu jogo. É por isso que você precisa ter um atualizar() método.