Shefarol Soluções Web

Joga confete - Voltar

Código em Javascript
// Importar a biblioteca canvas-confetti
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.2/dist/confetti.browser.min.js"></script>
<script>
    document.getElementById("animate_confetti").addEventListener("click", () => {

        let params = {
            // Quantidade de confetes
            particleCount: 500, 
            // Espalhamento
            spread: 150, 
            // Velocidade inicial
            startVelocity: 70,
            // Posição inicial na tela 
            origin: { x: 0, y: 0.5 },
            // Ângulo em que os confetes serão lançados 
            angle: 45 
        };

        // Joga confetes da esquerda para a direita
        confetti(params);

        // Joga confetes da direita para a esquerda
        params.origin.x = 1;
        params.angle = 135;
        confetti(params);
    });
</script>