VIPEX Motion · 12 Generative canvas

Particle Funnel

A few thousand pixel particles enter as loose clouds, merge into one column, squeeze through a waist at every stage boundary, and split at the final check — most rise and turn to the accent, the rest drop out red. Push the field with the pointer; hover a stage to light only that band. The third preset swaps the flow for a diamond lattice you can shove around.

sweep the canvas · hover a stage · press H for the panel

 

Three presets

pipeline is the staged flow with the pass/fail split and a labelled stage row. stream drops the gates and the check for a single fast band — good as a section backdrop. tessellation renders a diamond lattice with a sweeping highlight that the pointer swells, tints and pushes away.

Drop-in

var fx = ParticleFunnel.init(el, { preset: "pipeline", passRate: 0.94 }); then fx.highlight(3), fx.setOptions({ speed: 2 }), fx.destroy(). Zero dependencies, no assets, no network calls.