Fluid Effect

The Fluid Effect in Canvas Studio simulates real-time, touch-reactive fluid dynamics rendered in screen space. Wherever the user clicks or drags, swirls of dye propagate across the screen in flowing, colorful ribbons. The effect is visually compelling and dynamic, often used as a dramatic fullscreen background or a playful interactive overlay. You can enable this effect by selecting it in the WebGL Effects section of the Configure tab in the backend settings screen. You will then be able to select between Click or Hover trigger types, wether or not to trigger Initial Random Splats, and the Fluid Target. This is the target of the container where you want the effect to appear. Leaving it on Auto will fit most situations. You can then further tweak the Canvas Height and the fluid’s own Z Index.

WebGL Effects