Learn creative coding writing simple programs

64. Animate objects that slow down and stop using lerp()

In this episode we find out how we can animate an object that does not move at a constant speed, but is reducing its speed, like a car approaching a red traffic light. What we do in each frame of our animation is to find out the middle point between where we are now and where we want to be, and move to that middle point. Frame after frame we move half of the distance to our destination. The steps becomes smaller and smaller, so it looks like we are moving slower and slower until the steps are so small that it looks like are not moving anymore.
To achieve this kind of animation we use a function called lerp(). With lerp we can find out what's the middle point between two other points. For example, we can find what's the middle x between the current x and the destination x. Not only we can find the middle point, but also other points between two numbers that are closer to the first number or closer to the second number.

Tags: animation, motion, decelerating

Code editor

You can make changes to the code below. Then
Below you can ask and answer questions related to this video. If your question is unrelated to the video, please post it at the Processing Forum as I'm unable to help with all of your programs and still have enough free time to eat and sleep :)
comments powered by Disqus