运动曲线数值获取方法

一.常用缓动曲线(点击蓝色字体,跳转页面)


运动曲线数值获取方法_第1张图片

二.设计师在动效制作软件中获取想要的曲线数值✿ cubic-bezier.com(点击蓝色字体,跳转页面)


运动曲线数值获取方法_第2张图片

三.可以使用EaseCubicInterpolator这个开源插值器实现

1.先使用贝塞尔曲线数值生成工具来获取想要的曲线数值

工具网站:cubic-bezier.com

使用教程:

拉拽左边图像的2个点,调整出符合效果的图形

点击右上角的Save按钮,将4个参数运用到下面的代码中。

运动曲线数值获取方法_第3张图片
运动曲线数值获取方法_第4张图片

2.代码运用

你可能感兴趣的:(运动曲线数值获取方法)