Como adicionar efeitos da deriva para o seu jogo HTML5

Você pode usar os vetores de força de uma maneira interessante em seu jogo HTML5. Muitos jogos de corrida incluem mecanismos de derrapagem ou à deriva. Obtendo este comportamento exatamente certo requer matemática muito sofisticadas, mas você pode fazer uma aproximação razoável a esse comportamento sem muito esforço.

Esta imagem não é suficiente. Você realmente precisa ver isso como um programa de trabalho, porque isso é muito legal. Como você mover o barco ao redor da tela, os desvios de barco e patins. É muito divertido para brincar.

Como adicionar um comportamento deriva de objeto do seu jogo

Para obter um comportamento deriva simples, basta adicionar uma pequena vetor de força na direção da corrente do barco, independentemente de o usuário está pressionando o acelerador.

Esta técnica é um compromisso entre o movimento baseado no espaço (onde o vetor de força é adicionado somente quando o acelerador é pressionado) eo comportamento padrão de carro (onde a direção da viagem é sempre seguindo o nariz do veículo). Cada quadro tem um pouco de cada comportamento.

Aqui está o código:

Como adicionar deriva para sprites do seu jogo

É um procedimento muito simples.

1. Construir um modelo de veículo padrão.

   Considere fazer um barco, apenas para variação.

2. Use um vetor de força para a aceleração.

   Mais uma vez, você está controlando manualmente a velocidade, de modo que o addVector () mecanismo dá-lhe grande poder. O vetor de força de aceleração (usado na imprensa seta para cima) pode ser um valor literal, mas não precisa ser enorme. Porque você vai realmente ser a adição de um segundo vetor de força, você pode querer atenuar o vector de aceleração.

3. Adicionar uma força pequena vector cada frame.

   O vector principal força só acontece quando você acelera, mas um menor vetor secundário é adicionado a cada frame. Este vector vai na direção do barco está enfrentando atualmente. Este pequeno vetor de movimento irá simular momentum. É importante que este vector de força ser uma percentagem da velocidade, em vez de um valor literal. Se você sempre avançar um pixel, por exemplo, o barco nunca vai parar.