Uploaded September 2022 | Updated September 2026, 2 weeks ago

---

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: youtu.be/IxhrXKEVCsc
Creating the sensor: youtu.be/2AKMSO2Gocs
Mutating the network: youtu.be/hVctn8x3jMA

Segment Intersection
youtu.be/fHOLQJo0FjQ

Understanding Color
youtu.be/Hbdb0KIlj0Q

Melody Maker Tutorial
youtu.be/JNtuLw2fybo

Visual Web Development Course
youtube.com/playlist?list=PLB0Tybl0UNfb3hTHPfEIg1SPw_-Ca9iIw

Beauty of Bezier Curves
youtu.be/aVwxzDHniEw

Easing functions cheat sheet
easings.net

Desmos calculator
desmos.com/calculator

#lerp #interpolation #javascript