Take the 2-minute tour ×
Game Development Stack Exchange is a question and answer site for professional and independent game developers. It's 100% free, no registration required.

Being bored I decided to make my game isometric by applying a simple filter effect.

    g.scale(1f, 0.5f);
    g.rotate(400, c.getHeight() / 2, 45);

It works great, but now everything appears... flat.

enter image description here

share|improve this question
2  
You're going to have to modify your art if you want the isometric look to work. –  skyuzo Oct 25 '11 at 7:15
3  
You need depth to make isometric art work. This doesn't have any depth, hence the flat look. Search google for isometric art for examples. –  thedaian Oct 25 '11 at 8:35
1  
Personally, I like that flat style - the big problem I have with isometric games, is that it can sometimes be hard to see where my character is. –  Cyclops Oct 25 '11 at 12:25
1  
Make sure you take advice from real artists, not know-it-all programmers. Gamedev includes different talent sets, and no one but an artist will be able to truly help you with this. Make sure their section of gamedev is art. Otherwise, the answer will be sub-par and mostly ugly to everyone but you and the answerer. –  user15858 May 27 '13 at 11:09
1  
I suggest getting some squares in a 3D modeler or 3D viewer (anything would work fine if you can move the camera around), and just move the camera around. Look at the different angles. Look at how it effects the look and feel. Compare to your art and camera angle. This and reading up on isometric artwork can actually help you understand why it is flat. When you understand that, you may be better apt to fix it. –  user15858 May 27 '13 at 11:13
show 1 more comment

3 Answers 3

up vote 8 down vote accepted

Your technique could work, to some limited extent, but you don't want to apply the same transformations for the objects that are supposed to be standing. For these, make a simple "skew", as illustrated here: enter image description here The second rotation might not be the inverse of the first as it depends on the scale factor. The important thing is that the vertical lines are actually vertical, i.e, aligned with the y axis (look at the dashed lines). Also, you might want to scale back a little. This is more important for doors than characters.

But still, as the commenters said, if this project goes beyond boredom avoid this method and begin making isometric art with a regular grid :)

share|improve this answer
    
Love the picture :P –  Derek Oct 25 '11 at 15:01
    
True, but i can't read the word above the 3rd arrow. –  George Duckett Oct 25 '11 at 15:22
    
@GeorgeDuckett, I think it's "rot(ate)" –  Raine Oct 25 '11 at 15:42
    
@Raine, ahh that makes sense. It looking quite different to the first one threw me. –  George Duckett Oct 25 '11 at 15:43
3  
The skew works well for flat vertical objects like doors or walls, but for things like creatures it'll probably look better if you just apply no transformation at all. But, as Diego says, for best results you really should be drawing your tiles in isometric perspective to begin with. That, or go fully 3D. –  Ilmari Karonen Oct 25 '11 at 16:19
show 3 more comments

It looks fine. Since an isometric projection is essentially a rotation followed by an orthographic projection there should be no foreshortening - and hence a limited perception of depth etc.

isometric flaw

So my take is, keep going.

  • Put some taller buildings in. Obstruction should help create a sense of depth.
  • Create shadows if you can (if you use actual 3d models to generate an isometric view out of them, you can use shadow volumes to get accurate shadows with little effort from artists (but a lot from programmers)
  • Add moving characters (again characters going behind visual obstructions will help)
  • Reduce the view the person has / zoom in a bit. This will help it look less map like (ala simcity 2000)

simcity 2000

and more "overhead view" like (ala starcraft)

starcraft

The more you zoom out, the more the brain starts to expect perspective / the player thinks he's looking at a map

share|improve this answer
    
Great answer and a much simpler solution if you already have flat isometric map rendering nicely. + 1 –  Layoric Nov 10 '11 at 8:32
add comment

You need differences in shadow heights, to make the isometry more believable. Higher objects cast longer shadows. Try it, you'll see an improvement right away.

All your edges which face upwards have very little definition. In real life, we recognize edges on a glance by a change in contrast between one surface and another. Your contrast (change in tone) is very slight between your top grey and bottom grey. Add to that the very fine brick detail -- I would emphasise that a lot. Also not that gaps between bricks aren't just a dark shade, more often than not you'll see highlighted edges contrasted directly adjacent to deep shadow. You have zero highlights -- of course things will look flat. Check this out as an example:

Dungeon Master clone shows specular and deep shadow contrast

(from here) And yes, I know it's perspectival and not orthogonal. The point is the lighting.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.