精易论坛

标题: 【第二遍】简易缓动算法.....开源 [打印本页]

作者: Sunfish    时间: 2020-3-14 20:51
标题: 【第二遍】简易缓动算法.....开源

前言:其实吧,就是空了研究一下,恰巧百度发现了一个简易的算法,所以就想试试看,毕竟我看了一下论坛里好像大都是分享的模块。


实现的原理:



其中,y为要控制的量,比如坐标,b是目标点,c是参数,一般在(0,1)之间。


通俗的理解,就是让物体距离是上一次距离的若干比例倍。


缓动的特点


1.开始时移动很快,能给人直接的反馈(发出命令后立即相应),交互感强。


2.然后,在逼近过程中,随着移动,速度慢慢变小,移动变慢,


3.最后当无限接近目标(但不会完全到达,是无限趋紧关系)时,速度接近0,看起来就像是自己慢慢停下来了。最终速度为0,非常自然。


可见,该动画效果很好,实际使用很广泛。


该公式的计算也很简单,只需一次减法与一次乘法,效率高。

————————————————

原文链接:https://blog.csdn.net/wonder13579/article/details/85120759



具体原理看原文吧。

演示图就不上了,感兴趣的就下载看看吧。还是那个界面,改了一下算法实现

第一代原贴地址:https://125.confly.eu.org/forum.php?mod=viewthread&tid=14540937&extra=


相比于上一代

修改的点:

1.代码更有序一点

2.流畅度也有所提升

美中不足:个人感觉缺少一点弹性(比喻可能不恰当,更接近的说法应该是灵活度?)




回复取源码



作者: 狂拽霸气炫    时间: 2020-3-14 20:54
看看!!!!!

作者: 深爱者    时间: 2020-3-14 20:58
牛逼!看看
作者: q981204899    时间: 2020-3-14 20:58
看看怎么样
作者: hhhql    时间: 2020-3-14 21:08
看看怎么样
作者: qqqq    时间: 2020-3-14 21:17
看下效果,,,,,,,,

作者: 不是吧1    时间: 2020-3-14 22:08
看看。。。。。
作者: 云南丿小海堂    时间: 2020-3-14 22:11
66666666666666

作者: longsui48    时间: 2020-3-15 00:33
这是经典的算法 webUI上的缓动也可以参考一下 这个也很经典
作者: Sunfish    时间: 2020-3-15 06:45
longsui48 发表于 2020-3-15 00:33
这是经典的算法 webUI上的缓动也可以参考一下 这个也很经典

好的,谢谢你的建议
作者: 韦贝贝    时间: 2020-3-15 07:59
        支持开源~!感谢分享
作者: jhai    时间: 2020-3-15 08:24
没啥说的先顶在下!!!!!!!!!!

作者: 350246356    时间: 2020-3-15 11:07
支持开源~!感谢分享
作者: 晓月Am    时间: 2020-3-15 11:17
感谢分享了

作者: Jelt    时间: 2020-3-15 11:54
看下效果啊
作者: 小8style    时间: 2020-3-15 12:07
支持开源~!感谢分享
作者: 无名d晓峰    时间: 2020-3-15 12:15
支持开源~!感谢分享
作者: 列明    时间: 2020-3-15 13:22
速度按照三角函數來可能會好一些

作者: Sunfish    时间: 2020-3-15 13:27
列明 发表于 2020-3-15 13:22
速度按照三角函數來可能會好一些

好的,我会考虑
作者: 牵你左手    时间: 2020-3-15 14:52
回复取源码

作者: 吴亚杰    时间: 2020-3-15 17:04
楼主说的弹性意思是不是说 按钮到达位置来回晃动一下?

作者: Sunfish    时间: 2020-3-15 17:11
吴亚杰 发表于 2020-3-15 17:04
楼主说的弹性意思是不是说 按钮到达位置来回晃动一下?

我说的可能不太好理解,就是

登录点击后

窗口缩小回弹时,感觉窗口要往右再缓动一下下,这样具有弹性
作者: 79961565    时间: 2020-3-16 12:33
支持开源~!感谢分享
作者: 3123913870    时间: 2020-3-16 15:38
9999999999996666666666666666666

作者: 南宫娜月汐    时间: 2020-3-16 15:56
支持开源~!感谢分享
作者: flix1324    时间: 2020-3-16 16:49
感写大大的开源,想学习学习缓动这块的
作者: 荼泱    时间: 2020-3-16 20:47
对计算机能力要求怎么样

作者: 私人云    时间: 2020-3-17 12:04
对计算机能力要求怎么样
作者: ck66    时间: 2020-3-17 14:45
支持开源~!感谢分享
作者: 安哥    时间: 2020-3-17 21:09
6666666666

作者: 零度狀態    时间: 2020-3-18 08:26
支持开源~!感谢分享
作者: 283688410    时间: 2020-3-21 22:46
谢谢楼主分享开源
作者: XiaMoi    时间: 2020-4-3 20:36
支持开源~!感谢分享
作者: XiaMoi    时间: 2020-4-3 20:37
支持开源~!感谢分享
作者: XiaMoi    时间: 2020-4-3 20:37
支持开源~!感谢分享
作者: AuroraStudio    时间: 2020-4-5 13:51
感谢分享!
作者: Flysoft    时间: 2020-4-5 14:51

支持开源~!感谢分享
作者: Cheni_World    时间: 2020-4-30 12:19
很棒,很有参考价值,请问楼主能收录到其它模块下吗
作者: Bab    时间: 2020-6-24 17:30
如果想要指定秒数去完成缓动动画该怎样写呢
作者: 涵旭    时间: 2021-5-11 09:55
好难受呀,我这里没有币,哎~下载不了
作者: 涵旭    时间: 2021-5-11 09:56
这个没有用到模块吗?
作者: 成神之日    时间: 2021-5-12 03:14
来看看
作者: 飞宇    时间: 2022-4-27 10:17
搞成模块不错,能不呢用在控件上面呢
作者: findqgzs    时间: 2022-7-30 11:27
666666666666666666666
作者: Rainly    时间: 2024-8-12 01:59
下载测试一下~~




欢迎光临 精易论坛 (https://125.confly.eu.org/) Powered by Discuz! X3.4