Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

DPaint.js: A web-based image editor modeled after Deluxe Paint

stef.be

Post reply on HN
Print view View original

1–10 of 16 posts

Re: DPaint.js: A web-based image editor modeled after Deluxe Paint

#3

Post by pornel »

It doesn't have my favorite Deluxe Paint feature: split-screen zoom.

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.

Re: DPaint.js: A web-based image editor modeled after Deluxe Paint

#4

Post by mixmastamyk »

jukkakoskinen wrote: post #2

GitHub link: https://github.com/steffest/DPaint-js

Interesting. I've wondered how to build a media or presentation editor like this myself.

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.

Re: DPaint.js: A web-based image editor modeled after Deluxe Paint

#6

Post by Steffest »

pornel wrote: post #3

It doesn't have my favorite Deluxe Paint feature: split-screen zoom. 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 gra…

There's a split screen zoom in the menu "view" -> "split screen" (Or press tab)

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.

Re: DPaint.js: A web-based image editor modeled after Deluxe Paint

#7

Post by Steffest »

mixmastamyk wrote: post #4
jukkakoskinen wrote: post #2

GitHub link: https://github.com/steffest/DPaint-js

Interesting. I've wondered how to build a media or presentation editor like this myself. 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 an…

Big frameworks are so overrated ... IMHO they bring more bloat to the table then structure. These days with ES6 modules and workers and native custom elements, you can combine structure, maintainability and performance without frameworks.

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.

Re: DPaint.js: A web-based image editor modeled after Deluxe Paint

#9

Post by mixmastamyk »

Steffest wrote: post #7
mixmastamyk wrote: post #4

Earlier quoted context omitted.

Interesting. I've wondered how to build a media or presentation editor like this myself. 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 an…

Big frameworks are so overrated ... IMHO they bring more bloat to the table then structure. These days with ES6 modules and workers and native custom elements, you can combine structure, maintainability and performance without frameworks. 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 fil…

Fascinating.

> 450 in

Inches? I would have expected kb perhaps.

Post reply on HN