Como adicionar movimento realista para o seu jogo html5

Dê uma olhada space.html

. Este jogo simples, fornece um bom exemplo para a aplicação de movimento realista para o seu jogo HTML5. Ele utiliza o esquema de controle que ficou famosa nos jogos clássicos Asteroids e Spacewar! (Apesar Asteroids é melhor conhecido, Spacewar! é de longe o jogo mais cedo e mais influente.)

Clique Aqui para ter a experiência completa.

Como adicionar um vetor de força para o objeto de seu jogo

O navio é controlado pelas teclas de seta, mas o efeito de Newton é mais fácil de ver no espaço do que no chão (sem forças de arrasto traquinas para ficar no caminho). A esquerda; e direita; teclas de seta girar o navio, mas eles não afetam o movimento do navio. A seta para cima dispara um foguete, que acrescenta um vetor de força na direção do navio está enfrentando atualmente.

Aqui está o código:

Como simular espaço em seu jogo

Aqui está o resumo:

1. Comece o exemplo da maneira normal.

   Video: Em 5 anos PC terá gráficos Foto Realistas - VC VIU?

   
   
   
   

   Como a maioria simpleGame demos, começar com um sprite e uma cena. Porque o navio terá um método personalizado, você faz um objeto único.

2. Dê o navio a checkKeys () Método.

   Video: SOFT DE ANIMAÇÕES E FÍSICA REALISTA PARA JOGOS

   o checkKeys () método procura teclas pressionadas e muda o comportamento do navio em conformidade.

3. Mudar o ângulo da imagem.

   Um sprite realmente tem dois ângulos distintos. Ele pode ter um ângulo que ele está apontando (o chamado imgAngle dentro simpleGame) Eo ângulo está se movendo (o chamado moveAngle). Quando você muda o ângulo, você está mudando tanto o movimento e os ângulos de imagem na suposição de que o objeto simplesmente viajar na direção que ele está enfrentando.

   Para exemplos simples, isto é bom, mas muitos tipos de movimento exigem dissociar os ângulos de imagem e movimento. o changeImgAngleBy () método permite-lhe mudar a direção a imagem está apontando, sem alterar o ângulo de movimento. (Existe um changeMotionAngle () método, também, mas não é usado com muita freqüência.)

   Video: Vídeo Aula - Curso Criação de Jogos em HTML5 - Engine Construct 2 / TV Guarapa

4. Adicionar um vetor de força para simular impulso.

   Quando o usuário pressiona a seta para cima, o navio dispara seus principais foguetes. Isso adiciona uma pequena força vetor na direção que o navio está enfrentando atualmente. Use o getImgAngle () Método para determinar a direcção do navio está voltada para, e usar este valor para especificar onde a força deve ser adicionado.

   Porque este código está acontecendo no loop de animação e é amplificado como a chave de seta é pressionado, é necessária apenas uma pequena força.