DitherPaint: a 1-bit, browser-based drawing application


DitherPaint is a browser-based art tool in the tradition of MacPaint and HyperCard. While it is purely concerned with black-and-white images, it offers a variety of tools for working with texture and animating patterns within the image.

DitherPaint’s “Pattern” palette is supplied with a collection of default patterns which apply to any drawing tool. Click on one of the smaller swatches to select it, and it will be shown in the larger “Preview” swatch at the top of the palette. Clicking in the Preview swatch allows you to alter the definition of the pattern everywhere it is used in your image- left click draws black and right click draws white. Most drawing operations will preserve knowledge of the pattern used to draw pixels on the canvas. Notable exceptions are cut, copy, paste, and the “Invert” operation.

Opening a black-on-white or black-on-transparent image will result in a canvas composed of pattern 1 and 0, respectively. A color or grayscale image will be processed with Bill Atkinson’s dithering algorithm to produce an image composed, again, of pattern 1 and 0. Pasting in image data from the system clipboard will apply the same import process.

Copying image data to the clipboard is performed in a best-effort fashion. Some applications may not handle this data properly, and some older browsers do not support the necessary features. If a fallback is necessary, DitherPaint can also read and write data URIs as text in the clipboard.

If the filename is changed to include a `.json` extension, saving from DitherPaint will export a JSON document containing the image’s dimensions, pixel data, patterns, and animation settings. The same format can be read from an existing file.

You can use the program now in your browser here and the help file is here.


Adafruit publishes a wide range of writing and video content, including interviews and reporting on the maker market and the wider technology world. Our standards page is intended as a guide to best practices that Adafruit uses, as well as an outline of the ethical standards Adafruit aspires to. While Adafruit is not an independent journalistic institution, Adafruit strives to be a fair, informative, and positive voice within the community – check it out here: adafruit.com/editorialstandards

Join Adafruit on Mastodon

Adafruit is on Mastodon, join in! adafruit.com/mastodon

Stop breadboarding and soldering – start making immediately! Adafruit’s Circuit Playground is jam-packed with LEDs, sensors, buttons, alligator clip pads and more. Build projects with Circuit Playground in a few minutes with the drag-and-drop MakeCode programming site, learn computer science using the CS Discoveries class on code.org, jump into CircuitPython to learn Python and hardware together, TinyGO, or even use the Arduino IDE. Circuit Playground Express is the newest and best Circuit Playground board, with support for CircuitPython, MakeCode, and Arduino. It has a powerful processor, 10 NeoPixels, mini speaker, InfraRed receive and transmit, two buttons, a switch, 14 alligator clip pads, and lots of sensors: capacitive touch, IR proximity, temperature, light, motion and sound. A whole wide world of electronics and coding is waiting for you, and it fits in the palm of your hand.

Have an amazing project to share? The Electronics Show and Tell is every Wednesday at 7:30pm ET! To join, head over to YouTube and check out the show’s live chat and our Discord!

Join us every Wednesday night at 8pm ET for Ask an Engineer!

Join over 38,000+ makers on Adafruit’s Discord channels and be part of the community! http://adafru.it/discord

CircuitPython – The easiest way to program microcontrollers – CircuitPython.org


New Products – Adafruit Industries – Makers, hackers, artists, designers and engineers! — New Products 9/13/2024 Featuring Adafruit Feather RP2350 with HSTX Port! (Video)

Python for Microcontrollers – Adafruit Daily — Python on Microcontrollers Newsletter: The latest on Raspberry Pi RP2350-E9, Bluetooth 6, 4,000 Stars and more! #CircuitPython #Python #micropython @ThePSF @Raspberry_Pi

EYE on NPI – Adafruit Daily — EYE on NPI Maxim’s Himalaya uSLIC Step-Down Power Module #EyeOnNPI @maximintegrated @digikey

Adafruit IoT Monthly — IoT Vulnerability Disclosure, Decorative Dorm Lights, and more!

Maker Business – Adafruit Daily — A look at Boeing’s supply chain and manufacturing process

Electronics – Adafruit Daily — Autoscale is cheating!

Get the only spam-free daily newsletter about wearables, running a "maker business", electronic tips and more! Subscribe at AdafruitDaily.com !



No Comments

No comments yet.

Sorry, the comment form is closed at this time.