Wpis z mikrobloga

#programowanie #javascript #canvas
Cześć! Mam problem, otóż kończę sobie animację korzystając z prostego easeouta
http://wklej.org/id/1653034/
W skrócie to zwraca wartość od 0-1, a argumentem jest procent ukończenia animacji (gdzie 1=100%)
I wszystko działa znakomicie, ale muszę sprawić żeby animacja zakończyła się w odpowiednim miejscu.
Mam do dyspozycji funkcję getDistance(), która zwraca ilość pixeli jaka dzieli element do miejsca w którym powinien się zatrzymać. Jak to zrobić najprościej?
  • 4
@sokytsinolop: inaczej: na starcie animowania zapamiętujesz pozycję aktualną obiektu i jego dystans do celu, następnie w stepie animacji wykonujesz kalkulacje: var percent = distanceFromTo(xStart, yStart, xStop, yStop) / storedDistanceFromStartToStop; (gdzie storedDistanceFromStartToStop to zapisana na starcie animacji odległość) i używasz wać tego percent do czego dusza zapragnie :3