Como adicionar resposta do mouse para o seu jogo html5 para acesso móvel

Como os navegadores são inconsistentes na maneira de comunicar a posição do rato, rato entrada em javascript normal é complicado no mundo dos jogos HTML. o simpleGame biblioteca lida com isso adicionando GetMouseX () e GetMouseY () métodos para o Cena objeto. Estes métodos nem sempre são exatamente correto, mas eles estão perto o suficiente para a maioria programação de jogos.

Toda vez que você quiser ler um rato normal, basta usar o Cena objeto de GetMouseX () e GetMouseY () funções ao determinar a posição aproximada do rato.

Na maioria das vezes quando você quer a posição do mouse, é porque você está indo para mover um objeto onde o mouse é ou apontar um objeto na direção do mouse.

Muitas vezes, você vai querer esconder o cursor do mouse, assim você pode usar o Cena objeto de hideCursor () método para ocultar o cursor. (Claro, você pode recuperar o cursor com o ShowCursor () método.)

Se você quiser ler uma tela de toque, não há mais um passo simples. o simpleGame biblioteca tem um objeto joystick virtual chamada Alegria. Criar uma instância dessa classe para ativar os recursos de leitura de tela de toque.

Note-se que a interface de toque de dispositivos móveis não é exatamente como o mouse, por isso precisa de uma interface diferente. No entanto, uma vez que você criou um Alegria objeto, o GetMouseX () e GetMouseY () funções vai fazer ato de entrada de toque como um rato normal.

touchMouse.html esconde o cursor do rato normal e move a bola onde quer que o mouse está apontando. Este exemplo em particular funciona tanto com um navegador tradicional e um dispositivo de tela de toque.

o simpleGame biblioteca simplifica drasticamente o processo de trabalhar com o ponteiro do mouse, fornecendo algumas chamadas de método fácil. Aqui está o código:

Conseguir um sprite para seguir o mouse é apenas uma questão de saber quais os métodos para chamar.

1. Esconder o cursor do mouse.

   o Cena objecto tem um hideCursor () método. Esta é a maneira mais fácil de esconder o ponteiro do rato normal. Normalmente, quando você seguir o mouse com um objeto, você quer dizer para esse objeto para agir como o novo ponteiro do mouse, então você vai ocultar a seta normal.

2. 
   
   
   

   Criar uma variável para o joystick virtual.

   Se você estará trabalhando com um dispositivo touchpad, você vai precisar de uma variável para conter o objeto joystick virtual. (Se este jogo vai ser usado apenas em computadores desktop com ratos normais, você não vai precisar do objeto joystick.)

3. Inicializar o joystick.

   Faça uma instância da Alegria objeto no nisso() função. Apenas criar o joystick irá dizer o motor a esperar a entrada de toque e mapeá-lo para os comandos normais do mouse.

4. Adicionar um followMouse () função.

   Em geral, é bom para criar uma nova função para manipular a entrada. o followMouse () função irá dizer o objeto a seguir o mouse. Claro, se você está construindo um objeto que segue o mouse, você pode tornar este um método desse objeto, se preferir.

5. Usar GetMouseX () e GetMouseY () métodos.

   o Cena objeto tem métodos chamados GetMouseX () e GetMouseY (). Usar esses métodos para obter as coordenadas X e Y do mouse em cena. Note-se que as coordenadas não são sempre exata.

6. Verifique se você tem uma tela sensível ao toque.

   o Cena objecto tem um palpável propriedade que é verdade se o navegador tem um ecrã táctil. Você normalmente não deseja que o objeto a ser escondido pelo seu dedo, então muitas vezes você vai querer compensar um objeto quando você estiver usando uma tela sensível ao toque para entrada.

7. Mova o objeto mais alto do que o seu dedo.

   Em um ambiente de tela sensível ao toque, você normalmente quer o sprite ainda estar visível, de modo que muitas vezes você vai compensar o eixo Y por uma certa quantidade de modo que não é obscurecida pelo dedo do jogador. Subtrair algum valor de Y para obter esse efeito.