window.requestAnimationFrame(() => {
var colors = ['#26ccff', '#a25afd', '#ff5e7e', '#88ff5a', '#fcff42', '#ffa62d', '#ff36ff'];
var confetti = () => {
var origin = {x: Math.random() * .6 + .2, y: Math.random() * .6 + .2}, scalar = Math.random() * .4 + .8;
window.confetti({
angle: Math.atan2(origin.y - .5, origin.x - .5) * 180 / Math.PI, origin,
spread: 70, particleCount: 1, startVelocity: Math.random() * 40 + 20,
colors: [colors[Math.random() * colors.length >>> 0]],
scalar, gravity: scalar
});
}, moreconfetti = () => {
var i = setInterval(confetti, 5);
setTimeout(() => clearInterval(i), 1000);
};
setInterval(confetti, 10);
document.body.addEventListener('mousedown', moreconfetti);
document.body.addEventListener('keydown', moreconfetti);
document.body.addEventListener('mousemove', confetti);
document.body.addEventListener('mousemove', e => {
window.confetti({angle: 90, spread: 180, startVelocity: Math.random() * 5,
particleCount: 1, scalar: Math.random() * .4 + .8, gravity: .5,
origin: {x: e.clientX / window.innerWidth, y: e.clientY / window.innerHeight},
colors: [colors[Math.random() * colors.length >>> 0]]});
});
});