Como criar um joystick virtual para o seu jogo html5

Muitos jogos HTML5 baseados em toque usar um mecanismo de joystick virtual. O usuário toca a tela para começar a entrada e furtos para fornecer entrada. Passando à esquerda é lido apenas como mover um joystick para a esquerda. Quanto mais longe o utilizador passa, quanto maior for o valor de entrada é. o simpleGame

biblioteca tem um objeto joystick virtual que facilita a implementação de um joystick virtual em seus dispositivos baseados em toque.

O joystick virtual funciona, retornando os dados numéricos. Muitas vezes é mais fácil de entender como ele funciona, olhando para a saída numérica antes de mapeá-lo a um elemento visual.

Nada aqui ainda

O joystick virtual é muito fácil de usar:

1. Criar uma variável para o joystick.

   Você pode chamá-lo controle de video game. Tipo de catchy.

2. Criar o joystick se possível.

   Use o game.touchable propriedade para determinar se uma interface de toque está presente. Se não, envie uma mensagem para o usuário.

3. Obter a posição do mouse.

   Quando a J virtualoystick objeto detecta um toque na tela, ele aciona mouseX e mouseY valores. Use o joystick do GetMouseX () e GetMouseY () métodos para determinar as posições de X e Y do toque. Desta forma, a interface de toque age muito parecido com o mouse tradicional.

4. Arranje um Diffx e Diffy leitura do joystick.

   Video: Como Usar seu Smartphone Android como Joystick em seu Computador (Joystick no Pc)

   Quando o usuário toca a tela, a biblioteca segue as coordenadas do toque inicial. Em seguida, ele mede o quão longe o usuário tenha fraudado. A diferença de X é chamado Diffx, e a diferença em Y é chamada Diffy. Use o getDiffX () e getDiffY () métodos do objeto joystick virtual para determinar quantos pixels em X e Y o usuário se moveu desde tocando no ecrã.

5. 
   
   
   

   Exibir os valores atuais.

   Para esta primeira passagem, é importante entender o que o joystick está exibindo, então, basta tomar os valores e imprimi-los para uma saída na tela.

Claro, a ponto de um joystick virtual é mover coisas ao redor da tela.

Aqui está o código:

Este exemplo é ainda mais simples do que o anterior.

Video: ��COMO JOGAR QUALQUER JOGO COM CONTROLES/GAMEPAD

1. Criar um sprite simples bola.

   Video: COMO FAZER UMA ARMA PARA REALIDADE VIRTUAL GOOGLE CARDBOARD

   Para este exemplo, é utilizada uma bola simples. Criá-lo como qualquer outro Sprite básico.

2. Construir um objeto joystick.

   Video: Desenvolvimento de Games - Unity 3D: Android #7 - Configurando o Joystick na TELA! ◕‿◕

   Fazer um objeto joystick virtual.

3. Mapear o joystick do Diffx e Diffy a da bola dx e dy valores.

   Isto dá movimento extremamente sensível, então você pode querer ajustar a sensibilidade dividindo o Diffx e Diffy por algum fator de escala.