Settings

Theme

XP Paint – A Web-Based Version of Window XP's MS Paint

chowderman.github.io

250 points by chowderman 6 years ago · 110 comments

Reader

somehnguy 6 years ago

This version of MS Paint is like the peak example of covering 99% of basic use cases while being incredibly simple to use. Whenever I need to make an arbitrary image real quick I miss this version of Paint. Nothing else I can find in 2020 even comes close to its intuitive interface.

  • sedatk 6 years ago

    I find Paint.NET excellent for both basic scenarios and advanced ones too (it supports layers, effects etc). Strongly recommended. https://getpaint.net

    It's free but it's also available in Microsoft Store as a paid product, which gets automatic updates as a small extra and mostly works as a donation towards the developer.

    • akersten 6 years ago

      I love Paint .NET, but I wince every time I go to their website (which is not paint.net) to download it: the download button[1] gives me strong "clicking this will give you a shareware virus from 2005" vibe. It is also very sketchy that their website (getpaint.net) redirects to another site (dotpdn.com) for the actual download page.

      I power through these feelings and download it anyway, knowing what wonderful software awaits on the other side, but it's really hard to shake those thoughts.

      [1]: https://imgur.com/a/pfVCnLN

      • DCKing 6 years ago

        I recommend everyone on HN using Windows to use Chocolatey and Chocolatey GUI to install their software. Chocolatey is a package manager / "app store" for FOSS and other free-to-install software on Windows.

        Downloading random installers was always flawed, but it's not getting any better. Chocolatey is the best you can get as a Homebrew/Homebrew Cask equivalent on Windows, and even if it takes some getting used to is so much better than navigating the web for installers.

        • swinglock 6 years ago

          These days I prefer https://scoop.sh/.

          Chocolatey is fine but it would sometimes cause problems which I frankly don't remember. With scoop I've had no issues.

          • DCKing 6 years ago

            Yeah, whichever package manager you use is a huge improvement over working your way through dodgy ad-ridden websites and installers.

            I'm guessing the HN crowd can use either. A big plus for Chocolatey is that it has an official GUI (Scoop seems to have GUIs as well, but they are unofficial), which improves discoverability for everyone and makes it easier to extend the recommendation to users with lower technical skills. Chocolatey and its GUI are a bit clunky compared to my Unix-based package manager tuned taste (and Windows is missing a good sudo equivalent), but it's such a big improvement over the Windows tradition of chasing installers on the internet.

      • 1_player 6 years ago

        The Windows software ecosystem is incredibly sketchy, no wonder viruses are still a thing: for some reason people hate hosting binaries but love to redirect you to fishy, ad-ridden shareware websites where a click on the wrong place will place a toolbar on your browser. I hate downloading software on Windows so much.

      • UncleSlacky 6 years ago

        You could try Pinta, which is open-source and based on Paint.NET: https://en.wikipedia.org/wiki/Pinta_%28software%29

        • Macha 6 years ago

          Pinta is not comparable to Paint.NET. Paint.NET is a very polished program and Pinta... isn't. While it's true that it is based on Paint.NET 3, the part they kept was the filter and image manipulation stuff and the part they dumped was the UI, and their (Gtk# I think) UI is not very good compared to even the WPF UI of the old versions of Paint.NET it was based on. Stuff like the selection handles being rendered on canvas so looking very broken when working on e.g. pixel art, or just highly zoomed in as the marching ants scale with the image pixel size.

          If you need an open source editor for those use cases, go with KolourPaint or Krita. Krita is not quite as simple as Paint which is why KolourPaint might fit your use case better, but I've switced to Krita for my Linux image editor. Now if they could just bring back an on-canvas text tool...

  • smhenderson 6 years ago

    Isn't mspaint in Windows 10 basically the same thing but with a ribbon instead of a toolbar?

    I don't much care for the ribbon but I'm used to it now. Hitting WinKey-R, mspaint, [Enter] is still my goto for simple picture editing, even just recording a screenshot despite the existence of the snipping tool...

    Other than the minor annoyance of getting used to the ribbon I felt as if I was still using the same old paint when I did this.

    • badsectoracula 6 years ago

      No, it is a very different application. For example when you draw something, like a rectangle, and then you try to draw something else over it, it instead moves the rectangle - failing to do the most basic task: being a paint program.

      It does have some nice features, like the premade shapes and brushes, but those could have been added to the previous MS Paint application without breaking its UX.

    • JoeSmithson 6 years ago

      Two things I dislike about the new Paint are;

      1. Can't select secondary colour with right click

      2. Needs way more clicks to get a filled Rectangle

      • forgotpwd16 6 years ago

        1. On latest Windows version I am on now it works as the classic paint. 2. On classic paint you set colors > rectangle > select filling (w/ outline or w/o). On new paint is set colors > rectangle > fill > select filling > outline > select outline. So 1 or 3 more if you want to remove the outline.

      • mumbisChungo 6 years ago

        Number 2 took me from using paint constantly to just using photoshop instead.

      • vbezhenar 6 years ago

        1. Use shift+click.

      • unholythree 6 years ago

        I still find myself trying to do #1 frequently

    • somehnguy 6 years ago

      It's similar but in my opinion with every release Microsoft makes their products slightly more unintuitive. This version of Paint is far simpler to view and instantly know what to click to get what you want.

      • CarbyAu 6 years ago

        Similar to you, "discoverability" is what irks me about MS trend recently. As you say, the version you can "view and instantly know" = easy to discover what/how you can do.

        A lot of MS stuff recently seems to have forgotten that people need visual cues to "know" what to do.

    • userbinator 6 years ago

      I immediately searched for the XP version the first time I encountered this extremely frustrating behaviour:

      https://answers.microsoft.com/en-us/windows/forum/windows_10...

      • airstrike 6 years ago

        I honestly would prefer if the post was left unanswered than having to read shit like

        > Hi,

        > Thanks for the update on the issue.

        > We have tested the same with the latest Windows updates installed on Windows 7 and Windows 8.1.

        > As suggested, I would recommend sharing this as a feedback on the Feedback app of Windows 10.

        > Do let us know if you face any Windows related issues in future. We will be glad to assist you.

        > Good Day!

        • wildmusings 6 years ago

          That whole forum is a dumpster fire. When a search takes me there, I brace myself to read a poorly-written, incorrect, dismissive answer. Nine times out of ten, the questioner is clearly more knowledgeable about the problem than the person answering it.

    • alternatetwo 6 years ago

      Win Vista and later paint replaces the palette of a 256 color bitmap with a completely different one upon saving, to name a major and breaking difference. I grabbed the paint.exe from an old XP and it works absolutely fine, even on 7 and probably 10.

  • MayeulC 6 years ago

    Kolourpain is better. It does transparency, fill with a configurable distance, and supports more file formats. Other than these, it's quite similar :)

    https://kde.org/applications/graphics/org.kde.kolourpaint

    http://www.kolourpaint.org/screenshots.html (that website could use an update...)

    • Supermancho 6 years ago

      Photoshop is better, or should I say https://www.photopea.com/

      Is Kolourpaint available as a website I can visit right now? Lots of editors are "better" from a feature standpoint. That's not the feature that is relevant to the discussion.

      • MayeulC 6 years ago

        I'm sorry if I should have been more nuanced. Lack of transparency support was my number 1 pet peeve back with mspaint.

        Kolourpaint's scope and interface are similar. It can be found in most distributions'packages, and on flathub. Looks like nobody bothered to package it for windows, though, which is a shame.

      • zapzupnz 6 years ago

        > That's not the feature that is relevant to the discussion.

        Not to the thread overall, but it is relevant to this thread in particular. GP didn't mention any specifics regarding whether or not the editor is available online; they merely spoke about Paint's simplicity relative to everything else.

      • forgotpwd16 6 years ago

        Wow, Photopea runs extremely smoothly. On my old laptop it runs better than native image editors.

  • umvi 6 years ago

    > I miss this version of Paint

    Well you are in luck: https://archive.org/details/MSPaintWinXP

    I use this all the time on my Windows 10 box.

    Just download, rename to "mspaintxp.exe" and put it in C:\Windows\System32. Optionally update Paint shortcut to point to that one so when you type "Paint" in start menu that's the new default.

  • arrrg 6 years ago

    I’m always perplexed by this. Maybe I lack the artistic talent? Paint could never cover any of my use cases. For that it was always too much about … well … painting … which is something I just don’t need on a day to day basis. The painting focus seems completely misguided to most of the typical use cases I can imagine.

    My quintessential perfect tool is always the Preview App on macOS:

    You can add simple shapes, arrows and text to any images. You can rotate, crop and resize images. You can reorder, rotate, split and merge PDF documents.

    That’s all very well tailored to most common use cases. In terms of image editing I guess you can do all that with Paint but it seems clumsy to me. Not really fit for that purpose.

    And if I don’t want to mark something up but create something new (which will typically heavily rely on text even if it’s more visual, like a birthday invitation) the text editing is too weak to get anywhere really useful, so for that I would rather use some kind of either text editor or layouting program.

    • willis936 6 years ago

      Contemporary paint is much better. XP paint was missing some of the most basic and essential features of a pixel editor. Without a proper and simple cropping interface it’s little more than an aesthetic setpiece.

  • m-p-3 6 years ago

    If you need just a bit more functionality, I find Paint.NET to be quite good while not too complex.

    • wazanator 6 years ago

      Paint.net is still one of the very first things I install on a fresh Windows install. It's simple to use but provides enough depth if you want it without feeling overwhelming on opening. Gimps interface has come a long way but it's still not as user friendly as paint.net I feel.

    • Firehawke 6 years ago

      Yep. It's not at the level of Photoshop but it does a pretty good chunk of the intermediate-level features that you might need for more complex projects (e.g. layers)

  • voldacar 6 years ago

    > This version of MS Paint is like the peak example of covering 99% of basic use cases while being incredibly simple to use.

    At some point Microsoft just forgot how to make software like this - sometime between 2005 and 2010 I think. OSes no longer come with simple, lightweight tools that are unsophisticated and just do what you want

  • Exorus18 6 years ago

    Yup, during college I even created electrical schematics in MS Paint during one course, nobody believed it was done using it :) Although I must admit creating schematics in CAD software is more sane ;)

  • pubby 6 years ago

    Check out mtPaint. It's very similar to old school paint, and works on Linux too.

    http://mtpaint.sourceforge.net/

  • asddubs 6 years ago

    kolourpaint is the exact same thing as windows xp paint. part of kde, but you can also find windows builds online

  • Macha 6 years ago

    Well it could crop as well. Then I'd give you 90%.

  • artifact_44 6 years ago

    photopea.com

chowdermanOP 6 years ago

Here is the repo as well: https://github.com/chowderman/xp-paint.

Note: this is in no way affiliated with Microsoft, its merely a fan project based on my love of Windows XP

  • apatheticonion 6 years ago

    Added a PR to make it installable on desktop. The build script rewrites the link to a local directory for some reason though

  • maxmcd 6 years ago

    How easy do you think it would be to create share links with the canvas state? Would be cool to share links to these things.

  • rexreed 6 years ago

    This is awesome! I Still use Paint.Net in my VMWare emulator. There's some things in Paint.Net I really like including Crop to selection and things involving layers. If you ever plan to expand to include that, I'd be all ears!

  • bevenky 6 years ago

    Selecting using the box tool and delete should delete the selection :)

    Good work.

  • ant6n 6 years ago

    This is great, thanks!

nicoburns 6 years ago

Is you like MS Paint art then you should check out Jim'll Paint It (https://jimllpaintit.tumblr.com/ - also on facebook).

He takes requests.

captbaritone 6 years ago

Looks like this is a fork of https://jspaint.app/

  • joeraut 6 years ago

    They disclose this in the (beautifully done) about page.

  • cpach 6 years ago

    What is the difference between those two?

    • chowdermanOP 6 years ago

      The main differences are:

      * it works totally offline (it performs no XHR requests and none of the libraries are linked to CDNs or other sites)

      * is contained within a single ~1 MB in size .html file (I baked all images, scripts, style sheets, etc. within a single file)

      * is lighter, as I removed some features to keep it closer to the original (but kept a few like the history and rendering as a GIF)

      * is Win XP themed instead of Win 95

  • bevenky 6 years ago

    This looks like Win98 paint :)

2038AD 6 years ago

This is a very good recreation. Pleased to see it even replicates the hidden zoom (below 8x). I also spot a good inaccuracy: the undo doesn't appear limited to 3 :-)

djxfade 6 years ago

How where you able to implement such a fast floodfill? I tried to make something similar a few years ago, but was not able to get the floodfilling to work in reasonably time

moolcool 6 years ago

The square brush tool is broken https://imgur.com/a/2CqIdhx

_nickwhite 6 years ago

In 1993 I was 12 years old and spent many, many hours drawing a pixel-perfect replica of the Mortal Kombat dragon logo in MS Paintbrush (the name of MS Paint at the time). I believe it was a 640x480 BMP. I so wish I had saved a copy of this and all of the other stuff I downloaded off bulletin boards! Stuff like this got me started in web graphics, HTML, and eventually sysadmin.

To this day I still take screenshots (PrtScn) and save them using pbrush (WinKey+R pbrush).

lajawfe 6 years ago

So is this just a fork of https://jspaint.app/ with styling changes?

  • ry4nolson 6 years ago

    yep says so in the Help > About modal

    "XP Paint is a fork of the web-based remake of MS Paint called JS Paint."

anonytrary 6 years ago

Holy crap that was fun. Big fan of the history view and the spray effect. Is the cursor lagging behind the mouse intentionally or is it just lag because javascript? I didn't notice anything else lagging, but I don't remember MS Paint having a mass/drag effect like that. FWIW, I found it even easier to write my name with the pencil on a trackpad.

c9fc42ad 6 years ago

These always miss my favorite hidden feature of mspaint: Control + Scrolling should be able to increase/decrease the size of the brush to sizes much larger than you can normally select. Instead, this just zooms the browser but maybe it could be changed to alt + scroll or something.

mkup 6 years ago

For some reason, I can't zoom via main menu (View/Zoom). Level 3 menu just diappears. (My browser is Firefox if this matters.) Keyboard accelerators don't work either (e.g. Alt+V,Z,L). Only level 1 menu works via keyboard accelerator (Alt+V).

glerk 6 years ago

Small bug: on Brave browser, the "fill" tool is not covering 100% of the pixels https://i.imgur.com/Ej6owmI.png

randomsearch 6 years ago

Someone I know once got brief access to source code for a version of Windows that included paint. He had just a few mins with it and opened up the source to paint because he liked the software. One of the variable names was something like “fluffy_bunny_rabbit” and he read a comment that said “this fixes bug X, I don’t understand why, but just leave this code here.” Unsure if former softies can confirm this was code quality back then...

thedays 6 years ago

Nice work! It would be great if you could include a feature to crop an image, similar to how you can in MS Paint. Crop is the feature I probably use most often in MS Paint.

thorin 6 years ago

Started using MS Paint or whatever it was called then after years of drawing on Deluxe Paint on the Amiga. I wasn't very impressed, but now after seeing later alternatives it's actually not too bad. Didn't Hockney do lots of recent paintings on the most basic iPad drawing program?

user1234568 6 years ago

There is also https://jspaint.app/

mehrdadn 6 years ago

If you don't like the display scaling, you can try running this in the browser console:

  document.body.style.zoom = 1 / window.devicePixelRatio
destory-everyth 6 years ago

This is the best replica of mspaint I have seen everything looks and behaves exactly the same , well done!

  • hirako2000 6 years ago

    I wish it would save as bmp only, that png feature makes it orders of magnitudes less horrific than the orignal paint.

    And I think it should only save to localStorage, so that saving a few images would fill up all the space like I quickly did on my few GBs hardrive.

consultutah 6 years ago

The best version of paint. ;)

  • chowdermanOP 6 years ago

    you know it! It had a sleek and modern look for the time, while still having the simplicity and user-friendliness of MS Paint from Win 95/98. really wish this version of paint was still supported in Win 10

    • crumpled 6 years ago

      A sleek and modern look for the time? The basic UI was already over a decade old! (paintbrush)

      It's cool that you like it, but that's a surprising way to describe it. As I recall (as a user of windows 3.1, 95, ME and XP), the consensus was that Paint was a retro holdover, like Minesweeper and Solitaire. People appreciated it in a kitschy retro way.

      We still have Notepad.

      • smhenderson 6 years ago

        And Ubuntu still ships with ed. Some people like their "retro" tools that have shipped with the OS since early versions.

    • matjazdrolc 6 years ago

      Surely it can be packed as an Electron app?

n-gauge 6 years ago

Nice job! (Would like to see Ctrl + e focus into the first value box)

p4bl0 6 years ago

Oh my! This even has the secret x10 zoom! That's awesome. :)

ape4 6 years ago

Is anyone else having trouble going View > Zoom > Normal

adamredwoods 6 years ago

As much as I enjoy this, I feel for it to really shine would be a desktop version, not locked into the browser. I think a Chromium/Electron app would be fine.

  • notRobot 6 years ago

    I couldn't disagree more. An entire electron app just for mspaint? That's ridiculous.

    • adamredwoods 6 years ago

      I disagree with you. The way I work is based in realms of OS apps, not browser tabs. Electron is bloated, but for a 'cute' app like this I don't think it's any worse than Slack, or a Qt app. Overall, I'm less likely to use an app on a regular basis if I need to go to a website to use it.

  • forgotpwd16 6 years ago

    How will it differ? In both cases you'll be running a web browser. At least right now you don't have to install another one.

bionoid 6 years ago

Nice work! Please add a LICENSE file

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection