Confetti JS

// Confetti

var defaultColors = ["#a864fd", "#29cdff", "#78ff44", "#ff718d", "#fdff6a"];

function createElements(t, e, a) {
	return Array.from({length: e}).map(function (e, s) {
		var n = document.createElement("div"), o = a[s % a.length];
		return n.style["background-color"] = o, n.style.width = "10px", n.style.height = "10px", n.style.position = "absolute", t.appendChild(n), n
	})
}

function randomPhysics(t, e, a, s) {
	var n = t * (Math.PI / 180), o = e * (Math.PI / 180);
	return{x: 0, y: 0, wobble: 10 * s(), velocity: .5 * a + s() * a, angle2D: -n + (.5 * o - s() * o), angle3D: -(Math.PI / 4) + s() * (Math.PI / 2), tiltAngle: s() * Math.PI}
}

function updateFetti(t, e, a) {
	t.physics.x += Math.cos(t.physics.angle2D) * t.physics.velocity, t.physics.y += Math.sin(t.physics.angle2D) * t.physics.velocity, t.physics.z += Math.sin(t.physics.angle3D) * t.physics.velocity, t.physics.wobble += .1, t.physics.velocity *= a, t.physics.y += 3, t.physics.tiltAngle += .1;
	var s = t.physics, n = s.x, o = s.y, i = s.tiltAngle, d = s.wobble, r = n + 10 * Math.cos(d), l = o + 10 * Math.sin(d), c = "translate3d(" + r + "px, " + l + "px, 0) rotate3d(1, 1, 1, " + i + "rad)";
	t.element.style.transform = c
}

function animate(t, e, a) {
	function s() {
		e.forEach(function (t) {
			return updateFetti(t, o / n, a)
		}), o += 1, n > o ? requestAnimationFrame(s) : e.forEach(function (e) {
			return e.element.parentNode === t ? t.removeChild(e.element) : void 0
		})
	}

	var n = 200, o = 0;
	requestAnimationFrame(s)
}

function confetti(t) {
	var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, a = e.angle, s = void 0 === a ? 90 : a, n = e.decay, o = void 0 === n ? .9 : n, i = e.spread, d = void 0 === i ? 45 : i, r = e.startVelocity, l = void 0 === r ? 45 : r, c = e.elementCount, f = void 0 === c ? 50 : c, u = e.colors, h = void 0 === u ? defaultColors : u, p = e.random, m = void 0 === p ? Math.random : p, _ = createElements(t, f, h), $ = _.map(function (t) {
		return{element: t, physics: randomPhysics(s, d, l, m)}
	});
	animate(t, $, o)
}