Linear Interpolation (Lerp) – Math and JavaScript Applications
Linear interpolation (Lerp) is a very important technique I use all the time. In this video I won’t just give you the formula, but teach you how to figure it out by yourself when needed. I think you’ll remember the math better in that way. Then, once the formula is clear, I’ll show you how to use it in JavaScript. I’ll teach you several different applications where we animate location, color, sound and text!
I made this video because many of my students make the mistake of not extracting lerp as its own function when they use it multiple times in an application. Then, the code has countless different implementations all over the place. This kind of spaghetti code leads to a lot of bugs.
Self-driving car videos where I use Lerp
Defining the road: https://youtu.be/IxhrXKEVCsc
Creating the sensor: https://youtu.be/2AKMSO2Gocs
Mutating the network: https://youtu.be/hVctn8x3jMA
Segment Intersection
https://youtu.be/fHOLQJo0FjQ
Understanding Color
https://youtu.be/Hbdb0KIlj0Q
Melody Maker Tutorial
https://youtu.be/JNtuLw2fybo
Visual Web Development Course
https://www.youtube.com/playlist?list=PLB0Tybl0UNfb3hTHPfEIg1SPw_-Ca9iIw
Beauty of Bezier Curves
https://youtu.be/aVwxzDHniEw
Easing functions cheat sheet
https://easings.net
Desmos calculator
https://www.desmos.com/calculator
#lerp #interpolation #javascript
Comments are closed.