title: How can I fill a shape with a gradient on p5.js?
body: <p>First, I do know how to make gradients when it's formed within a square shape as its' a default shape when making manual gradients with <code>for</code> loops and <code>lerpColor</code>.</p>
  
  <p>I am trying to create ideally any shape, in this case an ellipse that will have a linear gradient as a fill color. What I will do with this gradient is that I will have it animate across the page, so that it will create various shapes with the gradient.</p>
  
  <p>I went to the p5.js example page to look for creating gradients, however I only managed to find gradients made manually using <code>line()</code>, <code>stroke()</code> and <code>lerpColor</code>. I looked around Processing forums and <a href="https://medium.com/@behreajj/color-gradients-in-processing-v-2-0-e5c0b87cdfd2" rel="noreferrer">this Medium article</a> though I don't have an understanding on Processing syntax.</p>
  
  <p>Is there a way to tackle this?</p>