Engine lab
Eight effects, two renderers, one simulation. Rain, ribbons and lightning are PixiJS. The crystals, the sparks and the firework bursts are Three.js. None of them knows the others exist.
Five steps from Minimal to Max. Sets which effects run and how bright they flash.
- Frames / s
- –
- Budget
- –
- Droplets
- –
- Eater charge
- –
- Sparks
- –
- Shells
- –
- Charge points
- –
- Ribbons
- –
- Wind
- –
Keyboard
- 1–8 switch an effect on or off
- 90 slower, faster
- Space burst the fireworks, discharge the lightning
- E build charge
- WS add or remove a ribbon
- ←→ blow the wind
Click anywhere for a shock ring. Click a crystal to break it: half its shards catch on the panel and shelves.
a DOM element
another one