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 GPGPU Particles 2D GPGPU Particles 3D Simple Particles

Minimal WebGL Examples

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

Full TSL Examples

Overlay Distortion GPGPU Particles 2D GPGPU Particles 3D Simple Particles Combined Demo Mega Demo

Full WebGL Examples

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

Guides: Effects Guide / GLSL vs TSL

Walkthrough: Demo tutorial

Source: JavaScript / TypeScript

Full TSL Examples:

Get More >

Minimal TSL Examples Minimal WebGL ExamplesFull TSL ExamplesFull WebGL Examples

OverlayDistortionGPGPU Particles 2D GPGPU Particles 3D Simple Particles Combined Demo Mega Demo

Example 02 · TSL + WGSL

Distortion