Patternshop: layered drawing (compositing) for Decker

Also, see https://woodring.itch.io/patternshop-neo for a simplified version or https://missooni.itch.io/patternshop-cinnamon that inspired me to make Neo

what is decker? see here: https://internet-janitor.itch.io/decker/community and here:  http://beyondloom.com/decker 

for my other decker things seehttps://codeberg.org/woodring/

It's a module and several contraptions that emulate layered drawing in other drawing tools. Or, it can be thought of as "Decker mega-underpaint mode."

Also see Patternshop Neo html, a simplified widget, inspired by Missooni's work. To try it, it needs to be downloaded from the download files, and you'll have to manually open it in your browser from the downloaded HTML. It is also available from codeberg.

reload if video is not playing:

teaser video apng

  1. make at least three cards

  2. put the patternshop contraption on each of those cards.

  3. switch to interactive mode.

  4. press 0 (zero) on each of the cards to activate the contraption.

  5. draw on the first card in interactive mode.

  6. switch to the second card. what was drawn on the first card appears there.

  7. draw on the second card.

  8. switch to the third card. what was drawn on the second will be under the first.

  9. et voila, layered drawing!

Why is this important? Imagine:

  • card1 has a rough sketch.

  • card2 shows card1, to trace over card1's sketch.

  • card1 is deactivated, automatically removing the sketch, without having to manually erase it from card2.

  • card3 shows the outline of card2, to add shading without worrying about staying exactly in the lines.

For a more detailed README, see:  https://codeberg.org/woodring/decker.patternshop

Updated 20 days ago
StatusReleased
CategoryTool
PlatformsHTML5
Rating
Rated 5.0 out of 5 stars
(3 total ratings)
Authorwoodring
TagsCreative, Decker, Drawing, No AI, Open Source, sourcecode
Code licenseUnlicense
Asset licenseCreative Commons Zero v1.0 Universal
Average sessionAbout a half-hour
LanguagesEnglish
InputsKeyboard, Mouse, Touchscreen
AccessibilityColor-blind friendly, High-contrast, Interactive tutorial
ContentNo generative AI was used

Download

Download
patternshop.deck 100 kB

Comments

Log in with itch.io to leave a comment.

(2 edits)

Please see

https://woodring.itch.io/patternshop-neo

or

https://missooni.itch.io/patternshop-cinnamon

for a simpler, more Decker-like, drawing with layers

Deleted 20 days ago
(+2)

Hiya! I've been keeping up with this project since you released the original contraptions to the Bazaar, and I was so excited for layered drawing in Decker that I started to write my own wrapper to view and edit layers using the older patternshop module. That was a while ago, but I finished working on it today!

Thank you again for making Patternshop and the work you put into documenting it, It's made drawing in Decker much more fun for me. ^^ (On a side note - please let me know if you would prefer if I called it something else!)

(+1)

Sorry for the late response.

It’s cool. I haven’t looked at it yet, but feel free to use it in any way you see fit. I don’t mind at all, naming or otherwise.

(+1)

Very neat

(+1)

I've been playing with this a little and I think I still haven't got the hang of it, but it's really interesting!

(+1)

Cool. If you have any suggestions on how to improve it, I’m all ears.

For instance, I had it set up to work with my tablet, but I set the keys to match what I defined. There’s probably a more logical setting for Photoshop/Krita, but I don’t use them enough to know what they are off the top of my head.

(11 edits) (+1)

Updated 20260708

Updated 20260701

  • Simplified Patternshop Neo even further

Updated 20260630

  • Added Patternshop Neo html, a quick and dirty hack inspired by Missooni’s work. It will be downloaded and you’ll have to manually open it in your browser from the downloaded files.

Updated 20260627

Updated 20260429

  • Added a button to start from scratch on first and last card

Updated 20260430

  • Added a note on card navigation with Left and Right arrow keys (<- and ->)
  • Added links

Updated 20260501

  • Updated Decker to v1.66
  • Expanded viewport
  • Go to “card2” on wipe