Confetti Burst
One popper, fired once: a tapered cone of paper with real gravity and tumble.
The canvas in this preview is the file shown here. The surrounding demo shell only provides context and is not part of the copied code.
import { useEffect, useRef } from "react";
/**
* Vibary · Confetti Burst
*
* One burst, from one cannon, that ends. The shape of it comes from a
* single rule: speed tapers with the angle off the barrel. A cannon
* throws hardest straight up the axis and weakest at the edges of theAbout this effect
Confetti that behaves like a party popper rather than a loop. The shape comes from one rule — muzzle speed tapers with the angle off the barrel, fastest up the axis and slowest at the edge of the cone — so the cloud arrives as a fan with a nose. Give every piece the same speed across a spread of angles and you get an expanding circle, which reads as an explosion. On top of that: gravity and air drag in real units, and a tumble about each piece's own axis so the rectangle narrows to a line and dims as it turns. Speeds are expressed in container heights per second, so the burst fits whatever box it lands in. It fires once and the loop cancels itself when the last piece leaves the frame.