three-fluid-fx Cursor-driven fluid effects for three.js

Start

Examples Tutorials

Guides

Getting Started Effects Guide Particles Guide GLSL vs TSL

Examples

Minimal TSL Examples

Hello World Overlay Distortion Reveal Mask GPGPU Particles 2D GPGPU Particles 3D Simple Particles Fluid Text

Minimal WebGL Examples

Hello World Overlay Distortion Reveal Mask GPGPU Particles 2D GPGPU Particles 3D Simple Particles

Full TSL Examples

Overlay Distortion Reveal Mask GPGPU Particles 2D GPGPU Particles 3D Simple Particles Combined Demo Mega Demo Fluid Text

Full WebGL Examples

Overlay Distortion Reveal Mask GPGPU Particles 2D GPGPU Particles 3D Simple Particles

Guides: GLSL vs TSL / GLSL vs TSL

Walkthrough: Demo tutorial

Source: JavaScript / TypeScript

Open example in:

StackBlitz >

JS

TS

Full TSL Examples:

Get More >

Full TSL Examples

Hello World Overlay Distortion Reveal Mask GPGPU Particles 2D GPGPU Particles 3D Simple ParticlesCombined DemoMega Demo Fluid Text

TSL · Full · Combined

Combined Demo