Presets
Playback
60 fps
View
Custom uniforms
What this is
Shader forge runs a fragment shader that you write. A fragment shader is a small program the GPU runs once for every pixel of every frame, so the picture is calculated rather than drawn. Seven presets show what comes out of that idea, from plasma to a raymarched sphere, and the code recompiles as you type.
How to use it
- Pick a preset, or write your own code in the editor.
- Change a number and the preview recompiles, with any error named by line.
- Add a uniform for a live slider, then save a PNG.
Read the guide
Words: fragment shader · uniform · GPU
Common questions
Where did my code go?
The page keeps the last code you typed in this browser, with the custom uniforms it used. Picking a preset or pressing Reset puts other code in the box, and Your code under Presets brings yours back. A reload opens your code again if it was in the box. Only one draft is kept: typing in a preset's code replaces it. Private windows and cleared site data keep nothing, so press Copy shader code to keep code for good.
How does it work on a phone?
Under 900 pixels wide the preview sits above the code, and the bar between them drags up and down. Phones and touch screens draw one pixel for each screen point, which keeps the preview quick and makes the PNG smaller. Phone keyboards often have no Tab key; type spaces instead.
Is my code uploaded?
No. The code is compiled by your own browser and GPU, and never leaves your device. The kept draft lives in this browser's storage.