Image Editor
Project
Effects
Export
New Canvas
Options
About
Help
Project
Image Editor project files are stored as .txt files which contains the JSON of effects, their code and the pixel data of the source image as data URLs.
This project's session gets autosaved every 10 seconds. You will get back to where you left off after refreshing your page.
Effects
Auto
Export
To preserve GIF duration, your FPS must be such that 100/FPS is an integer.
Possible gif framerates: 10, 14.28, 16.67, 20, 25, 33.33, 50, 100
Also, lower number in GIF quality = better quality.
ms
There is a variable called 'V' which denotes the nth frame when rendering.
V = 1 at frame 1, V = 2 at frame 2, etc.
New Canvas
Or upload image:
Options
Fit Image
About
This Image Editor was created by Deca Quitin Deca Quitin's home page BonesYT's home page Daydun's home page
with a bit of help from BonesYT.
Inspired by DayDun and BonesYT who made similar tools.
Help
This is an image editor which uses
JavaScript to generate effects.
Effects are executed from left to right.
v - Pixel data of the source or the output of previous effect. Stored as an array of integers in this form:
To edit the RGBA values of the image, you have to edit one channel at a time like this:
v[0] = v[0] + 64;
v[1] = 255;
v[2] = x
, etc.
Or you can assign an array of values to v, for example:
v = [v[2], 128, 0, 255]
x, y - Integers denoting the position.
Minimum is 0. (in left and top)
i - Integer denoting the index of its pixel.
Ranges from 0 to width*height.
t - Integer denoting the current unix epoch in milliseconds.
getPixel(x,y) - Function which returns the pixel data of a pixel in a given position.