I'm trying to create an isometric background for a game but I'm not sure how to do it. I'm using Javascript and jQuery. I've already tried it before using CSS3 but I think I'm using the wrong method.
\$\begingroup\$ \$\endgroup\$
1 
- 4\$\begingroup\$ Hi and welcome to gamdev.SE. Your question lacks a lot of detail. What do you need help with? What look are you aiming for? You should improve your question to avoid downvotes/closing. \$\endgroup\$bummzack– bummzack2012-03-27 08:43:10 +00:00Commented Mar 27, 2012 at 8:43
Add a comment |
1 Answer
\$\begingroup\$ \$\endgroup\$
3 I don't know about jQuery but in general terms I can think of a few alternatives.
Use isometric tiles to create the background. It's very similar to creating a top-down tile based map but with tiles being offset a little. You can find more information here. Also check this answer for a side-by-side comparison between isometric and top-down.
Turn a top-down background into isometric by rotating 45º and compressing it vertically, either in code or in some image manipulation software.
Probably not applicable here but in a 3D API you can also get an isometric view of the world by setting an orthographic projection and positioning the camera at the correct angle.
- \$\begingroup\$ i know how to do it (rotate 45° and compressing) with css or tiles on png. But my really question talk about how distribute uniformly the tiles. \$\endgroup\$david– david2012-03-27 15:01:52 +00:00Commented Mar 27, 2012 at 15:01
- 2\$\begingroup\$ @david When did you mention tiles in your question? I had to make the assumption and talk about all the possibilities. And have you read the document I linked about isometric tiles? It talks about your problem on page 15. \$\endgroup\$David Gouveia– David Gouveia2012-03-27 15:14:42 +00:00Commented Mar 27, 2012 at 15:14
- \$\begingroup\$ ok, i use jQuery, and my idea it's make a isometric floor. i read about tiles here: cw-internetdienste.de/2010/05/creating-a-basic-isometric-map but this script doesn´t works me, the tiles don't maintained in the site. \$\endgroup\$david– david2012-03-27 15:28:35 +00:00Commented Mar 27, 2012 at 15:28