Creative tool
Dood-el
A pixel editor that runs in your browser. Every pixel remembers which swatch it was drawn with, so changing one swatch recolours the whole sprite. Layers, frames, onion skin, GIF and sprite sheets. Nothing locked.
The editor
Pick a colour, then draw. Two fingers pan and zoom.
Every pixel remembers which swatch it was drawn with, not a colour. Change a swatch and every pixel drawn with it changes too — that is how a finished sprite gets recoloured in one move.
Unlocked: a new colour adds a swatch. Locked: it snaps to the nearest one.
Load a palette
Takes a Lospec .hex or a GIMP .gpl file, or pulls the colours out of the drawing.
Transform
Hold Ctrl to apply to every layer, Shift for every frame, both for the lot.
Milliseconds, per frame — so one frame can hold while the next two flick past. One speed for everything is where most browser pixel tools stop.
Onion skin
Earlier frames tint red, later ones blue, and each step further away fades.
Art style
Dood inks the artwork the way the Doods are drawn: a wobbling outline wherever one colour meets another, and cells that are not quite square. The wobble comes from each cell's own position, so it never shimmers and the saved file matches the screen exactly. The style applies to every export — what you see is what you save.
Pixel perfect drops the doubled corner pixels a freehand diagonal leaves behind. It applies to a 1px pencil.
Seamless tile
Drawing wraps around the edges, and the eight neighbours show dimmed behind it — so the tile is seamless as you make it, not after you find out.
Dither
An ordered screen, so the pencil and the fill lay down a proper checker instead of noise. The eraser is never dithered — erasing half of what you meant to remove is never what anyone wants.
Open an image
It is pixelised onto the current grid and its colours become swatches.
The same drawing, stood up as blocks. Drag it to turn it round. Because a pixel stores which swatch it was drawn with, each one is already a material — which is exactly what a voxel file wants.
Zero means that colour is a hole rather than a block. By brightness stands the light colours tall and lets the dark ones sink, which is how a drawing reads as carved without you placing a single height.
A .vox file opens in MagicaVoxel and most voxel tools. The palette travels with it, so the blocks keep the colours you chose.
PNG is the one to use — it keeps transparency exactly and never softens an edge. JPG is smaller, but it has no transparency and it blurs the pixel edges, so it is for sending somewhere that will not take a PNG.
A GIF allows 256 colours and one fully transparent one — past that it will not match the PNG. A sprite sheet lays every frame out in a row instead.
One frame, so there is nothing to animate yet. Add a frame and GIF and sprite sheet appear here.
Projects
Kept in this browser only. Nothing is uploaded.
Auto-save: idle
Project file
A .dood file carries every layer, every frame and the palette.