[ 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."