Como adicionar botões ao seu jogo HTML5 o 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:
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:
Criar uma variável para o botão.
Como qualquer outro elemento do jogo, você começa criando uma variável para se referir ao botão.
construir o GameButton objeto.
construir o GameButton objeto no nisso() método. O único parâmetro indica a legenda do botão.
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 comprimidos.)
Verifique o status do botão durante a 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.
Leia o botão de isClicked () método.
Se o botão está actualmente a ser pressionado, o valor de isClicked () é verdade. Se o botão não está actualmente a ser pressionado, isClicked () retorna false. Utilize este método para determinar o estado atual de cada botão e agir em conformidade.
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.
Considere a adição de botões apenas quando necessário.
Se você quiser, você pode criar um jogo para exibir (e teste) botões somente para 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 detecta uma tela de toque, e false de outra forma. 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 usar (por exemplo, as setas ea barra de espaço). Desta forma, você pode criar um teclado virtual na tela. Pode ser necessário para 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 comum, 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.