Skip to Content
✨ SPARK
New to Coding? START HERE
Coding Tutorials
Creative Coding Math
Newsletter
About
Patt Vira
Login Account
0
0
✨ SPARK
New to Coding? START HERE
Coding Tutorials
Creative Coding Math
Newsletter
About
Patt Vira
Login Account
0
0
✨ SPARK
Folder: Learning
Back
New to Coding? START HERE
Coding Tutorials
Creative Coding Math
Newsletter
About
Login Account

Color Gradient Animation #2 (lerpColor Function)

  • All,

🔗 Code Example: Color Gradient Animation #2

🔗 References:

  • p5.js Reference - lerpColor() Function

  • Coding Math: Linear Interpolation

🔗 Timestamps:

  • 0:10 Linear Interpolation 101

  • 3:49 Creating a color gradient in a block shape

  • 9:42 Creating a Block class

  • 16:40 Animating the Block object

Previous

Game of Life Clock

Next

Conway's Game of Life 👾

You Might Also Like

Related Embedded Video Item Thumbnail How to Center a Grid on Canvas
Related Embedded Video Item Thumbnail Interactive Dandelion (with ml5.js - faceMesh)
Related Embedded Video Item Thumbnail Rotating Polygons on the Major Scale 🎵
Related Embedded Video Item Thumbnail Interactive Bridge with Bouncing Balls (matter.js + ml5.js)
Related Embedded Video Item Thumbnail Car in Motion (Variables)
I recently visited a botanical garden, saw this very sign, and really wanted to share.

🌸 ‘To Plant a Garden is to Believe in Tomorrow’ beautifully resonates with the creative coding work I do. Just as planting a seed is a simple act wit
“It’s much easier to determine what is working after you have already done some things than to predict what will work before you have done anything.” — James Clear

I made it through year ONE of making consistent content on th
Follow @pattvira