Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Hack of the Week
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
LINEAR INTERPOLATION
Slide 4
Slide 4 text
LINEAR INTERPOLATION
Slide 5
Slide 5 text
LERP()
Slide 6
Slide 6 text
0.0 1.0 50% = 0.5 30% = 0.3 75% = 0.75
Slide 7
Slide 7 text
146.2 1701.68 50% = ??? 30% = ??? 75% = ???
Slide 8
Slide 8 text
LERP(start, stop, amount)
Slide 9
Slide 9 text
146.2 1701.68 lerp(146.2, 1702.68, 0.5) = 924.44 LERP(start, stop, amount) lerp(146.2, 1702.68, 0.3) = 613.144 lerp(146.2, 1702.68, 0.75) = 1313.56
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
0.0 1000.0 lerp( 0.0, 1000.0, random() ) random() returns random number between 0.0 and 1.0
Slide 12
Slide 12 text
0.0 1000.0 lerp( 0.0, 1000.0, Math.sin() ) Math.sin() given radians, returns sine value (between 0.0 and 1.0)
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
0.0 1000.0 lerp( 0.0, 1000.0, Math.sin(???) ) Math.sin() given radians, returns sine value
Slide 15
Slide 15 text
0.0 1000.0 lerp( 0.0, 1000.0, Math.sin(time) ) Math.sin() given radians, returns sine value
Slide 16
Slide 16 text
0.0 1000.0 lerp( 0.0, 1000.0, Math.sin(time) ) Math.sin() given radians, returns sine value *note - Math.sin(time) formula simplified for effect
Slide 17
Slide 17 text
Want to learn more about LERP() and how to code animations? https://thebookofshaders.com https://www.youtube.com/user/shiffman