p5.js Coding Tutorial | Color Gradient Animation (lerpColor Function)

Published: 09 February 2024
on channel: Patt Vira

2,031

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram:   / pattvira
✨ Twitter:   / pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Color Gradient Animation Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Begin...

References:
🔗 Linear Interpolation (Coding math video):    • Creative Coding Math: Linear Interpol...
🔗 lerpColor() Function: https://p5js.org/reference/#/p5/lerpC...
🔗 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

Watch video p5.js Coding Tutorial | Color Gradient Animation (lerpColor Function) online without registration, duration hours minute second in high quality. This video was added by user Patt Vira 09 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,031 once and liked it 94 people.

166