Como criar o básico para loop no seu jogo html5

Seu jogo HTML5, sem dúvida, precisa de um para circuito em algum ponto. O padrão para laço conta os valores entre 1 e 10. A contagem ao botão Dez desencadeia a contagem() função. Aqui está o código para contagem():

 contagem de função () {= output.innerHTML "-para (i = 1 i lt; = 10- i ++) {output.innerHTML + = i + "
"-} // fim do loop} // contagem final

Apesar de contagem() função imprime claramente dez linhas, que tem apenas uma linha que modifica o saída div. O código principal repete muitas vezes para criar a saída de comprimento.

  1. Você pode usar o saída var imediatamente.

    Porque saída é uma variável global e já foi criado, você pode usá-lo imediatamente. Não há nenhuma necessidade para inicializar-lo na função.

  2. Desmarque a saída.

    Conjunto output.value para a cadeia vazia () Para limpar a saída. Isso destrói qualquer texto que está atualmente no div.

  3. Começar um para ciclo.

    o para circuito é um circuito especial usado para repetir algo um determinado número de vezes. Para loops de ter três componentes: a inicialização, comparação e atualização.

  4. Inicializar a variável de contagem.

    UMA para circuito funciona, alterando o valor de um inteiro muitas vezes. A primeira parte de um para laço inicializa esta variável (muitas vezes chamado Eu) Para um valor de partida (normalmente zero ou um).



  5. Especifique uma condição para ficar no loop.

    A segunda parte de um para declaração é uma condição. Contanto que a condição é verdade, o ciclo continua. Assim que a condição é avaliada como falso, as saídas de ansa.

  6. Altere a variável.

    A terceira parte de um para declaração de alguma forma muda a variável de contagem. A forma mais comum para alterar a variável é adicionar um a ele. o i ++ sintaxe é uma abreviação para “Adicione um a i”.

  7. Construir um bloco de código para o código repetido.

    Use cintas e recuo para indicar repete que código. Todo o código dentro das chaves repete.

  8. Dentro do loop, escreva para a saída.

    Em cada iteração do loop, adicione o valor atual de Eu para a produção div‘s innerHTML. Também adicionar uma pausa () para fazer a saída parece melhor. Quando você adiciona a um innerHTML propriedade, você está escrevendo código HTML, então se você quiser a saída para ocorrer em diferentes linhas, você precisa escrever o código HTML para fazer isso acontecer.

  9. Fechar o ciclo.

    Video: Como fazer um jogo como javascript e HMLT

    Não se esqueça de terminar o loop, ou o seu programa não será executado corretamente.


Publicações relacionadas