Stack Overflow
Stack Overflow

Questions tagged [isometric]

A method for visually representing three-dimensional objects in two dimensions, often referring to isometric tiles.

366 questions
9
votes
3 answers

Drawing isometric walls

I'm having some trouble with isometric walls. I'm drawing isometric floor tiles using the back to front rendering method, and it works fine. I also keep my floor tiles lined up properly in a nice grid. The code (and this seems to be pretty much…
user1265486
8
votes
3 answers

True Isometric Projection with HTML5 Canvas

I am a newbie with HTML5 Canvas and JavaScript, but is there a simple way to have Isometric projection in HTML5 Canvas element? I am mean the true isometric projection - http://en.wikipedia.org/wiki/Isometric_projection Thanks all for reply's.
gma
  • 111
  • 1
  • 1
  • 3
8
votes
3 answers

HTML/JS/CSS Isometric Grid with semi-transparent click-through tiles

I'm trying to create a web app/game that uses a side-on 'isometric' view and transparent tiles. I can display them ok (but not great) using a PHP formula that just sets each div (each tile) as position:absolute and set the top and left parameters.…
Adam M-W
  • 3,509
  • 9
  • 49
  • 69
7
votes
3 answers

Unprojecting an on screen point back to an isometrically projected world

I am doing a behind the curtains 3d simulation while rendering the world in my 2d isometric engine. I've never done an isometric engine before, and my matrix math is rusty in general so I am having problems. I have a projection matrix, which in its…
Jason Maskell
  • 1,716
  • 1
  • 17
  • 26
7
votes
5 answers

How to calculate the height and width of an isometric rectangle/square

I'm writing an isometric tile game. Each tile is twice as wide as it is tall (w:h = 2:1). All tiles in a map are the same size and their width and heights are known (TileWidth and TileHeight). There can be any number of columns (>0) and rows…
Garry Pettet
  • 8,096
  • 22
  • 65
  • 103
7
votes
3 answers

Detect click/touch on isometric texture

I am having a hard time trying to implement click handling in a simple isometric Sprite Kit game. I have a Game Scene (SKScene) with a Map (SKNode) containing multiple Tile objects (SKSpriteNode). Here is a screenshot of the map : I want to be able…
Heyfara
  • 511
  • 3
  • 21
7
votes
1 answer

LibGDX: How to do animations on an isometric tiled map?

I've some problem with LibGDX and tiled maps. I come from Corona SDK (Lua) and I've used Lime (third party lib to handle tmx maps), now I switched to LibGDX and followed this really recent feature: GraphicsTileMaps I was able to load an isometric…
Felice Ostuni
  • 1,049
  • 1
  • 12
  • 20
6
votes
2 answers

Trying to make an isometric grid programmatically using Swift

The only reason I'm attempting this programmatically is so I can access the locations of each tile, making it possible to manipulate the grid. I've looked at about 15 different tutorials using other programming languages, but even with that…
Ethan Scott Miller
  • 85
  • 1
  • 7
6
votes
1 answer

Swift Spritekit isometric map touch location

I've started doing a small swift / spritekit project to teach myself game dev. It starts with an isometric map, which I managed to draw. But I'm having trouble getting a precise touch location on the different tiles of the map. It works, but is…
Gerome Pistre
  • 457
  • 6
  • 15
6
votes
4 answers

Isometric engine drawing issue

I'm trying to write a game engine in js (canvas). So far so good. But i got one problem my world is diamond shaped and i render the tiles from top to bottom. The problem is when i have a tile that's bigger than 1 tile (so 2x2 as example) this will…
Sander Visser
  • 4,144
  • 1
  • 31
  • 42
5
votes
1 answer

Smooth walking sprites in HTML5 Canvas

I'm developing an isometric html5 game in canvas (& js). My grid consists of columns (x) and rows (y). Currently my player can walk through the map, but he jumps from coordinate to coordinate. I'm trying to get him to walk from tile to tile in a…
Nick Verheijen
  • 77
  • 1
  • 9
5
votes
2 answers

CSS3: Cube with shadow

I think images speak louder than words in this case. I want to get this effect: But the best I can do with CSS3 is this: And the code for this is absolutely terrible: box-shadow: 1px 1px hsl(0, 0%, 27%), 2px 2px hsl(0, 0%, 27%), …
Blender
  • 289,723
  • 53
  • 439
  • 496
5
votes
1 answer

Mouse coordinates in a canvas to 30 degree isometric coordinates on a grid

I have an isometric grid I'm drawing on a canvas. It uses a 30 degree angle offset and I use some script to draw a basic grid. For this grid I am projecting a flat grid with 40x40 tile sizes. gridRows = 10; gridCols = 10; tileSize = 40; gridWidth =…
Gerard
  • 107
  • 1
  • 7
5
votes
1 answer

Isometric Tiled Maps in Android

I was wondering how to use isometric tiled maps on android. To create an Orthographic map you can use the Tile Map Editor and libigdx but libigdx doesn't support isometric maps. I wanted to create the tiles like the ones they use in CityVille or…
Carl
  • 51
  • 1
  • 2
5
votes
2 answers

How to do isometric 3D in CSS

I'm trying to do Isometric 3D in CSS, here is what I have right now : http://jsfiddle.net/AagGZ/1/ (webkit only for testing) I'm basically using the box-shadow, 1px by 1px to create the 3D effect, this seems very hacky to me. When animating, I'm…
rnaud
  • 2,610
  • 32
  • 38
1
2
3
…
24 25