When you pressed M, it zoomed area under the cursor, while also keeping a 1:1 view on the side. This gave fine motor control to edit pixels, while also allowed seeing how the overall image looks like. This was especially important when dithering by hand.
The gradient tool is affecting the entire area, instead of being a quirky flood fill of line gradients. I don't see a blur brush either. These two tools gave DP-painted images a recognizable style.
It's a nice editor, but it gives me vibes of Photoshop 5, not Deluxe Paint.
Most of the tools (like flood fill gradient and blur) I find easier to apply the the entire layer and then use selections or masks to only apply it to the area you want.
It certainly not a direct Deluxe Paint clone, more a conceptual successor while keeping a heavy focus on Amiga file formats and pixels.
Looks like it centers around the canvas object and a bunch of divs pretending to be widgets. I found this interesting as well, from the readme:
It is written in 100% plain JavaScript and has no dependencies.
It's 100% free, no ads, no tracking, no accounts, no nothing.
All processing is done in your browser, no data is sent to any server.
So no big framework, eh? I'm kinda glad to hear that, yet wonder how maintainable it will be in the future. Are there any books/blog-series that go over how to build one of these things?Also looks like this was cranked out in ~6 months or so (with a big gap in the middle), impressive.
The entire application is something of 400 to 450 in, and that includes all the colour reduction/dithering stuff and the reading and writing of those weird binary Amiga specific file formats.
If the code is well written, is should be no problem and actually be easier because there are no framework you need to keep in pace with.
> DPaint.js doesn't need building.
Was not included in the quote above but it is equally rare!
I have seen Workbench running in a browser before, it's a real kick to see it - on my phone.
However the key question is, the original runs in less than 512 KB, how much does DPaint.js need?
To get some base layer, here are some other examples from doing a heap snapshot directly after page load (so no interactions):
- https://chrome.google.com/webstore/category/extensions?hl=en - 12.1MB
- https://www.nytimes.com/ - 31.9MB
- https://github.com/ (logged in) - 18MB
> 450 in
Inches? I would have expected kb perhaps.