Como adicionar efeitos de deriva para o seu jogo html5
Video: Criando um Lightbox com jQuery
Conteúdo
Você pode usar vetores de força em 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 sofisticados, mas você pode fazer uma aproximação razoável este comportamento sem muito esforço.
Esta imagem não é suficiente. Você realmente precisa ver isso como um programa de trabalho porque é muito legal. Como você mover o barco ao redor da tela, os desvios de barco e patins. É muito divertido para brincar.
Como adicionar comportamento deriva de objeto do seu jogo
Para obter um comportamento deriva simples, basta adicionar uma pequena vetor de força na direção atual do barco, independentemente do 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 do 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:
drift.html
Como adicionar deriva para sprites do seu jogo
É um procedimento muito simples.
Construir um modelo de veículo padrão.
Considere fazer um barco, apenas para variação.
Utilizar um vector de força de 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 chave de 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 aceleração.
Adicionar uma força pequena vector cada frame.
Video: Como criar efeitos e animações com CSS e Jquery (Parte 01) - Animate.css | CSS #02
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 vetor de força ser uma porcentagem da velocidade em vez de um valor literal. Se você sempre avançar um pixel, por exemplo, o barco nunca vai parar.