dzygners' forums
You have never visited, or are not logged in.
Not logged in [Login - Register]

Printable Version | Send to Friend
Subscribe | Add to Favorites
Author Subject: [ tut ] 3. Isometric gfx: Constructing a Grid

2013 Posts
Location . Taipei
Status: Offline

posted on 9.25.2003 at 03:15
[ tut ] 3. Isometric gfx: Constructing a Grid

Credits : Version 2.0 (Last updated on 2/7/2003)

Written by and Copyright: Zoggles

Isometric Graphics [part 3] : Constructing a Grid

As previously explained, Type B is the best method for grid based or tiled isometric graphics. Now its fairly straightforwards to draw some diagonal criss-crossed lines at the right angles, but less obvious how this then tiles.

In order to get a tile to tessalate properly, the black lines would only be used on two sides of each square (or diamond shape). The animation above hopefully shows how the actual tile shapes are produced for that grid. The animation below shows how this shape comes together when tiled. It is important to note that the left and right sides of the tile are two pixels high.

This highly zoomed image should show the actual points of contact and the double height section on the left and right edges of the tiles that I mentioned.

Below are a couple of images that you might find useful. One is a basic isometric grid, the other is a rectangular pattern which can be used as a pattern fill to create an isometric grid.

4. Isometric gfx: Basic Shape Construction

[Edited on 9.25.2003 by anders]

"Life is not measured by the number of breaths we take, but the moments that take our breath away."
View User's Profile Visit User's Homepage View All Posts By User U2U anders

© 2002 - 2005
Powered by XMB v1.5 Beta :: Blue Moon
Processed in 0.1632760 seconds, 28 queries