
So I look into the CAMediaTimingFunction and it's a bezier function.
https://en.wikipedia.org/wiki/B%C3%A9zier_curve
There is a website that you can view your bezier curve in CAMediaTimingFunction
http://netcetera.org/camtf-playground.html
So I just create 3 dots with different CAMediaTimingFunction that changes alpha like this.



But eventually it don't really have to use CAMediaTimingFunction to approach this. Just create animation groups will be more precise.
沒有留言:
張貼留言