Animating characters in sequence
oyeanuj opened this issue · comments
Hi @braposo, while using this library I found myself wanting to animate the characters in sequence rather than the whole word. A good example can be found on first fold of https://3dro.ps.
Thoughts on if and how that is something that could be a part of this library?
Hey @oyeanuj, you can actually do that by just using each letter as the children and building a word out of <TextLoop> components. Here's a sandbox with that example https://codesandbox.io/s/zzlx939zpp
As you'll quickly notice it will be out of sync after a bit but that's just because of the different speed setting. This will be fixed once we add the delay prop instead so all of them have the same animation time, just start at different times.
Is that what you were looking for?
@braposo That is interesting, I hadn't thought of that strategy. I think the first initial replacement animation would be close to the effect that I was hoping for - so I guess will wait until the delay prop is added, so that we'll be able to replicate that initial effect.
Thank you for the quick response!
This is now possible with the delay prop in v2.0.0
