首页 > web前端 > js教程 > 关于原生js运动方式关键点的总结

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

一个新手
发布: 2017-10-09 10:01:13
原创
1232 人浏览过

主要方法:定时器的运用 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-op.offsetLeft)/50;
登录后复制

碰撞运动:

iSpeed *= -1;
登录后复制

以上是关于原生js运动方式关键点的总结 的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板