Cómo añadir efectos de deriva a su juego html5

Puede utilizar vectores de fuerza de una manera interesante en su juego HTML5. Muchos juegos de carreras incluyen mecanismos de arrastre o deriva. Conseguir este comportamiento exactamente correcto requiere matemáticas muy complejas, pero se puede hacer una aproximación razonable de este comportamiento sin demasiado esfuerzo.

imagen0.jpg

Esta imagen no es suficiente. Usted realmente necesita ver esto como un programa de trabajo, ya que es realmente genial. Al mover el barco alrededor de la pantalla, las derivas en barco y patines. Es muy divertido para jugar.

Cómo agregar el comportamiento a la deriva al objeto de su juego

Para conseguir un comportamiento deriva sencillo, sólo tiene que añadir un pequeño vector de fuerza en la dirección actual de la embarcación, independientemente de si el usuario está actualmente presionando el acelerador.

Esta técnica es un compromiso entre el movimiento basado en el espacio (donde se añade el vector de fuerza sólo cuando se presiona el acelerador) y el comportamiento de coche estándar (donde la dirección de desplazamiento siempre está siguiendo la nariz del vehículo). Cada cuadro tiene un poco de cada comportamiento.


Aquí está el código:

drift.html

Cómo agregar la deriva de los sprites de su juego

Es un procedimiento muy simple.

  1. Construir un modelo de vehículo estándar.


    Considere hacer un barco, sólo por variación.

  2. Use un vector de fuerza para la aceleración.

    Una vez más, usted está controlando manualmente la velocidad, por lo que el addVector () mecanismo le da un gran poder. El vector de fuerza de aceleración (utilizado en la prensa tecla de flecha hacia arriba) puede ser un valor literal, pero no tiene que ser enorme. Porque estás en realidad va a ser la adición de un segundo vector de fuerza, es posible que desee bajar el tono del vector aceleración.

  3. Añadir un pequeño vector de fuerza cada fotograma.

    El vector de fuerza primaria ocurre sólo cuando se acelera, pero un vector más pequeño secundaria se añade cada fotograma. Este vector va en la dirección que el barco se enfrenta actualmente. Este pequeño vector de movimiento simulará impulso. Es importante que este vector de fuerza sea un porcentaje de la velocidad en lugar de un valor literal. Si siempre avanzar un píxel, por ejemplo, el barco no dejar nunca.




» » » » Cómo añadir efectos de deriva a su juego html5