The Pixel-Zone

sign in :: site map :: help :: rpgdx

HomeStorageNewsMembersForumsIRCRatingsCompetitionsPixel-ArenaAvatar WarsDownloadsTutorialsWeb LinksJobsAdmin SectionPixel-Zone
tutorials
Isometric
tutorials
tutorial links

Tutorials: Isometric

Main Tutorials

The two types of construction

There are two main methods for drawing isometric graphics as illustrated below. Type A (red) uses a three pixel line at the forward corners, and Type B (green) does not.

Two methods.Type A: Outlining problem

Now, if you are only planning to draw a single object, then either method is fine, and I would probably favour Type A as it gives sharper and cleaner looking highlights and keeps the facets the same size and shape. However, if you plan on tiling objects or plan on placing them on a grid of sorts, then you should definately go with Type B as you will otherwise end up with ugly jagged looking lines as illustrated below.

Type A: Jagged LinesType A: Jagged Lines

The three arrows point to some of the little glitches in what otherwise would appear as a straight line. With Type B however, there is no such problem and you get a nice clean edge. Likewise, a grid will consist of clean lines.

Type B: Clean linesType A: Clean Lines

There are of course several different options for shading, highlighting and outlining. The animated image below shows a few basic combinations. The decision of which to use depends on the style of graphics you are trying to create.

Shading, highlighting and outline optionsShading, highlighting and outline options

Previous page : : Next page

Back to top

Support Pixel-Zone :: About Pixel-Zone :: Site Map :: Help

Our Privacy Policy, Conditions of Web site use, copyright and disclaimer
© 2001-2002 Pixel-Zone