Como adicionar botões para o seu jogo html5 para acesso móvel

o simpleGame

biblioteca tem um recurso útil chamado GameButton para adicionar um botão para a tela de um dispositivo móvel para o seu jogo HTML5. O teclado é uma das maneiras mais fáceis de obter entrada em um navegador padrão, mas a maioria dos dispositivos móveis não têm teclados. O primeiro problema é descobrir como obter entrada do usuário quando não há nenhum teclado.

o GameButton objeto botão personalizado começa com as características de um botão HTML padrão, mas em seguida, adiciona alguns truques para torná-lo adequado para jogos. Você pode ativar o botão com um rato normal ou com os controles de toque, tornando-o ideal para os jogos que podem ser jogados em ambos os tipos de dispositivos. o button.html página ilustra o botão em ação:

Video: criando links e botões para abrir páginas em html

button.html

Como de costume, os elementos novos e interessantes são indicadas em negrito. Veja como você adicionar um botão de jogo para um jogo:

  1. Criar uma variável para o botão.

    Video: Como criar jogos digitais #13 - Como adicionar controles para mobile - Construct 2

    Como qualquer outro elemento do jogo, você começa criando uma variável para se referir ao botão.

  2. construir o GameButton objeto.

    construir o GameButton objeto no nisso() método. O único parâmetro indica a legenda do botão.

  3. Defina o tamanho ea posição do botão.



    Você vai querer pensar um pouco sobre como o seu jogo irá funcionar em dispositivos móveis. Coloque seus botões onde eles podem ser facilmente alcançados pelo jogador sem bloquear muito da vista. Note que você também vai querer fazer os botões grandes o suficiente para ser pressionado durante o calor do jogo. (Botões na tela são muito melhores para jogos baseados em tablets.)

  4. Verifique o status do botão durante atualizar().

    Assim como você normalmente verificar o status do teclado durante a atualizar() função, você também pode chamar uma função para verificar o seu estado de botão. Claro, você vai precisar para escrever esta função.

  5. Leia o botão de isClicked () método.

    Se o botão está sendo pressionado, o valor de isClicked () é verdade. Se o botão não está sendo pressionado, isClicked () retorna false. Utilize este método para determinar o estado atual de cada botão e agir em conformidade.

  6. Trate um botão muito parecido com o teclado.

    Porque testar os botões, em última instância retorna booleano valores (verdadeiro ou falso), verificando se há botões geralmente se sente muito como a verificação para o teclado.

  7. Considere a adição de botões apenas quando necessário.

    Se você quiser, você pode projetar um jogo para exibir (e teste) botões apenas quando uma tela de toque está disponível. o Cena objeto tem uma variável especial chamada palpável. Esta variável é verdadeira se a biblioteca sente uma tela sensível ao toque, e falso caso contrário. Você pode usar essa variável para gerar uma interface personalizada que se adapta ao ambiente de jogo.

Normalmente, você vai adicionar vários botões para sua interface, um para substituir cada chave que você espera que o usuário use (por exemplo, as setas ea barra de espaço). Desta forma, você pode criar um teclado virtual na tela. Pode ser necessário testar o tamanho ea posição de cada chave para obter uma experiência de jogo confortável.

Note que a legenda do botão é HTML normal, então se você quiser fazer seus botões com base em imagens, você pode simplesmente adicionar o apropriado tag como uma legenda botão.


Publicações relacionadas