对于原生js运动方式关键点的总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对于原生js运动方式关键点的总结相关的知识,希望对你有一定的参考价值。

主要方法:定时器的运用 setInterval(funnction(){},30);
 
为了避免最后时刻速度即将停止时的误差,可以采用下面的方法:
if(iSpeed<1)//速度足够小的时候,让速度直接为0,避免速度的波动
{
iSpeed = 0;
}
绝对值的运用(主要运用于弹性运动等速度有正负的情况):
Math.abs(2.5)// 2
弹性运动和摩擦力的组合:
iSpeed+=(iTarget-obj.offsetLeft)/5;
iSpeed*=0.7;
模拟摩擦力:
iSpeed*=0.95;//小数速度会越来越小
减速运动:
iSpeed--;
加速运动:
iSpeed++;
弹性运动:
iSpeed+=(300-oDiv.offsetLeft)/50;
碰撞运动:
iSpeed *= -1;

 

 
 
 
 

以上是关于对于原生js运动方式关键点的总结的主要内容,如果未能解决你的问题,请参考以下文章

原生js面向对象实现简单轮播

原生JS,运动的小人

JS中的基本运动逻辑思想总结

原生JS封装运动框架

原生JS封装时间运动函数

原生js设计的运动框架