Skip to content
No description, website, or topics provided.
JavaScript Processing HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data
img
web
Dither.pde
DitherFont_v_01.pde
GradientLetter.pde
LICENSE.md
README.md
index.html
version.txt

README.md

HELLO DITHER FONT


A processing tool to develop dithered fonts.

DOWNLOAD or FORK HERE

How it works

The application relies on two classes: GradientLetter and Dither. The GradientLetter class uses geomerative to get all the anchor points of a single character. Those points are translated to a PImage as the location for a radial gradient. At the end of the process this class outputs the following letterform


This image is than loaded in the Dither class that outputs a dithered letterform, like this:


the menu on the left side lets you scramble with the dither.
You can change how the four neighbouring pixels are recalculated, by changing the values in the four boxes. The bar at the bottom calculates by which amount the previous changed values need to be divided by.
Hit the space bar to let the app build the font.
Inside the data folder there is a text file, named unicode.txt, containing the first 224 Unicode characters. It is possible to expand it also to greek cyrillic etc. here you can find a nice unicode table generator.

References

  • Dither @Wikipedia
  • DITHER.TXT by Lee Daniel Crooker. An interesting text about dithering and halftoning algorithms
  • The Void-and-Cluster Method for Dither Array Generation a paper about dither by Robert Ulichney
  • Dither Studies by Daniel Temkin. And his Dither Web App
  • Dependencies

  • Geomerative
  • Fontastic
  • Controlp5
  • The font used is Source Code Pro
  • You can’t perform that action at this time.