Animación y velocidad

facebook-svg gplus-svg twitter-svg

Esta es una continuación de animación sencilla

Hasta ahora hemos visto como mover horizontalmente un objeto ( la pelota ). En el siguiente ejemplo la pelota tiene dos propiedades distintas para la velocidad: vx - la velocidad en x  y  vy - la velocidad en y.
La fórmula a recordar es:

pelota.x  += pelota.vx;
pelota.y  += pelota.vy;

O sea: con cada fotograma la posición de la pelota se verá incrementada por su velocidad en x e y.

See the Pen Desplazamiento en ángulo #1* by Gabi (@enxaneta) on CodePen.

En el siguiente ejemplo ya no conocemos los valores de vx y vy. En cambio lo que tenemos es la velocidad de la partícula y el ángulo de movimiento. Calcular la velocidad en x e y es muy fácil:

this.vx = this.v * Math.cos(this.a);
this.vy = this.v * Math.sin(this.a);

donde v es la velocidad y a el ángulo de movimiento en radianes. Para recordar esta fórmula fácilmente piense que la velocidad v es la hipotenusa de un triangulo cuyos catetos son vx y vy.

See the Pen Desplazamiento en ángulo #2* by Gabi (@enxaneta) on CodePen.