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

MSPaint in JavaScript

jspaint.app

Post reply on HN
Print view View original

101–110 of 129 posts

Re: MSPaint in JavaScript

#101

Post by mister_hn »

crazygringo wrote: post #72
thesandlord wrote: post #40

Photoshop in JavaScript: https://www.photopea.com/ I use it all the time, amazing it was created by a single person!

Oh my god that's literally insane. Sorry, but I am astonished by what it implements. Layers? Path editing? Blending options? Content-aware fill? Convert text to shape? In a web browser ? I'm just blown away right now. I'm editing a 2000x3000 pixel image and it seems just as fast as my copy of actual Photoshop. I can't even fathom how much work this must have been. One person? How is that even possible?

I wonder what are the specs of your machine and how much % RAM and CPU usage is absorbing

Re: MSPaint in JavaScript

#102

Post by shultays »

chapium wrote: post #32
AdmiralAsshat wrote: post #30

This is totally something that I could live with being an Electron app on Linux. Yes, I should be using GIMP/Krita/Other community FOSS solution, but gosh darnit, sometimes I just wanna make a 20-second markup on a screenshot, and I wanna use the friggin' program that I have a 20-year muscle memory for!

My preferred mspaint workflow: 1. Screenshot thing with screenshot rectangle selector (Win+S on OneNote 2013) 2. Draw red circles and arrows all over it 3. Repeat #1 on mspaint canvas 4. Paste screenshot with annotations to whatever I need pasting it to.

I would suggest giving lightshot a try. It does what ask for and saves you time to open paint

Re: MSPaint in JavaScript

#103

Post by qwerty456127 »

Fun but not really useful. I bloody wish someone would implement Paint.Net (which is the most practical + intuitive picture editor ever IMHO) in JavaScript. It's cross-platform Mono clone, Pinta, is tolerable but not nearly as good.

Re: MSPaint in JavaScript

#104

Post by Tade0 »

gkfasdfasdf wrote: post #51
Tade0 wrote: post #44

Earlier quoted context omitted.

It would be hard to beat Fabrice Bellard in this game: https://bellard.org/jslinux/

Oh wow this is amazing. The win2k image runs Paint, and looks like you can upload and download images.

There's more where that came from - check out this guy's other work.

Re: MSPaint in JavaScript

#105

Post by Cu3PO42 »

therein wrote: post #64
rubyn00bie wrote: post #57

Earlier quoted context omitted.

If you don't mind me asking, what's some like meta data you could share on what makes for a 5GB photoshop file? I'm just really curious at how a single photoshop file gets that large. Does it contain a bunch of workflows and auxiliary assets or something?

It could be a really large render of a `dot` graph. That's the only kind of 5GB PNGs I've had to work with. While on that topic, anyone have any good ideas in situations like that? Rendering a really large SVG from scratch is not feasible, also most SVG renderers actually fail on really large SVGs in my experience. I've always had to export as PS or just direct render into PNG.

I recently had a graph that dot refused to render to PNG since its maximum buffer was too small. A scaling factor that made it fit also made it unreadable.

We rendered to a 500MB SVG and opened it in Firefox, which worked quite well after the initial load. Bonus: we used the dev tools to navigate the thing.

Re: MSPaint in JavaScript

#106

Post by philips4350 »

jjeaff wrote: post #98
crazygringo wrote: post #72

Earlier quoted context omitted.

Oh my god that's literally insane. Sorry, but I am astonished by what it implements. Layers? Path editing? Blending options? Content-aware fill? Convert text to shape? In a web browser ? I'm just blown away right now. I'm editing a 2000x3000 pixel image and it seems just as fast as my copy of actual Photoshop. I can't even fathom how much work this must have been. One person? How is that even possible?

And some people say 10x programmers don't exist.

forget 10 , this is some 100x type shit

Re: MSPaint in JavaScript

#107

Post by whywhywhywhy »

mister_hn wrote: post #101
crazygringo wrote: post #72

Earlier quoted context omitted.

Oh my god that's literally insane. Sorry, but I am astonished by what it implements. Layers? Path editing? Blending options? Content-aware fill? Convert text to shape? In a web browser ? I'm just blown away right now. I'm editing a 2000x3000 pixel image and it seems just as fast as my copy of actual Photoshop. I can't even fathom how much work this must have been. One person? How is that even possible?

I wonder what are the specs of your machine and how much % RAM and CPU usage is absorbing

Photoshop is very limited by single core anyway due to so much of it being so old and still prefers to page to disk current version refuses to open at all with less than 10 gig free, not sure what feature they added that justifies this because it didn’t use to be the case.

You just take it for granted till you see After Effects blow it out of the water and not demand that much.

Apps for doing graphic work should be maxing out your machines power, that’s what it’s there for. When my rendering engine uses 100% of my two gpus it doesn’t feel sluggish it feels fast.

Re: MSPaint in JavaScript

#108

Post by whywhywhywhy »

philliphaydon wrote: post #94
rubyn00bie wrote: post #57

Earlier quoted context omitted.

If you don't mind me asking, what's some like meta data you could share on what makes for a 5GB photoshop file? I'm just really curious at how a single photoshop file gets that large. Does it contain a bunch of workflows and auxiliary assets or something?

My friend designs mobile apps in Photoshop, when I built him a new computer he opened up a 12gb photoshop file to see how it performed because his old iMac crashed. (it was buttery smooth on the new computer and opened almost instantly) The canvas size is insane, and has like 100 different views of screens all layered with 100s of folders with 100s of layers. He used to do 1 photoshop file per screen until he took th…

Probably would have been a 100-200 meg Fireworks file of Adobe hadn’t killed that.

Photoshop is incredibly wasteful in its resource usage to do UI design in.

(Fireworks had almost the entire feature set of Sketch but 10 years earlier for those that don’t know)

Re: MSPaint in JavaScript

#109

Post by krapp »

AdmiralAsshat wrote: post #30

This is totally something that I could live with being an Electron app on Linux. Yes, I should be using GIMP/Krita/Other community FOSS solution, but gosh darnit, sometimes I just wanna make a 20-second markup on a screenshot, and I wanna use the friggin' program that I have a 20-year muscle memory for!

What would bundling this as an Electron app provide that just bookmarking the site wouldn't?

The whole thing probably takes less than a couple of megabytes.

Re: MSPaint in JavaScript

#110

Post by ognarb »

jchw wrote: post #17
mrtksn wrote: post #15

Ah, this could be used as the missing paint in macOS. Even taking a screenshot and dragging it inside the browser works as expected. Is there an easy wat to turn this into an app that can live locally? Paint is the only thing I miss about Windows.

Presumably Electron, but it may be slightly more comfortable to compile something like KolourPaint for macOS instead.

You don't need to compile it, there is already a precompiled version for macOS: https://binary-factory.kde.org/job/Kolourpaint_Nightly_macos...
Post reply on HN