{{ status }}

Sorry, your graphics card does not seem to support WebGL2.

You can try switching to webgl1 and downgrading the shader.

To find a base webgl1 shader: circle_webgl1.glsl

{{ error_msg }}

Reloading will erase gif

General Settings
Delete Gif Zone

Danger

Gif tools

Language Settings

Generally, you'll want to switch language using the selector page or the example page.



Offline Editing

Want to edit your code with your own editor?
Want to start a new project? Make a game?
Code away from the internet?


Once downloaded, simply extract the archive and launch index.html in your browser.
You can edit the code and reload the browser (CTRL+R) to see the changes.
Use the browser inspection tools (F12) to debug.

MathJS mode help

The expression in the editor will be ran on all pixels.
You can use plain math syntax, sin, cos, the ternary operator (?:).


The result can be a 3 component array that will be interpreted as rgb values:

[0.3, cos(x * 10), 0.0]

The result can also be a single value that will be interpreted as grayscale.

cos(3 * sqrt(x^2 + y ^2))

Have a look at the math js syntax here: http://mathjs.org/docs/expressions/syntax.html

Textures

Textures not supported for this language.

# File name Sampler2D name Remove Texture
{{ index }} texture{{ index }}

Example use:

gif.js settings

Quality:
Dithering:

GPU sound tools


Gifs results

[close]

Size:{{ image.size }} kb

Download .gif