{{ status }}

{{ room_sync.users_count }} users in the room

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


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 not supported for this language.

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

Example use:

gif.js settings


GPU sound tools

Gifs results


Size:{{ image.size }} kb

Download .gif