Animación y velocidad
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.