Como reiniciar o seu jogo html5

Claro que, se o seu jogo HTML5 pode parar, você precisa de um caminho para reiniciá-lo. A maneira mais fácil é usar um truque sujo. Porque o jogo está em uma página web, tudo o que você tem a fazer é atualizar a página da Web no navegador, eo jogo será reiniciado.

Video: Coding an HTML5 Canvas Game with JS in 5 min 30 sec

Você pode fazer com que o navegador para atualizar em javascript, definindo o document.location.href propriedade para o valor “”. Isso efetivamente recarregar a página atual no navegador, reiniciar o jogo no processo. Não é difícil de implementar este recurso.

  1. Adicionar um botão para sua página.

    Use um botão HTML comum para acionar o reset. Se você quiser, você pode posicionar o botão com CSS para aparecer exatamente onde você quer que ele seja. (Usar posição: absoluta juntamente com o esquerda e topo atributos para definir a posição do seu botão.)

  2. Diga o botão para chamar o reiniciar() função.

    Video: COMO RESSETAR O JOGO DRAGON CITY

    Cada botão tem uma onclick atributo. Usar isso para determinar uma função javascript para executar quando o botão é clicado. Neste caso, você chamar o reiniciar() função.



  3. Construir um reiniciar() função.

    Claro, se você estiver indo para chamar um reiniciar() função, é necessário criá-lo.

  4. Recarregar o documento atual.

    A maneira mais fácil para reiniciar um programa javascript para recarregar a página atual no browser. Isto não só irá recarregar o código HTML, mas também o javascript, começando tudo o código de novo desde o início.

  5. Conjunto document.location.href para nada.

    Se você definir o document.location.href atribuir à cadeia vazia (“”) Você vai de fato recarregar a página atual. Esta é a maneira mais fácil de reiniciar o jogo.


Publicações relacionadas