AuthorTopic: Subjects of Pixel Art  (Read 26052 times)

Offline hawken

  • 0010
  • *
  • Posts: 214
  • Karma: +0/-0
  • 8bit fantasy
    • hawkun
    • View Profile
    • my portfolio

Re: Subjects of Pixel Art

Reply #10 on: September 28, 2006, 09:40:51 am
ah I remember now. One of them was called "Floyd-Steinberg Dithering". I guess thats the algorithm programs still use today.
twitter: https://twitter.com/hawkun
Pirate Pop Plus for 3DS, WiiU & Steam!

Offline Ai

  • 0100
  • ***
  • Posts: 1057
  • Karma: +2/-0
  • finti
    • http://pixeljoint.com/pixels/profile.asp?id=1996
    • finticemo
    • View Profile

Re: Subjects of Pixel Art

Reply #11 on: September 28, 2006, 10:48:23 am
The most useful name for Floyd-Steinberg is 'error diffusion'.. it's based on the idea of diffusing color error across spatially adjacent pixels. Of course, that is the essential effect of all dithering, but the salient point is that it is individual-pixel-based and so probably isn't useful or easily reproduceable for pixel artists.
Here is an example which might show you why:


Personally, I find it.. prickly and annoying.

Floyd-Steinberg is indeed one of the most commonly used dithering methods in paint programs. The other method is positional dithering, which is based on a dither matrix.

Positional dithering works like this (simplified code):

' dist is the position of this color on the imaginary range between available colors A and B, ranging 0..255
' calculate the coordinates of this point in the dither matrix
mx = x MODULUS dithermatrix_w
my = y MODULUS dithermatrix_h
a_or_b = matrix
  • [y]

if a_or_b > dist:
    finalpixelcolor = colorB
else:
    finalpixelcolor = colorA

Positional dithering is usually done using a Bayer matrix, 16x16 or bigger.
If other choices than those two are presented, they may just be positional dithers with alternate matrices (for instance, dithering for print works differently to dithering for screen display). A number of the ones I posted were done by reconfiguring GIMP's positional dithering to use alternate matrices.

Most dithering methods used in pixel art are primarily positional.
Exceptions mentioned in this thread are style dither and messy diagonal block dither, which are both based on the principle of error diffusion.

« Last Edit: September 28, 2006, 10:53:59 am by Ai »
If you insist on being pessimistic about your own abilities, consider also being pessimistic about the accuracy of that pessimistic judgement.

Offline Sohashu

  • 0010
  • *
  • Posts: 279
  • Karma: +0/-0
    • View Profile

Re: Subjects of Pixel Art

Reply #12 on: September 28, 2006, 11:44:29 am
Yo.



Listed left to right, top to bottom:

*Non-progressing Small Triangle Dither
*Diagonal Line Dither
*Wide Circle Dither
*Common Dither





Back from hiatus, just remembered how excellent this community is at forming technique in a fledgeling artist of any kind.

Offline Ai

  • 0100
  • ***
  • Posts: 1057
  • Karma: +2/-0
  • finti
    • http://pixeljoint.com/pixels/profile.asp?id=1996
    • finticemo
    • View Profile

Re: Subjects of Pixel Art

Reply #13 on: September 28, 2006, 01:53:27 pm
Update (16 new dithers, killed some boring ones):
All of these needed larger spaces to show how they worked fully.


Row 1:

Alternate generic dither
Pointy
Wavy
22.5 degree
Vertical fade
Amoeba
Clustering
Diamonds

Row 2:
Bubbles

Row 3:
Standard dither (in full size, all commonly useful parts)
Jewel dither (clearly better for larger areas than small)
'Inca'
'Greenwood'
Roof Tiles
Clustered (this is quite close to NeoPaint's algorithym, but not a perfect match.)
'Arkanoid Tyranny'
Waves

Row 4:
Alternate bricks
Leaves
JSW Melty
Manhole
Honeycomb ridges
Scales
Forest, this way down

I have 67 more candidates, currently. I decided to moderate myself.

Sohashu: I like the widecircle one. The 'common dither' differs from the usual Bayer dithering in that it looks less orderly, so it's better for rough areas.
If you insist on being pessimistic about your own abilities, consider also being pessimistic about the accuracy of that pessimistic judgement.

Offline ptoing

  • 0101
  • ****
  • Posts: 3063
  • Karma: +0/-0
  • variegated quadrangle arranger
    • the_ptoing
    • http://pixeljoint.com/p/2191.htm
    • View Profile
    • Perpetually inactive website

Re: Subjects of Pixel Art

Reply #14 on: September 28, 2006, 02:03:22 pm
These are all possible ordered dither values possible in a 16x16 pixelfield (basically 257 16x16 squares on top of each other from full black to full white)

4112 pixels tall :B
http://ptoing.net/ditherstrip.png
There are no ugly colours, only ugly combinations of colours.

Offline Ai

  • 0100
  • ***
  • Posts: 1057
  • Karma: +2/-0
  • finti
    • http://pixeljoint.com/pixels/profile.asp?id=1996
    • finticemo
    • View Profile

Re: Subjects of Pixel Art

Reply #15 on: September 28, 2006, 02:52:04 pm
"all possible ordered dither values"
Unfortunately, there can be no such list. Although I agree that 16x16 dithering matrix is more than plenty for pixel art, the matrix can be expanded to arbitrary size  (any NxN where N is a power of two) so all possible ordered dither values is an infinite list.
In my perusal of demoscene art, I decided that 8x8 is probably the maximum useful for pixel art (see 'przystan' by Lazur)

Also, what you are talking about is Bayer dither matrices. A rough guess at the actual number of even 4x4 ordered dither values, comes out to 163,459,296,000. That's when the matrices that aren't really even distribution or non clumping are excluded (ie. most of them), and all the offset/flipped/rotated versions are excluded.

Though I suspect you meant something slightly different by 'ordered' :)
If you insist on being pessimistic about your own abilities, consider also being pessimistic about the accuracy of that pessimistic judgement.

Offline ptoing

  • 0101
  • ****
  • Posts: 3063
  • Karma: +0/-0
  • variegated quadrangle arranger
    • the_ptoing
    • http://pixeljoint.com/p/2191.htm
    • View Profile
    • Perpetually inactive website

Re: Subjects of Pixel Art

Reply #16 on: September 28, 2006, 03:49:28 pm
Well yeh this is the general ordered dither you get in DeluxePaint and ProMotion. And I wrote above that I meant within a field of 16x16, of course you could use a 32x32 one and it would be much more but not any different in the end really.
There are no ugly colours, only ugly combinations of colours.

Offline Hugo

  • 0001
  • *
  • Posts: 25
  • Karma: +0/-0
    • View Profile

Re: Subjects of Pixel Art

Reply #17 on: June 19, 2008, 08:25:22 pm
the demoscener Antony used the "twist dither". see his pictures "Attaks", "Alone" and "Joe Kid".

Offline questseeker

  • 0010
  • *
  • Posts: 112
  • Karma: +0/-0
    • View Profile

Re: Subjects of Pixel Art

Reply #18 on: July 25, 2008, 02:40:28 pm
My attempts to respect a 8x32 or 32x32 grid with top-bottom symmetry.


Offline crisnmp

  • 0001
  • *
  • Posts: 5
  • Karma: +0/-0
    • View Profile

Re: Subjects of Pixel Art

Reply #19 on: January 29, 2009, 10:31:50 pm
These are all possible ordered dither values possible in a 16x16 pixelfield (basically 257 16x16 squares on top of each other from full black to full white)

4112 pixels tall :B
http://ptoing.net/ditherstrip.png
Sorry for the one year old bump but does anyone still have this? Or something like it.