Confetti WIP DEMO

confetti-wip-demo.markdown

Confetti WIP DEMO

A Pen by youth on CodePen.

License.

index.html

<p>Copy from <a href='https://twitter.com/Una/status/1122555800264814592/photo/1' target='_blank'>Una's twitter</a></p>

script.js

const confettiWeight=getRandom(minWeight,maxWeight)
// Set Color
const hue=getRandom(0,360)
const sat=getRandom(90,100)
const light=getRandom(50,100)
const color=`hsl(${hue}deg, ${sat}%, ${light}%)`

// Set Paint Info
ctx.lineWidth=confettiWeight
ctx.strokeStyle=color

// Calculate New Position
const angle=getRandom(0,89)
const hypotenuse=confettiLength
const newX=x+Math.cos(angle)*hypotenuse
const newY=y+Math.sin(angle)*hypotenuse
console.log(`   (${Math.round(x)},${Math.round(y)})(${Math.round(newX)},${Math.round(newY)})
hypotenuse: ${hypotenuse}
angle: ${angle}`
)

// Paint
// ctx rotate...Random(-90,90) * Math.PI / 180);