Rumah > hujung hadapan web > tutorial js > 关于原生js运动方式关键点的总结

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

一个新手
Lepaskan: 2017-10-09 10:01:13
asal
1230 orang telah melayarinya

主要方法:定时器的运用 setInterval(funnction(){},30);

为了避免最后时刻速度即将停止时的误差,可以采用下面的方法:

if(iSpeed<1)//速度足够小的时候,让速度直接为0,避免速度的波动{
iSpeed = 0;
}
Salin selepas log masuk

绝对值的运用(主要运用于弹性运动等速度有正负的情况):

Math.abs(2.5)// 2
Salin selepas log masuk

弹性运动和摩擦力的组合:

iSpeed+=(iTarget-obj.offsetLeft)/5;
iSpeed*=0.7;
Salin selepas log masuk

模拟摩擦力:

iSpeed*=0.95;//小数速度会越来越小
Salin selepas log masuk

减速运动:

iSpeed--;
Salin selepas log masuk

加速运动:

iSpeed++;
Salin selepas log masuk

弹性运动:

iSpeed+=(300-op.offsetLeft)/50;
Salin selepas log masuk

碰撞运动:

iSpeed *= -1;
Salin selepas log masuk

Atas ialah kandungan terperinci 关于原生js运动方式关键点的总结 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan