Style guide

From Open Pixel Platformer Wiki
Jump to: navigation, search

Style guide for all of the OPP graphics. Any graphic submitted to the project must be created according to this style guide!

On top of that, there are many recommendations for styles to stick to in existing categories. Look on the pages of existing graphics to find those recommendations.

Contents

OPP Graphics Style Guide

All graphics are pixel art and intended for use in a platform game. We use a cartoony pixel style with little to no dithering. Take scale in mind, an average human character is about 50 pixels tall. Art should be made to match existing art as much as possible.


Color

Only the exact colors from the DB32 palette are allowed to be used:

Db32palette.png


Lightning

Light comes from the top of the screen, if it is unavoidable that an angle has to be chosen it will come slightly from the right. Avoid other light angles in characters so that all sprites can be flipped. Check for example this tree from Damian

Forest Tree.png


Tiles

  • 32x32
  • Cartoony, big pixel clusters.
  • Edges have single pixel outline. Dark, preferably not black.
  • Little to no dithering
  • Top surface is visible(slight top view)
  • Top surface exists of two tiles: One base tile and one tile on top of this for the top edge, about four pixels heigh. This is to allow objects such as shrubs to be merged properly with the tiles. Characters will walk on top of the base tile. Example:

Style tile example.gif

  • Space between tiles can be filled with a single color. Detail tiles can be made to break the silence.
  • Tiles can be layered in front of and behind each other.
  • Tiles can be transparent.
  • Tile animation is not recommended, as it is difficult to use.


Sprites

  • Typical size: 64x64 (feel free to make smaller or bigger characters)
  • Animations run at 8/100 seconds per frame (12.5 FPS)
  • Single px outline, dark preferably not black
  • Feet are both at the same hight level.
  • No shadow
  • No dithering
  • All characters, monsters/animals/humans have typically tall black eyes.

Examples:

Frog idle.gifLeopard.png

Humans

  • Big cartoony faces, size typically almost half of the character height.
  • Humans also have very short legs and a tall body.

Examples:

Character example.png

Objects

  • Base size: 32x32
  • Outline, dark preferably not black.
  • No dithering

Backgrounds

So far no background images have been discussed. Feel free to create some examples and start the discussion on the forum!