Algorithme pour contrôler l'accélération jusqu'à ce qu'une position soit atteinte

Vous avez besoin d'une formule d'assouplissement, que vous appelleriez à un intervalle défini, passant dans le temps écoulé, point de départ, point final et durée que vous souhaitez que l'animation soit.

Faire des calculs temps basés sur le temps représentera des clients lents et d'autres hochcups aléatoires. Étant donné que cela calcule à temps écoulé contre le temps dans lequel il doit compkete, il représentera des intervalles lents entre les appels lors de leur retour à quel point votre point devrait être dans l'animation.

Le plugin JQuery.asing a une tonne d'assouplissement des fonctions que vous pouvez regarder:

http://gsgd.co.uk/sandbox/jquery/asing/

J'ai trouvé le mieux de passer en 0 et 1 comme mon point de départ et de fin, car il retournera un point flottant entre les deux, vous pouvez facilement l'appliquer à la valeur réelle que vous modifiez à l'aide de la multiplication.

Ceci est un candidat parfait pour utiliser un "ressort" de manière critique ".

Conceptuellement, vous attachez le point au point cible avec un ressort ou un morceau d'élastique. Le printemps est amorti de sorte que vous n'obtenez pas de «rebondir». Vous pouvez contrôler la rapidité avec laquelle le système réagit en changeant une constante appelée «SpringConstant». C'est essentiellement à quel point le morceau d'élastique est fort. P>

essentiellement, vous appliquez deux forces à la position, puis intégrez cela au fil du temps. La première force est appliquée par le printemps, FS = SpringConstant * distancestotarget. La seconde est la force d'amortissement, FD = -CurrentVelocity * 2 * sqrt (SpringConstant). P>

La cour que la couronne forme fait partie de l'état du système et peut être initialisé à zéro. P>

Dans chaque étape, vous multipliez la somme de ces deux forces à l'étape chronologique. Cela vous donne le changement de valeur de la courante actuelle. Multipliez-le à nouveau à nouveau et cela vous donnera le déplacement. P>

Nous ajoutons cela à la position réelle du point. P>

en C ++ Code: P>

float CriticallyDampedSpring( float a_Target,
                              float a_Current,
                              float & a_Velocity,
                              float a_TimeStep )
{
    float currentToTarget = a_Target - a_Current;
    float springForce = currentToTarget * SPRING_CONSTANT;
    float dampingForce = -a_Velocity * 2 * sqrt( SPRING_CONSTANT );
    float force = springForce + dampingForce;
    a_Velocity += force * a_TimeStep;
    float displacement = a_Velocity * a_TimeStep;
    return a_Current + displacement;
}