Effects stack

In Properties → Effects stack, new effects start in Bypass. Choose Normal, Screen, Add, Multiply, Overlay, Darken, or Lighten to activate an effect. Effect opacity sets how much its result contributes. Foreground effects run top-to-bottom: each blends against the result entering that effect, while the layer's blend mode still combines the completed layer with the composition underneath. Glow and shadow blend only their generated contribution; blur and color adjustments blend their processed image. Normal at 100% keeps the original effect behavior.

Group effects

Select a complete persistent group to edit a Group effects stack. Entries added there are shared by every group member, and edits, ordering, duplication, animation and removal stay synchronized. Existing object-only effects remain independent and are hidden while the group stack is being edited. The shared entries are materialized onto ordinary OGraf layers, so exported packages do not require a proprietary group-effects runtime.

Shader effects

Shader adds a true WebGL 2 post-process pass. Its iChannel0 is the layer result after every preceding stack entry; the Shader output is blended by that entry's Blend and Effect opacity, then passed to later effects. Exposed controls stay in Properties; Edit shader opens its source editor in Resources. The effect cannot attach a separate inputImage, because iChannel0 is reserved for the incoming stack image.

For Normal effects on pictures, transparent generative shaders such as Light Leaks blend over the incoming artwork, so the picture stays visible at 100%. Shaders that read iChannel0 or iChannelResolution remain complete post-processing passes; their intentional transparency can still hide or reveal the image. Shader Fill painting is separate and still replaces its colours.

Backdrop blur

Backdrop blur creates frosted glass on rectangles and ellipses by softening earlier layers in the same composition, clipped to the object's bounds and corner radii. Use Fill → None for clear glass or a gradient with partial alpha for tint. Choose Normal, set Radius, and adjust the amount: 0% gives no blur; 100% uses the full radius. The amount scales the radius, and the radius can be animated. Shader fills are supported; an active Shader effect and active Backdrop blur cannot share the same object. Backdrop-blurred objects can provide geometric path masks, but cannot provide alpha masks. SVG diagnostic previews omit the backdrop blur. Check its appearance in the actual browser view; PNG capture parity is not yet verified.

Bypass and animation

Bypass retains settings and animation. When all effects are bypassed, the object uses its ordinary rendering path without effect passes. Existing projects keep their enabled effects and appearance. Effect parameters remain animatable; blend mode and effect opacity are static settings.