I should have really looked about on this site to see if it has been done before but I wil post my methods here anyway
Have you ever wanted to make an iso arch in your game? I know I have and my first thoughts were This is really hard but I discovered a simple method for doing this.
Lets take a normal circle enclosed in a 64x64 square on a 4x zoom.
As you can see, the stripes are the vertical measure of distance between the outside square and the first contact point of the outside of the circle. These distances are important because we need them whilst converting the circle to an iso circle.
Now the next and easiest thing to do would be to redraw the outside box but in iso form. Just in case you didn't know how to do this I will include a little brief description.
Vertical lines stay vertical and horizontal lines are inclined at a 30 degree angle. The 30 degree angle can be made by (going from low to high point) across 2 pixles and then step up 1 pixel. I have included a picture just to give an example because my description wasn't too great.
Ok - so you have drawn your isometric box... Like this one
Now remember those distances we measeured, well first take the first distance and place it in the iso square in the same relative place it was in the normal square. Then put a red pixel at the end of it like this.
Some people will find it quicker to copy the normal circle into the iso picture they are working with. This way you can just move the green distances from one area to another without having to go backwards and forwards measuring distances and replicating them.
When you insert the next distance, extend the distance using the red pixels so that is the same size as the distance to the left of it (phew that was a mouthfull)
Carry on doing this until you get to the center distance.
Please note if 2 distances are the same size then you still have to put 1 pixel at the end of the distance.
When you have done this you need to do the other side in exactly the same. You need to start from the edge not the center and you need to make the distances aligned with the distance to the right of it not to the left anymore. Sometimes the left distance is a pixel too long and at first it might look weird but you still have to put a pixel on the end - it works trust me
When you have done half thats all you need to do. You can copy it and flip it around so that you don't need to do the bottom part and you will have a perfect iso circle.
I am currently using this technique to make an archway by destroying the bottom half of the circle and extending the verticals to make the walls.
Try it out for yourself. I hope this article wasn't too hard to follow - My first one in a long time.
No. Actually I took the un-isometric circle and pasted it into paint. And then slanted it 26 degrees. Then I put it up to the one that took about 400 hours to make and the only difference was that the paint one wasn't as "tall" i guess u could call it. But it was the same down to the spot on the top right where there's two pixels down a notch. Paint is the most powerful drawing program devised by man.
The way I showed is fairly accurate, insted of inserting the lengths you could just miss 2 pixels and select everything else after it and shift it up 1 pixel and keep doing that but then there is the cleanup part
Im not going by some mathmatical jargon (i like that word, jargon). I opened paint and skewed at whatever i had to make it look like the one he made. And that was 26 degrees, not 30. I could care less what complex rocket science says. 26 degrees is what makes it look good and it's being used for a game. . . So whatever looks good is what would go in. Not whatever makes the person playing it go "wow, this game sucks and looks like shit, but damn, this guy really knows his math."
Advertisement
