General approach to isometrics

Posted by MrThys on Game Development See other posts from Game Development or by MrThys
Published on 2012-11-09T13:54:57Z Indexed on 2012/11/12 11:22 UTC
Read the original article Hit count: 506

Filed under:

isometric

|

tilemap

I am currently discovering the world of isometrics, now I found out there are two approaches to creating the tilemap;

Just create 2:1 ratio tile-images and draw those.
Creating squares and transforming them to the 2:1 ratio. What is the general approach on developing an isometric game?

Now I was wondering a few things;

How do more known games like AOE1/2 do this?
What are the pros/cons of both methods?
Which method is preferred to be used in this day and age?

Edit added more general question

© Game Development or respective owner

Related posts about isometric

Isometric - precise screen coordinates to isometric

as seen on Game Development - Search for 'Game Development'
I'm trying to translate mouse coords to precise isometric coords (I can already find the tile the mouse is over, but I want it to be more precise). I've tried several different methods but I seem to keep falling short. For drawing I use: batch.draw( texture, (y * tileWidth / 2) + (x * tileWidth… >>> More
Isometric drawing "Not Tile Stuff" on isometric map?

as seen on Game Development - Search for 'Game Development'
So I got my isometric renderer working, it can draw diamond or jagged maps...Then I want to move on...How do I draw characters/objects on it in a optimal way? What Im doing now, as one can imagine, is traversing my grid(map) and drawing the tiles in a order so alpha blending works correctly. So… >>> More
Good, free isometric game engine?

as seen on Game Development - Search for 'Game Development'
Any recommendations for a good isometric game engine that is also free? Should be possible to develop entirely using freely available tools (meaning: no Flash, and no I don't want to learn haXe...) Works-in-a-browser is a plus, but not required. Support for 32-bit images is required! Good performance… >>> More
Isometric screen to 3D world coordinates efficiently

as seen on Game Development - Search for 'Game Development'
Been having a difficult time transforming 2D screen coordinates to 3D isometric space. This is the situation where I am working in 3D but I have an orthographic camera. Then my camera is positioned at (100, 200, 100), Where the xz plane is flat and y is up and down. I've been able to get a sort of… >>> More
HTML5 canvas screen to isometric coordinate conversion

as seen on Game Development - Search for 'Game Development'
I am trying to create an isometric game using HTML5 canvas, but don't know how to convert HTML5 canvas screen coordinates to isometric coordinates. My code now is: var mouseX = 0; var mouseY = 0; function mouseCheck(event) { mouseX = event.pageX; mouseY = event.pageY; } which gives me canvas… >>> More

Related posts about tilemap

How to properly scroll a 2D tilemap?

as seen on Game Development - Search for 'Game Development'
Hello and I'm trying to make my own game engine in Java. I have completed all the necessary ones but I can't figure it out with the TileGame class. It just can't scroll. Also there are no exceptions. Here I'm listing the code. TileGame.java @Override public void draw(Graphics2D g) { if (back… >>> More
How to implement RLE into a tilemap?

as seen on Game Development - Search for 'Game Development'
Currently I've been using a 3D array for my tiles in a 2D world but the 3D side comes in when moving down into caves and whatnot. Now this is not memory efficient and I switched over to a 2D array and can now have much larger maps. The only issue I'm having now is that it seems that my tiles cannot… >>> More
Advice for creating fog of war on tilemap game XNA

as seen on Game Development - Search for 'Game Development'
I have created a 2D Tile Based game. The game has a single path that the sprite can move on. I want to create to make the entire screen black except for where the sprite is. The sprite has commands such as left where he keeps looking left, right where he keeps looking right and move forward where… >>> More
Flixel - Animated Tilemaps

as seen on Game Development - Search for 'Game Development'
I am using Flixel 2.55 and I am trying to animate a tilemap. I found this piece of code that apparently enables the use of sprites as tiles. From what I understand, this loops over the tilemap's graphic and replaces the tile's pixels with the sprite's pixels each time they change. I have implemented… >>> More
Z axis in isometric tilemap

as seen on Game Development - Search for 'Game Development'
I'm experimenting with isometric tile maps in JavaScript and HTML5 Canvas. I'm storing tile map data in JavaScript 2D array. // 0 - Grass // 1 - Dirt // ... var mapData = [ [0, 0, 0, 0, 0], [0, 0, 1, 0, 0, ... ] and draw for(var i = 0; i < mapData.length; i++) { for(var j =… >>> More