09 September 2009

Introducing Low Res Paint

Try the the “low res paint“ demo…

Are you tired of photoshop and all of its features? Do you yearn for a program like MS Paint and want your brush to fill 10 pixel wide squares at a time? Well, look no further! After getting stuck waiting for a delayed train with no internet, no movies, no books, and one laptop with a power cord, I created Low Res Paint. It’s written using basic javascript and no canvas object, so it will even work (mostly) on internet explorer 6.

It features a brush, a bucket, and an eraser. More so, you can apply custom backgrounds, some are provided, or you can link to any image on the web. For example, I can draw a super scary, fire-breathing sea serpent as such:

And then I can place it near a beach:

Or even take that same beastly serpent and have it attack Coney Island:

Enjoy! Also, be careful, there's no “undo”.

Start painting!

Some brief technical take-aways: the pixels are represented by floating divs (making them position absolute was considerably more load on the browser), and—as you might imagine—there’s no javascript framework, I lazily started building this with jquery and quickly realized that it was overkill for what I needed and that it would also kill the browser if I would try a paint bucket fill.

Update: I added another post explaining how the generate image feature actually works.

Comments (4)

1. chris dixon wrote:
<p> i think it would be cool if you had a gallery where people could show off their works. </p>

Posted on 9 September 2009 at 12:09 PM  |  permalink

2. peter wrote:
<p> That would be fun. I wanted to keep it as pure javascript with nothing server-side, but we&#39;ll see what develops… </p>

Posted on 9 September 2009 at 3:09 PM  |  permalink

3. lauren wrote:
<p> Your serpent is so cute! </p>

Posted on 9 September 2009 at 11:09 PM  |  permalink

4. chris dixon wrote:
<p> what about taking a page from the twitter playbook and only allowing 11x11 pixel images (under 140 dots). i think it would be fun to use that to create profile imagies. </p>

Posted on 10 September 2009 at 4:09 PM  |  permalink

Did you find this helpful or fun? Please donate!

donate via btc or eth

btc: 18jCzwsZDGQYcs6Kyv92pd4683cnnxm1Dd
eth: 0xC285F21Cb271Cb4B3F70c4C47B2f7B26063AF590
paypal: paypal.me/mrcoles

Peter Coles

Peter Coles

is a software engineer who lives in NYC who is working on Superset and also GoFullPagemore »

github · soundcloud · @lethys · rss

It’s time to get big money out of politics. Join the kick-started campaign to put government back in the hands of the people. Pledge mayday.us now