search

steffest / DPaint-js

Webbased image editor, modeled after the legendary Deluxe Paint with a focus on retro Amiga file formats: read and write Amiga icon files and IFF ILBM images
https://www.stef.be/dpaint/
MIT License
481 stars 28 forks source link

dpaint paint modes like matte, color/smear/shade etc #21

Open mestela opened 6 months ago

mestela commented 6 months ago

Hi, dpaint js is awesome!

I trick I remember from my youth was combining color cycling wiht the cycle mode (F7) , so that you could just paint in long strokes, hit tab, and get animation very quickly. Would it be possible to include this in dpaint js?

Blend was also really useful for setting up quick gradient and edge fx, I've included screen recordings from dpaint3 on an amiga emulator to show what I mean.

Thanks!

-matt

https://github.com/steffest/DPaint-js/assets/2536174/6bfa8b2d-870c-44a0-8e8f-4b513c1b1a1a

https://github.com/steffest/DPaint-js/assets/2536174/20f6c249-0cad-4d4f-9850-267027cfcc47

https://github.com/steffest/DPaint-js/assets/2536174/53a9a042-59be-4d28-9865-7c7397acdbfa

steffest commented 6 months ago

Hey Matt!

Good timing, look at the name of the commit I did yesterday:

image

So yeah: smears and blurs (that stay in the palette) are coming.

For cycle mode: good point. Currently, if a range is active, you can cycle through all the colors of that range with the left/right cursor keys, But I see the point that it would be cool to do that automatically in the middle of a brush stroke.

The expercise would be not to overload the app with crypting features that might seem confusing to users so I'll have to give ot some thoughs on how to implement that nicely.

Thanks for the videos! Awesome that you took the tile to record these. 👍

mestela commented 6 months ago

Eyyy supercool! Looking forward to playing with that!

Yeah I get what you mean, one path forward is to replicate every feature of the original deluxe paint exactly as it was, but it was hardly a bastion of user friendliness, much as I love it. When I recorded those videos I hovered over some of the tools expecting tooltips to appear, then remembered 'oh yeah.... 1986... tool tips... that's not a thing...'

No worries re the recordings. I was chatting with some friends about why I got into animation/vfx, and realised it was colour cycling on an amiga when I was 12, and felt suddenly compelled to recreate it. :)

steffest commented 6 months ago

By the way: for a way more faithfull replication of Deluxe Paint, check out https://github.com/mriale/PyDPainter That even has those wonderful gradient fills and all. Dpaint.js is by no means meant as a Deluxe Paint clone, more like a spiritual successor that still can handle all those old file formats, while at the same time offer modern features that Deluxe Paint never had, runnng on any device with a modern web browser.

mestela commented 6 months ago

Ah nice, thanks for the tip!