tParabola抛物线插件

好无聊又来秀插件,这次的主题是抛物线了。

偶然看到张鑫旭大神的博客看到抛物线的讲解,悻悻地捡回了读书时光学过的抛物线公式,仔细想想还是挺怀念的。

于是乎,开始了重复造轮子的过程。


Demo:http://travisup.com/demo/plugins/tparabola/demo.html

Github:https://github.com/godxiaoji/tscrollbar


这里照葫芦画瓢,讲解一下这个抛物线公式。

y = a*x*x + b*x + c

先求a,b,c

a可以近似理解为弧度,就是一个曲率值。所以a可以认为是一个系统常量。

在抛物线的运动轨迹中,我们知道了起始点和终点。假设起始点坐标为(0, 0),可以求出c = a*0*0 + b*0 - 0 = 0。

再代入已知的终点坐标,求得b = (y - a*x*x - c) / x。

之后通过匀速的x变化就可以求得y,这样运动的轨迹就出来啦。



    发表评论

    *
    *