Estou construindo um jogo de tela html5 e preciso de uma maneira de fazer meu sprite encarar o cursor do mouse. Eu tenho as coordenadas X e Y para o sprite, e também as coordenadas X e Y do ponteiro. Tudo o que estou preso é a matemática envolvida para fazer o sprite encarar o ponteiro. É tudo em um mundo 2D, então não consigo imaginar que seja muito complicado, mas tenho muito pouca experiência com esse material.
Além disso, qualquer link útil para artigos / posts sobre esse tipo de coisa seria incrível (programação de jogos 2D em geral, não especificamente Javascript).
Para adicionar, devo observar que preciso de um ângulo em graus que me aponte para o cursor usando sua posição X e Y.
Como posso saber as coordenadas do cursor e onde coloco tudo isso?
fonte
Respostas:
Sem conhecer as APIs à sua disposição, aqui está a matemática básica por trás da obtenção de um ângulo em graus:
O
* 180 / math.pi;converte de radianos em graus.fonte
atan2assume que o sistema de coordenadas é + x para a direita e + y para cima . Se o seu cair, você precisará negar o ângulo. Ele também assume que o objeto estará voltado para a direção (1, 0) (direita) quando o ângulo for 0. Se estiver voltado para uma direção diferente, será necessário compensar o ângulo. Minha resposta aqui explica como fazer isso.