How to make isometric graphics?

Solar2D Advanced Graphics
#1

hello…

I am trying to make an isometric game. I have a lot of “tiles” (images in a form of a diamond)

but my image is a .png square 140 X 70 and with a diamond in the center.

so the corners are transparent, and when I “tap” on the transparent portion it also detects the “tap”

I move to advanced graphics, thinking that maybe I can “re-shape” a normal square into a diamon

form to make a lot of “tiles” using the image.path.x2

QUESTION 1

can I use the advanced graphics, since now corona pro is free? [yes] [no]

if yes what do I have to do, because my simulator keeps saying only for demo.

QUESTION 2

is there a certain set numbers, to shape the diamond.

path.x1 = -33 or 45 or -77

path.x2 = 66

path.x3 = 90 or 65 or -80

path.x4 = -33

I just get a lot of numbers but I just get a distorted images, not a diamon

Thanks for your help

Victor

#2

Question 1.  Yes, you can.  You may need to go to your preferences and do a “Deauthorize and Quit” then start Corona SDK back up and re-login.  That will generally take care of that error.

Now for your diamonds. Yes they will be rectangles, but you can add a mask to them in the shape of the diamond.  This will have the effect of causing the transparent corners to not be touchable.  Look up graphics.newMask() in the docs.   The only real problem here is that many isometric games are slanted meaning the tiles that are visually further away (near the top) are smaller to give it a perspective.  Trying to scale each tile will be problematic.  What might work is to use uniform sized diamonds with masks and then apply a path transform to the group that holds the tiles.

Rob

#3

Thanks Rob. I got the mask working now. Thank you.

#4

Question 1.  Yes, you can.  You may need to go to your preferences and do a “Deauthorize and Quit” then start Corona SDK back up and re-login.  That will generally take care of that error.

Now for your diamonds. Yes they will be rectangles, but you can add a mask to them in the shape of the diamond.  This will have the effect of causing the transparent corners to not be touchable.  Look up graphics.newMask() in the docs.   The only real problem here is that many isometric games are slanted meaning the tiles that are visually further away (near the top) are smaller to give it a perspective.  Trying to scale each tile will be problematic.  What might work is to use uniform sized diamonds with masks and then apply a path transform to the group that holds the tiles.

Rob

#5

Thanks Rob. I got the mask working now. Thank you.