The Pixel-Zone

sign in :: site map :: help :: rpgdx

HomeStorageNewsMembersForumsIRCRatingsCompetitionsPixel-ArenaAvatar WarsDownloadsTutorialsWeb LinksJobsAdmin SectionPixel-Zone
tutorials
Isometric
tutorials
tutorial links

Tutorials: Isometric

Main Tutorials

Changing a 2D image to isometric

It is important to realise that you can't just skew a 2D image to make it isometric, as a 2D image shows no depth, and simply extruding the image backwards after skewing it might not give the required results.

Simple extrusion

Simple extrusion

Both of the above images could be representations of the smaller 2D view next to it.

It is also worth noting that simply skewing an image by 26.565° will not give a true isometric result. It will appear stretched.

More than just skewing is required

As the above image shows, simply skewing an image will make the object appear streched. The bases of the middle diagram show that x1 > x2. The example on the right shows the mathematically correct version. In effect, the image has first been squashed horizontally, before being skewed, however it is often easier to just create some guidelines and re-create the image from them. Skewing will also tend to create unwanted antialiasing.

If you did want to still use a skewing method, you would first need to know how much to horizontally squash the 2D image by. To calculate the amount, the distance 'x' in the below sketh needs to be calculated.

Maths

Now, to calculate the percentage you would need to horizontally squash by, divide this value for x by the original width (2) and multiply by 100.

1.7889 ÷ 2 x 100 = 89.443%

Previous page : : Next page

Back to top

Support Pixel-Zone :: About Pixel-Zone :: Site Map :: Help

Our Privacy Policy, Conditions of Web site use, copyright and disclaimer
© 2001-2002 Pixel-Zone