Isometric mapping help

BlitzMax Forums/BlitzMax Programming/Isometric mapping help

William Drescher

(Posted 2010) [#1]

I'm making a video game with an isometric world. Unfortunately, I'm becoming very frustrated because I cannot find a correct way of drawing the world. Does anyone have some code to draw the world using images that are isometric?

Here are a few notes:
- I'm only using one image that looks like grass
- The images dimensions are 64 x 32

Could anyone help me with this please?

Here is what the image looks like:

_Skully

(Posted 2010) [#2]

you have to draw from back to front, not x/y otherwise you'll get overlapping problems...

if you google it there are a bunch of good articles and code samples to look at

Czar Flavius

(Posted 2010) [#3]

Every 2nd row has to be shifted to the right by 32 pixels, and lowered by certain number of pixels (16 at a guess). Higher rows need to be lowered by a multiple of this. I have some isomap code somewhere that I can get for you but I'm very tired right now!

Enyaw

(Posted 2010) [#4]

You will want somthing like this -

Strict

Const offsetx:Int = 400
Const offsety:Int = 100
Const xs:Int = 32 'Tile x size/2
Const ys:Int = 16 'Tile Y size/2

Local tile:TImage = LoadImage("grass_00.png", 0)
Graphics 800, 600

For Local X:Int = 1 To 10
	For Local Y:Int = 1 To 10
		DrawImage tile, px(X, Y, 0) , py(X, Y, 0), 0
		DrawText X + "," + Y, px(X, Y, 0) + 20, py(X, Y, 0) + 8
	Next
Next
Flip

Repeat
Until KeyDown(KEY_ESCAPE) Or AppTerminate()

Function px(X:Int, Y:Int, z:Int)
	Local xp:Int = offsetx + (X - Y) * xs
	Return xp
End Function

Function py(X:Int, Y:Int, z:Int)
	Local yp:Int = offsety + (X + X + Y + Y - z) * (ys / 2)
	Return yp
End Function