# How do I smoothly connect isometric tiles at different height levels?

I am trying to figure out how to smoothly connect isometric tiles at levels. For example, below are tiles at different levels. I want to smoothly connect the tiles at the two levels based on the surface texture (the green grass on top). I can do a shear with the left and right halves of the top texture to connect a "corner", but I can't figure out what the transformation is to smoothly connect an entire face. For example, I want the 2nd level height to smoothly connect to the top texture of the bottom layer along the west facing side.

I looked at this old question here: How to create tilted (height) isometric tiles. but I can't understand the solution of "shearing to the right, then rotate by 45 and scale in height".

I looked at this old question here: How to create tilted (height) isometric tiles. but I can't understand the solution of "shearing to the right, then rotate by 45 and scale in height".

The person who asked that question had started with a square tile, then rotated and scaled it to get an isometric one: The top answer there was to add a skew step to the process: skew, then rotate, then scale: Doing the skew first makes the tile end up skewed relative to the isometric grid, so it still lines up with other tiles.

You do need to find the correct skew angle for your isometric grid. There's probably an equation for this, but I got to 27 degrees for my grid by trial and error.

• Hey, thanks for the reply. I get it now. Now I just need to figure out what the formula the shear angle for an arbitrary height difference between the two neighboring blocks. I know the "angle of lift" is tan theta=2(h2-h1)/sqrt(w^2+h^2), where h2 and h1 is the difference in height between the tiles that need to be bridged and w and h are the tile width and height and that's as far as I got so far. Jul 1 at 0:25