GFXP - useful lib & tool for working with patterns

Hi! I made a small library and tool for working with patterns - GFXP https://github.com/ivansergeev/gfxp
You don't need to use the library, you can only use the visual editor https://dev.crankit.app/tools/gfxp/

Demo:
gfxp-demo

Visual editor:

I hope it will be useful to you :slight_smile:

This is really great. The tool in particular is very useful. I love that I can switch between library vs table vs playdate short/full code samples too.

If you don't mind, I'd like to suggest a couple features: invert current pattern (not just full black/white) as well as changing the scale of the preview (sometimes I want to "zoom in" to the preview).

Inverting - will do! :+1:
And what is the use of zoom? No one sees the pattern enlarged.

Mostly because patterns can be used on any given sized shape, so maybe instead of zoom, I'm more wanting to be able to see the pattern filled inside various geometry primitives. So maybe a way to preview the pattern fill inside various different shapes!

OK, I'll try to do it.

Inverting added! :slight_smile:

Zoooooom added!

According to the updated rules, I closed public access to the GFXP Lib source code on GitHub. The latest version (beta) is available here.
GFXP-Source-1.zip (5.8 KB)

Includes a new pattern animation option.

gfxpa-animate-1

The GFXP Editor is still available https://dev.crankit.app/tools/gfxp/

This web editor is allot of fun to use! I got lost testing new patterns between this an the simulator for a solid 15 minutes.

Thanks! I try to make the tool really useful. :blush:
PS the animation editor is not yet complete.

gfxpa-1

The first release is ready!

gfxpa-editor-1

gfxpa-2

Good idea, I'll do it!

This tool has already been invaluable, thank you so much for the hard work in making it so great! All the new features are just fantastic.

Done!

GFXP lib update.

Added support for masks and fixed bugs.
GFXP-Source-2.zip (78.7 KB)

The left pattern with mask, no drawing mode.
gfxpa-mask-1

GFXP Editor update.

Added support for automatic mask in the following modes: table, pd short, pd full.
The update is available on the GFXP website or GitHub

Love this!

Small request: use CSS image-rendering property so no anti-aliasing is applied to the previews? Apologies ahead of time if I missed this in your css already.

Hi! Thank you for your feedback! I will definitely fix it very soon. The new version is ready, but it is not yet available for viewing.

If you want to try the new version, welcome GFXP Pattern Editor v2 (WIP)