A tiny drawing tool made in p5.js.

It is very basic. Made to draw some specific ideas, but I was enjoying adding things. I might add some more.

Right-click or key or I to save image. Until you use the fill tool the background will be transparent.

There are a bunch of different brushes and you can apply them together or individually. Most of the keys run through a series of options before resetting to their default.

KeyEffectOptions
Q
Clear Canvas

WRandom Fill

EMain brush visibility
0-1
RChange line color

TMulti-line0-4
YBucket (Lasso Fill from saved position)

UReset all variables

ISave image

ADecrease brush size

SIncrease brush size

DCircular stamp
0-3
FCurve brush0-3
GTail0-1
HGrid
0-4
JWobble0-?
KWorm
LDitherlike0-7
<Decrease Ditherlike
>Increase Ditherlike
ZSave mouse position
XRandom curves from saved position
CFilled random curves from saved position

VAirbrush0-2
BRibbon (use setting 2 with saved position)
0-4
NCellular Automata Fill

MCellular Automata Line Fill

You can edit your own version of this tool here;
https://editor.p5js.org/ghostglyph/sketches/TZDVLjOUU

Development log

Leave a comment

Log in with itch.io to leave a comment.