search

Popmotion / popmotion

Simple animation libraries for delightful user interfaces
https://popmotion.io
20k stars 663 forks source link

How to have more values in short duration? #921

Open humbleCoder1990 opened 3 years ago

humbleCoder1990 commented 3 years ago

I want to have a lot of grains in short duration. but no success. I have this.

animate ({ onUpdate : v => {console.log(v)}, duration : 50 })

This code only displays 4 values (0.22, 0.77, 0.99, 1). I want to have more longer values, like 0.01, 0.02, 0.03, 0.04, 0.05 etc even in 50ms.

Is there any option what i'm missing?

stokesman commented 3 years ago

If you need it to be in actual time duration, making a driver that runs off of setTimeout can increase the frequency of updates but even then the interval will be at the smallest ~4ms and no guarantee of a consistent interval.

There are also the iterators which could be used to synchronously produce all the values at any granularity you like.