10 ms·
MSPaint in JavaScript
- jbverschoor 7y agohaha cool the konami-code easter egg
- jsd1982 7y agoThe history to GIF is a neat feature but falls apart if your first operation is to invert colors or fill the image as black instead of default white. Having the ability to edit history would be nice (cut out the initial New Document history item) or be able to create a new image from the current one with history erased.
- AdmiralAsshat 7y agoThis 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!
- chapium 7y agoMy 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.
- shultays 7y agoI would suggest giving lightshot a try. It does what ask for and saves you time to open paint
- dansman805 7y agoSpecifically for screenshot markup, I recommend using flameshot (https://flameshot.js.org/#/ https://flameshot.js.org/#/). It allows you to markup the screenshot right as you take it.
- Nux 7y agoFlameshot is sluggish and bloated. If you want the same functionality and more, but fast, try Shutter.
- ForHackernews 7y agoDo either of those work under Wayland? Or only X11?
- Nux 7y agoNot sure tbh. I use it with latest Fedora+MATE at work.
- themodelplumber 7y agoShutter is fast now? Awesome. I remember when I had to stop using it for a while because it was somehow really unresponsive.
- Nux 7y agoIt is compared with flameshot...
- thrower123 7y agoGreenshot is my weapon of choice for that. Hit Print Screen, drag a box of what you want to capture, open in editor and annotate away https://getgreenshot.org/ https://getgreenshot.org/
- yoavm 7y agoThe parent comment was asking about Linux, which isn't support by Greenshot it seems.
- RodgerTheGreat 7y agoKolourpaint is a pretty decent linux-based alternative to MSPaint. Same simple featureset and straightforward UI, with the nice added touch of support for transparency.
- duckerude 7y agoMS Paint itself can run in Wine. I believe you can install it with winetricks.
- tomtheelder 7y agoThis app has really noticeable and irritating latency vs. native paint that would make it a pain for me to actually use. If we are being honest that's probably an implementation thing, and not just a function of it being JS, but once gain performance problems in a JS app damage the experience for me.
- tomcam 7y agoNot on my $300 iPad
- epicide 7y agoThe fact that at least 5 people have replied with different tools really just emphasizes your point. Is it a perfect recreation? Of course not. Will it do every sort of image editing I might want? A definite no. Does everybody either quickly learn it or already have its interface burned into their memory? Yep. Does it work well enough to do a quick edit on pretty much any OS (including mobile) without needing anything but a browser and an easy-to-remember link? YES.
- AdmiralAsshat 7y agoI try not to begrudge them because they're just trying to be helpful. :)
- deleted 7y ago[deleted]
- bjornsteffanson 7y agoShortcut to the Electron app: https://github.com/1j01/jspaint#desktop-app-electron https://github.com/1j01/jspaint#desktop-app-electron
- krapp 7y agoWhat 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.
- thesandlord 7y agoPhotoshop in JavaScript: https://www.photopea.com/ https://www.photopea.com/ I use it all the time, amazing it was created by a single person!
- hmottestad 7y agoThat is actually super useful. I've already migrated diagrams to draw.io, and now I can do the same for simple photo editing. Super useful for work too, since a webpage is much easier than installing a program.
- aikah 7y agoNice. Although one of the hidden power of Photoshop is the ability to open ridiculous large image files without any hurdle whatsoever. The other day a client sent a 5GB comp we had to open to modify some text, I was surprised how well Photoshop handled it, on a relatively cheap laptop. Not sure how it would fair in the browser.
- rubyn00bie 7y agoIf 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?
- ftio 7y agoI’m sure there are many ways, but I’ve done it by stitching together dozens of photos to create a panorama.
- rubyn00bie 7y agoThat makes sense I need to go look up how big photo files are now I guess.. It has been many years since I used photoshop for editing photos (or at all I suppose); my last camera (excluding my phone) was a Nikon D70 (only 6 megapixels).
- boomskats 7y agoThis is huge. I no longer have any reason to keep my Windows partition!
- mehrdadn 7y agoWindows XP? :P
- eatonphil 7y agoThe source code/project page is linked in the Help popup. https://github.com/1j01/jspaint https://github.com/1j01/jspaint
- enahs-sf 7y agothis is great! thanks for making this, brought me back to my childhood and made my day!
- cbhl 7y agoNot seeing the Windows 9x theme around the window puts this squarely in uncanny valley for me. (Granted, I'm running this in Chrome on Linux -- if one was on Windows, the "double frame" would probably look wrong, too.) Reminds me of the "Mac OS 8 in DHTML" page from the 90s...
- deleted 7y ago[deleted]
- thrower123 7y agoI'd forgotten how much better the old Paint UI was compared to the newer edition...
- dpcan 7y agoSomeone's been on reddit today.
- eyelidlessness 7y agoMy favorite feature is that typing `cmd-[` (browser back) briefly rotates the canvas before the browser navigates back.
- OkGoDoIt 7y agoWorks surprisingly well on iOS, although it’s difficult to select the menu items (small tap target), there doesn’t appear to be any way to right click, and the window size bleeds off the right edge of the screen. Still, much more impressive functionality and performance than I expected, especially since this doesn’t seem to be optimized for mobile!
- marstall 7y agoThat's insane! (in a good way)
- jedberg 7y agoThis is awesome! I miss MS Paint. So much easier for markup. One nit though, they should add a few sleep() in there so it feels like my old PC. :)
- badsectoracula 7y agoThis is nice. The Win95-Vista paint interface was IMO the best and i still dislike using the newer versions, especially since they screw up a lot of common things (e.g. try to draw overlapping rectangles).
- OkGoDoIt 7y agoI had originally assumed this was some sort of webassembly port of the actual Microsoft Paint source code. But it looks like a completely custom JavaScript app built from the ground up to look and work very similarly to Microsoft Paint. That’s actually super impressive, although not quite the technological feat I had originally assumed. It does make this more dubious from a trademark perspective, the author might want to make it more clear it’s not actually Microsoft Paint.
- Tade0 7y agoIt would be hard to beat Fabrice Bellard in this game: https://bellard.org/jslinux/ https://bellard.org/jslinux/
- gkfasdfasdf 7y agoOh wow this is amazing. The win2k image runs Paint, and looks like you can upload and download images.
- soheil 7y agoFascinating, so what happen when you load the same URL inside IE inside win2k? I wonder how many times it can recursively be loaded without the parent browser freezing.
- tech234a 7y agoSomeone did port Windows 95 to JS using Dosbox. https://win95.ajf.me/ https://win95.ajf.me/
- dang 7y agoThreads from 2018: https://news.ycombinator.com/item?id=16174478 https://news.ycombinator.com/item?id=16174478 https://news.ycombinator.com/item?id=17275332 https://news.ycombinator.com/item?id=17275332 An almost unrelated but great thread from 2011: https://news.ycombinator.com/item?id=2305370 https://news.ycombinator.com/item?id=2305370
- mrtksn 7y agoAh, 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.
- SlashmanX 7y agoThe author has started work on locally running Electron App [0] [0] - https://github.com/1j01/jspaint#desktop-app https://github.com/1j01/jspaint#desktop-app
- krapp 7y ago~100 Mb to wrap less than two Mb of code in a browser runtime... to ship an application that already runs in a browser. To make a "native" version of an app orders of magnitude larger than the original, because no one bothers to make actual native apps anymore. This is not the best possible timeline.
- KMnO4 7y agoThere’s an app called Fluid which allows you to run websites as thin Mac apps. It uses Safari instead of Electron so it’s not incredibly bloated. https://fluidapp.com/ https://fluidapp.com/
- Fnoord 7y agoAre there not image manipulation programs on macOS to your liking?
- mrtksn 7y agoThe advanced once are phenomenal but when I need something very simple Preview or Markup doesn't cut it and the advanced ones are overkill. For example, I want to create a very basic image where I would use other images and screenshots and I would cover something to hide, resize some of the images I use and put a few words of text to indicate something. This is so very easy in MS Paint. The app will open in 0.1s, you will configure the size of your canvas by dragging the dot in the corner, copy-paste your images and drag and resize them by moving the dots then you can select and delete the parts you don't want and when you are happy with your arrangements you will use the rectangle drawing tool to cover some places and the text to mark the places you want to mark. Everything is fast, you don't have to think about layers, masks, vectors or anything like that and the app is very responsive. Preview has some tools but they are cumbersome to use and there's no way to bring in other images.
- prgmatic 7y agoSo sick. Did you make this yourself?
- thrownaway954 7y agoKonami code is in effect ;)
- rkagerer 7y agoI love the fact that even the retro Help application look and feel was recreated.
- rubyn00bie 7y agoGet the real magic* with Konami mode: up, up, down, down, left, right, left, right, b, a * Magic being what I'd call a full 90s experience
- jancsika 7y agoOh wow, there's a lot of attention to detail. The application menu looks perfect and is a lot snappier than I thought it would be for an HTML5 app. On the other hand-- why do the toolbar buttons only trigger on mouseup? I thought they triggered on mousedown on the original MS Paint.
- goda90 7y agoMaybe this is false memory, but did old MSPaint have a "feature" where if you are holding down the left click button to draw with the pencil tool or something, and then you scroll the scroll-wheel, it creates a bunch of vertical lines along where you are drawing? I was sad that this didn't have that.
- franze 7y agoHere a JS/canvas implementatio n from 2010 (he showed a demo at a code meetup around 2006?) https://sigilmaster.com/ https://sigilmaster.com/ (desktop) by C3O (now works at the european parlament for the pirate party to my latest knowledge) would be fun to compare the code
- Emendo 7y agoI can't believe that this application has an Online Help ... book as well. ;)
- yoavm 7y agowhat strikes me the most is that the "modern" theme (from the "extras" menu) feels so much less user friendly than the "classic" one. where did it all go wrong?..
- jtvjan 7y agoLooks like this is part of a greater project, 98.js.org. Though, you could also add it as a shortcut to Windows 93[1] and it'd fit right in. [1]: https://www.windows93.net/ https://www.windows93.net/
- soheil 7y agoEven the speed by which help articles load when clicked on in the Help Topics works the same way as ms paint. This is insane level of attention to details. On a separate note, I love the Help Topics so much I think I will use it instead of ZenDesk guide pages on our SaaS website. It's so elegant and all contained in one booklet with extremely legible text and iconography. No bs web ui here.
- lotwxyz 7y ago> No bs web ui here. You ain't seen nothing yet: https://dev.lotw.xyz/desk.os https://dev.lotw.xyz/desk.os
- stakkur 7y agoMacPaint in JavaScript: https://www.cloudpaint.com/classic https://www.cloudpaint.com/classic An elegant weapon, from a more civilized time.
- discordance 7y agoOh man, if this had some WebRTC in there so we could all paint on one canvas that would be awesome. Love it any how! Edit: Just noticed under Extras there is Multi-user. Bravo!
- mc3 7y agoUpload to imgur? This is a meme machine!
- june28 7y agoWhy do people do that...
- cek 7y agoIn MS Edge, click on "Install this site as an app" in the Apps menu. :mind blown:
- flattone 7y agogrumbling to myself "If i could go back in time. this is the covered wagon. this is why cowboys get old." I love this so much
- qwerty456127 7y agoFun 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.
- walkingpigeon 7y agorender history as a gif is quite cool.
- amelius 7y agoIt doesn't save in BMP format?
- Theizestooke 7y agoIs there a Deluxe Paint Javascript version?
- bobchops 7y agoYou are using the wrong algorithm for filled circles. IIRC MS Paint uses an algorithm based on the mathematical formula for a circle, which creates a pointy out pixel which looks a bit out of place.