three.js, TSL and nodes
What TSL is, and the three kinds of node you build with.
You don't need to know three.js or write shader code to use Fluorite, but a little background helps.
Shaders
A shader is a small program that decides the colour of every pixel. A gradient, a noise field, a blurred photo or a trail that follows the mouse are all shaders.
three.js and TSL
three.js is the most popular library for 3D and graphics
on the web. TSL, the
Three.js Shading Language,
is its way of writing shaders with plain JavaScript functions like add,
mix, sin and uv, and the same shader works in every modern browser.
Every Fluorite shader is a TSL shader: each node is a TSL function and each wire passes a value to the next. View code shows you that TSL.
Three kinds of node
TSL primitives
The building blocks: maths, vectors, colour, noise, oscillators, conditions, one TSL function per node. Fluorite adds a few of its own, like filters, Switch and Repeat and Feedback, plus nodes for values, textures and the output. See Nodes and types.
Presets
Ready-made effects: blurs, distortions, shapes, colour grades, patterns, transitions, trails. Each one works like a single node. Open it to see how it's built, or fork it to change it. See Presets.
Community shaders
Shaders other people have published and made public. Add any of them to your graph as a node: its inputs become the node's inputs, and its output (plus any named outputs) its outputs. Your own published shaders appear the same way, under Your shaders.
An imported shader stays on the version you added, so it doesn't change when its author publishes again.