Como adicionar Rato resposta ao seu jogo HTML5 o 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 o objetivo de GetMouseX () e GetMouseY () funções para 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 em direção ao mouse.
Muitas vezes, você vai querer ocultar o cursor do mouse, assim você pode usar o Cena o objetivo 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:
touchMouse.html
Conseguir um sprite para seguir o mouse é apenas uma questão de saber quais os métodos para chamar.
Esconder o cursor do mouse.
o Cena objeto 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, assim você vai ocultar a seta normal.
Criar uma variável para o joystick virtual.
Se você vai trabalhar 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, não será necessário o objeto joystick.)
Inicializar o joystick.
Adicione uma instância do Alegria objeto no nisso() função. Basta criar o joystick irá dizer o motor a esperar a entrada de toque e mapeá-la para os comandos normais do mouse.
Adicionar um followMouse () função.
Em geral, é bom 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 fazer este um método desse objeto, se preferir.
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 exacta.
Verifique se você tem uma tela sensível ao toque.
o Cena objeto 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, por isso, muitas vezes você vai querer compensar um objeto quando você estiver usando uma tela sensível ao toque para entrada.
Mova o objeto mais alto do que o seu dedo.
Em um ambiente de tela sensível ao toque, você normalmente deseja que o sprite para 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 este efeito.