title: Changing shape of Confetti canvas effect
body: <p>I am looking to implement a Confetti effect for a landing page of the website and have stumbled upon perfect starter here: <a href="https://codepen.io/linrock/pen/Amdhr" rel="nofollow">https://codepen.io/linrock/pen/Amdhr</a> However, I need to edit shape of confetti to be small rectangles as opposed to circles:</p>
  
  <p>I have tried changing:</p>
  
  <pre><code>context.arc(x,y,r,0,PI_2,false) 
  </code></pre>
  
  <p>to </p>
  
  <pre><code>context.rect(10,10,10,20)
  </code></pre>
  
  <p>this results in one confetti on a page of shape that I want all of them to be, but as you will see gets rid of whole Confetti effect. I'm pretty sure that I need to edit <code>drawCircle</code> to achieve what I want.</p>