Como adicionar tempo para o seu jogo html5

Muitas vezes, a passagem do tempo será um elemento em seus jogos em HTML5. jogos de corrida são todos sobre a velocidade, ou você pode ter um limite de tempo para a realização de alguma tarefa. o simpleGame

biblioteca inclui um objeto timer muito útil que lhe permite gerir o tempo facilmente. o Cronômetro objeto é criado como qualquer outro objeto javascript. Ele tem três métodos:

• restabelecer(): Esta função inicializa o timer e inicia o contador de tempo decorrido.

• getCurrentTime ()Esta função retorna a hora atual do sistema no momento em que ele é chamado. (Note que o tempo é em um formato especial inteiro, e não vai ser reconhecível pelos leitores humanos.)

• ObterTempoDecorrido (): Retorna o número de segundos desde o temporizador foi criado ou o último reset (o que for mais recente).

  Video: Como Criar Um Jogo De Plataforma (Contador de Tempo) - Tutorial Construct 2 #04

Em javascript e outras linguagens, data e informações do tempo é geralmente armazenados em um formato especial inteiro. O tempo está realmente contado como um número inteiro enorme mostrando o número de milissegundos desde a meia-noite 01 de janeiro de 1970.

Embora isto possa parecer como um esquema muito complicado, é realmente perfeito para o seu uso, porque o que você realmente quer saber é quanto tempo decorrido entre dois eventos. Se você quiser realmente obter a data e hora atual em um formato legível, procure o javascript Encontro objeto.

Para um exemplo de tempo, olhar timerDemo.html:

vazio
redefinir temporizador

Este exemplo demonstra um temporizador simples. Ele exibe o número de segundos que a página tenha sido executado. O temporizador pode ser reposto com o (habilmente chamado) Repor botão do temporizador.

Este programa é relativamente simples, mas ilustra algumas idéias muito poderosas. Utilize este processo para construir o seu próprio jogo-sensing tempo:

1. Criar uma variável para o temporizador.

   Este deve estar recebendo familiar. Todos os elementos interessantes são objetos, e o temporizador não é excepção. Criar uma variável chamada cronômetro que será um objecto do tipo Cronômetro.

2. Reiniciar o cronómetro.

   Certifique-se o temporizador começa em zero.

3. Obter o tempo decorrido em cada frame.

   Video: Curso de HTML5 - Marcando Rodapé e Destaque (Aula 08)

   No atualizar() função, chamar o temporizador de ObterTempoDecorrido () método para descobrir quanto tempo passou e copiar este valor para a área de saída.

4. Reinicie o temporizador quando o usuário pressiona o botão.

   Quando o usuário pressiona o restabelecer botão, chamar o temporizador de restabelecer() método para repor o tempo decorrido de volta para zero.

5. Esconder a cena principal.

   Este programa usa o loop principal de simpleGame, mas ele realmente não precisa exibir a cena. Por esta razão, a Cena objecto tem um ocultar() método. Você também pode exibir a cena mais tarde, com a sua exposição() método.