Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der wichtigsten Punkte nativer js-Bewegungsmethoden

Zusammenfassung der wichtigsten Punkte nativer js-Bewegungsmethoden

一个新手
一个新手Original
2017-10-09 10:01:131186Durchsuche

Hauptmethode: Verwendung des Timers setInterval(function(){},30);

Um Fehler zu vermeiden, wenn die Geschwindigkeit im letzten Moment kurz vor dem Stopp steht, kann die folgende Methode verwendet werden:

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

Verwendung absoluter Werte (wird hauptsächlich bei elastischen Bewegungen und anderen Situationen verwendet, in denen die Geschwindigkeit positiv und negativ ist):

Math.abs(2.5)// 2

Kombination aus elastischer Bewegung und Reibung:

iSpeed+=(iTarget-obj.offsetLeft)/5;
iSpeed*=0.7;

Simulierte Reibungskraft:

iSpeed*=0.95;//小数速度会越来越小

Verzögerungsbewegung:

iSpeed--;

Beschleunigungsbewegung:

iSpeed++;

Elastische Bewegung:

iSpeed+=(300-op.offsetLeft)/50;

Kollisionsbewegung:

iSpeed *= -1;

Das obige ist der detaillierte Inhalt vonZusammenfassung der wichtigsten Punkte nativer js-Bewegungsmethoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn