Paint
What goes inside a shape: gradients, shadows and blur, inner shadows, glass and glow.
Gradients cover linear, radial, conic, mesh and along-the-path ramps.
Shadows and effects blur a shape without a filter pass. Glass and glow are filters for the panels and lights around it.
Linear, radial, conic, mesh and along-the-path gradients in OKLab with smooth easing, and half-float ramps with dither that stop dark gradients banding.
Blur a fill or stroke into glows and soft shadows, grow it with spread, add Figma-style inner shadows, progressive blur and plus-lighter blends, without filters.
Frosted glass that blurs and bends what is behind it, and neon light that adds up to white, from the pixi-silk/glass and pixi-silk/glow entry points.
Questions
How do I make gradients in PixiJS without banding?
Fill with linear, radial, conic or along from pixi-silk. Gradients are baked into a half-float atlas and dithered by half an 8-bit step, which hides the bands in dark, wide ramps.
How do I add a glow or soft shadow without a filter?
Give the paint a blur, for example g.circle(0, 0, 40).fill({ color: 0xff375f, blur: 12 }). Add spread to grow the shape before the blur.
Are glass and glow part of the root import?
No. Glass lives in pixi-silk/glass and glow in pixi-silk/glow. Both are filters, so they cost a render pass where plain blur does not.