AuthorTopic: Subjects of Pixel Art  (Read 26042 times)

Offline Takai Soyokaze

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

Subjects of Pixel Art

on: September 26, 2006, 10:34:43 pm


Currently I have listed the main types of shading that I know of.

Smooth
Basic Dither
Advanced Dither
Style Dither
Horizontal Lines
Vertical Lines
Diagonal Dither

Can anyone add to the list?

Offline Gil

  • 0100
  • ***
  • Posts: 1543
  • Karma: +1/-0
  • Too square to be hip
    • http://pixeljoint.com/p/475.htm
    • View Profile
    • My Portfolio

Re: Subjects of Pixel Art

Reply #1 on: September 26, 2006, 11:20:45 pm
Random diagonal dither. It's like a crossbreed between diagonal dither and style dither, it's something I've seen in pieces of st0ven mainly...

Check his dragon layout on spriteart.com

Offline Takai Soyokaze

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

Re: Subjects of Pixel Art

Reply #2 on: September 26, 2006, 11:48:34 pm
Could you add it to the images (that's why I left some blank, I thought multiple people could join in and tell about styles)?

Offline Helm

  • Moderator
  • 0110
  • *
  • Posts: 5159
  • Karma: +0/-0
    • View Profile
    • Asides-Bsides

Re: Subjects of Pixel Art

Reply #3 on: September 27, 2006, 05:46:26 am
I think we mainly call the 'basic dither' 50% dither.



noise dither (boo! bad!), scratchy dither, and the brick dither added.

Offline Evil-Ville

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

Re: Subjects of Pixel Art

Reply #4 on: September 27, 2006, 06:44:25 am
Messy diagonal block dither?

Offline hawken

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

Re: Subjects of Pixel Art

Reply #5 on: September 27, 2006, 10:12:37 am
I remember when on the Amiga, there were all sorts of names for different types of dithering. Can't find anything about it on the internet
twitter: https://twitter.com/hawkun
Pirate Pop Plus for 3DS, WiiU & Steam!

Offline goat

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

Re: Subjects of Pixel Art

Reply #6 on: September 27, 2006, 01:52:46 pm
The names for dither pattern algorithms? Go download NeoPaint, it has a bunch of them.  I'd do it but I have to jet, like now :P
typing ewith fdace

Offline Takai Soyokaze

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

Re: Subjects of Pixel Art

Reply #7 on: September 27, 2006, 08:35:34 pm
Very good everyone! Can't wait to see the next entries...

Somebody should add the style skipper used (with squares) I'll add it if no one else does.

Offline Ryumaru

  • Moderator
  • 0100
  • *
  • Posts: 1683
  • Karma: +0/-0
  • to be animated soonly
    • ChrisPariano
    • View Profile

Re: Subjects of Pixel Art

Reply #8 on: September 28, 2006, 12:08:34 am
hooray for the addition of the brick dither, helm.

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 #9 on: September 28, 2006, 05:14:10 am
An assortment of dithers. Not added directly because the value of a few of them is unlikely:


left-to-right, top-to-bottom:

replacement for 'advanced dither' -- which i'd call 'full dither'
jewel dither (unlikely)
scratch dither
alternate generic dither
pointy
(blank)
wavy
22.5 degree

vertical fade
amoeba
clustering dither (this has the maximum coherence of all dithers i've seen.)
diamonds
bubbles
(blanks)

Last time I checked, Neopaint only has two dither algorithyms. One of them is a generic one, the other looks oilpaint-ish ('clustered', it's called). I haven't successfully replicated it yet. 'bubbles' is closest in general appearance to it.
If you insist on being pessimistic about your own abilities, consider also being pessimistic about the accuracy of that pessimistic judgement.

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.