Spring-анимации во Vue

[NeverIn]

Надо было помимо пружины и амортизатор добавить.

[gmtd]

Уже добавлен в форме силы трения

[NEIR0N]

все круто только я не понял почему общее время от начала движения до состояния покоя будет зависеть от дельта Т? Дельта Т это же шаг от него будет зависеть число шагов, а соответственно число кадров. Или я что то не понимаю? Также можно было ограничить максимальный шаг. Выше 16мс делать не имеет смысла так как большинство моников имеют частоту в 60Гц.

[AndreasCag]

я не понял почему общее время от начала движения до состояния покоя будет зависеть от дельта Т

Похоже ты про эту строчку:

Откроете на старом мобильнике — Δt будет равен 46 миллисекундам, нашему максимальному ограничению. Откроете на мощном компьютере — Δt будет равняться 16-17 миллисекундам.

Меняющийся Δt означает то, что длительность анимации и изменения анимируемого значения будут каждый раз немного разные.

Когда мы считаем скорость и положение пружины, то мы делаем вид, что на промежутке Δt ускорение и скорость были константами:


На самом деле это не правда, ускорение и скорость меняются на всем пути анимации, даже при самом маленьком изменении.

Чем больше Δt, тем больше погрешность. Когда у нас Δt не зафиксирован, то на разных устройствах получаются разные погрешности, которые влияют на длительность анимации.

[NEIR0N]

Просто я тогда не догоняю. Вы нашли решение диф уравнения. Это будет функция x(t). То есть у вас уже есть решение и вы берете и разбиваете время которое будет колебаться пружина на n участков, таким образом получая дельта Т. Соответственно подставляя время в найденную функцию вы получаете n точек которые и визуализируете? Или вы решаете диф уравнение численно в библиотеке?