Linear Interpolation (Lerp) - Math and JavaScript Applications

Published: 16 September 2022
on channel: Radu Mariescu-Istodor
20,470
825

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:    • Self-driving car - No libraries - JavaScri...  
Creating the sensor:    • Self-driving car - No libraries - JavaScri...  
Mutating the network:    • Self-driving car - No libraries - JavaScri...  

Segment Intersection
   • Segment intersection formula explained  

Understanding Color
   • Color and Style - HTML Canvas  

Melody Maker Tutorial
   • Melody Maker app using vanilla JavaScript,...  

Visual Web Development Course
   • Visual Web Dev. Course (2021)  

Beauty of Bezier Curves
   • The Beauty of Bézier Curves  

Easing functions cheat sheet
https://easings.net

Desmos calculator
https://www.desmos.com/calculator

#lerp #interpolation #javascript


On this page of the site you can watch the video online Linear Interpolation (Lerp) - Math and JavaScript Applications with a duration of hours minute second in good quality, which was uploaded by the user Radu Mariescu-Istodor 16 September 2022, share the link with friends and acquaintances, this video has already been watched 20,470 times on youtube and it was liked by 825 viewers. Enjoy your viewing!