LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram: https://www.instagram.com/pattvira
✨ Twitter: https://twitter.com/pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Color Gradient Animation Code: https://editor.p5js.org/pattvira/sketches/mutDHiETf
🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 Linear Interpolation (Coding math video): https://youtu.be/IwOZV19CH2Y
🔗 lerpColor() Function: https://p5js.org/reference/#/p5/lerpColor
🔗 Easing Functions: https://easings.net/
Timestamps:
0:00 Intro
0:10 Linear Interpolation 101
4:37 Creating a color gradient (Block)
8:44 Creating a color gradient (Ellipse)
13:29 Using easing functions to animation a circle
