Ändern der Form von Konfetti Canvas-Effekt

Question

Ich bin auf der Suche nach einem Confetti-Effekt für eine Zielseite der Website zu implementieren und stolperte über perfekte Starter hier: https://codepen.io/linrock/pen/Amdhr Allerdings muss ich Form von Konfetti zu kleinen Rechtecken im Gegensatz zu Kreisen bearbeiten :

ich habe versucht, zu ändern:

context.arc(x,y,r,0,PI_2,false) 

zu

context.rect(10,10,10,20) 

diese auf einer Seite der Form in einer Konfetti-Ergebnisse, die ich alle wollen von ihnen zu sein, aber wie Sie sehen werden, wird ganzen Confetti-Effekt los. Ich bin mir ziemlich sicher, dass ich drawCircle bearbeiten muss, um zu erreichen, was ich will.

Answer 1

Gerade Änderung:

drawCircle = (x,y,r,style) -> 
    context.beginPath() 
    context.arc(x,y,r,0,PI_2,false) 
    context.fillStyle = style 
    context.fill() 

Um

drawCircle = (x,y,r,style) -> 
    context.fillStyle = style 
    context.fillRect(x,y,r,r) 
    context.fill() 

EDIT 1

Bitte beachten Sie, dass diese CoffeeScript ist, nicht JavaScript.