All Topics  
Isometric projection

 

   Email Print
   Bookmark   Link






 

Isometric projection



 
 
Isometric projection is a form of graphical projection
Graphical projection

Graphical projection is a protocol by which an image of an imaginary Three-dimensional space object is projected onto a planar surface without the aid of mathematical calculation....
, more specifically, a form of axonometric projection
Axonometric projection

Axonometric projection is type of graphical projection technique, used to create a pictural drawing of an object by rotating the object on an axis relative to a projection, or picture plane....
. It is a method of visually representing three-dimensional objects in two dimensions, in which the three coordinate axes
Cartesian coordinate system

In mathematics, the Cartesian coordinate system is used to determine each Point uniquely in a Plane through two numbers, usually called the x-coordinate or abscissa and the y-coordinate or ordinate of the point....
 appear equally foreshortened and the angles between any two of them are 120°.

Isometric projection is one of the projections used in technical
Technical drawing

File:Drafter at work.jpgFile:Bundesarchiv B 145 Bild-F038800-0010, Wolfsburg, VW Autowerk.jpgTechnical drawing is the discipline of creating Standardization technology drawing by architects, CAD drafters, design engineers, and related professionals....
 and engineering drawing
Engineering drawing

An engineering drawing, or Construction drawing, is a type of technical drawing, created within the technical drawing discipline, and used to fully and clearly define requirements for engineering items....
s.

term "isometric" comes from the Greek
Greek language

Greek is an Indo-European languages native to the southern Balkan peninsula, the language of the Greek people. It forms an independent branch within Indo-European....
 for "equal measure", reflecting that the scale along each axis of the projection is the same (this is not true of some other forms of graphical projection). An isometric view of an object can be obtained by choosing the viewing direction in a way that the angles between the projection of the x, y, and z axes are all the same, or 120°.






Discussion
Ask a question about 'Isometric projection'
Start a new discussion about 'Isometric projection'
Answer questions from other users
Full Discussion Forum



Recent Posts









Encyclopedia


Isometric projection is a form of graphical projection
Graphical projection

Graphical projection is a protocol by which an image of an imaginary Three-dimensional space object is projected onto a planar surface without the aid of mathematical calculation....
, more specifically, a form of axonometric projection
Axonometric projection

Axonometric projection is type of graphical projection technique, used to create a pictural drawing of an object by rotating the object on an axis relative to a projection, or picture plane....
. It is a method of visually representing three-dimensional objects in two dimensions, in which the three coordinate axes
Cartesian coordinate system

In mathematics, the Cartesian coordinate system is used to determine each Point uniquely in a Plane through two numbers, usually called the x-coordinate or abscissa and the y-coordinate or ordinate of the point....
 appear equally foreshortened and the angles between any two of them are 120°.

Isometric projection is one of the projections used in technical
Technical drawing

File:Drafter at work.jpgFile:Bundesarchiv B 145 Bild-F038800-0010, Wolfsburg, VW Autowerk.jpgTechnical drawing is the discipline of creating Standardization technology drawing by architects, CAD drafters, design engineers, and related professionals....
 and engineering drawing
Engineering drawing

An engineering drawing, or Construction drawing, is a type of technical drawing, created within the technical drawing discipline, and used to fully and clearly define requirements for engineering items....
s.

Overview

The term "isometric" comes from the Greek
Greek language

Greek is an Indo-European languages native to the southern Balkan peninsula, the language of the Greek people. It forms an independent branch within Indo-European....
 for "equal measure", reflecting that the scale along each axis of the projection is the same (this is not true of some other forms of graphical projection).
Perspective Isometrique Cube Gris
An isometric view of an object can be obtained by choosing the viewing direction in a way that the angles between the projection of the x, y, and z axes are all the same, or 120°. For example when taking a cube, this is done by first looking straight towards one face. Next the cube is rotated ±45° about the vertical axis, followed by a rotation of approximately ±35.264° (precisely arcsin(tan 30°) ) about the horizontal axis. Note thatwith the cube, see image, the perimeter of the 2D drawing is a perfect regular hexagon: all the black lines are of equal length and all the cube's faces are the same area.

In a similar way an isometric view can be obtained for example in a 3D scene editor. Starting with the camera aligned parallel to the floor and aligned to the coordinate axes, it is first rotated downwards around the horizontal axes by about 35.264° as above, and then rotated ±45° around the vertical axes.

Another way in which isometric projection can be visualized is by considering a view within a cubical room starting in an upper corner and looking towards the opposite, lower corner. The x-axis extends diagonally down and right, the y-axis extends diagonally down and left, and the z-axis is straight up. Depth is also shown by height on the image. Lines drawn along the axes are at 120° to one another.

Mathematics

There are 8 different orientations to obtain an isometric view, depending into which octant
Octant

An octant is one of eight divisions....
 the viewer looks. The isometric transform from a point in 3D space to a point in 2D space looking into the first octant can be written mathematically with rotation matrices
Rotation matrix

In matrix theory, a rotation matrix is a real number square matrix whose transpose is its invertible matrix and whose determinant is 1 The matrix is so-called because it geometrically corresponds to a linear map that sends vectors to a corresponding vector rotated about the origin by a fixed angle....
 as:

where and . As explained above, this is a rotation around the vertical (here y) axis by , followed by a rotation around the horizontal (here x) axis by . This is then followed by an orthographic projection to the x-y plane:

The other seven possibilities are obtained by either rotating to the opposite sides or not, and then inverting the view direction or not.

Limits of axonometric projection

Isometricflaw 2
As with all types of parallel projection, objects drawn with axonometric projection do not appear larger or smaller as they extend closer to or away from the viewer. While advantageous for architectural drawing
Architectural drawing

File:A.L._van_Gendt_Concertgebouw_0.jpgArchitectural drawing is technical drawing of architecture and drawing for architectural projects. Architectural drawing are a means of communicating ideas, concepts and details, and require draughting skills in modern and traditional methods of architectural drawing....
s, this results in a perceived distortion, as unlike perspective projection, it is not how our eyes or photography normally work. It also can easily result in situations where depth and altitude are difficult to gauge, as is shown in the illustration to the right.

Once popular in sprite
Sprite (computer graphics)

In computer graphics, a sprite is a two-dimensional/three-dimensional or animation that is integrated into a larger scene.Sprites were originally invented as a method of quickly compositing several images together in two-dimensional video games using special hardware....
-based video games, most contemporary video games have avoided these sorts of situations by switching over to perspective 3D
3D computer graphics

3D computer graphics are graphics that use a Cartesian coordinate system#Three-dimensional coordinate system representation of geometric data that is stored in the computer for the purposes of performing calculations and rendering 2D images....
 instead.

Such illusions were also popular in Op art
Op art

Op art, also known as optical art, is a genre of visual art, especially painting, that makes use of optical illusions."Optical Art is a method of painting concerning the interaction between illusion and picture plane, between understanding and seeing." Op art works are abstract, with many of the better known pieces made in only blac...
 such as M. C. Escher
M. C. Escher

Maurits Cornelis Escher , usually referred to as M.C. Escher , was a Netherlands Graphic arts. He is known for his often mathematically-inspired woodcuts, lithography, and mezzotints....
's "impossible architecture" drawings. Waterfall
Waterfall (M. C. Escher)

Waterfall is a Lithography print by the Netherlands artist M. C. Escher which was first printed in October, 1961. It shows an apparent paradox where water from the base of a waterfall appears to run uphill before reaching the top of the waterfall....
 (1961), in which the drawing of the building makes use of axonometric projection, but the faded background uses perspective projection, is a well-known example. Another advantage is that, in engineering drawings, 60° angles are easier for novices to construct using only a compass and straightedge.

In this isometric drawing for example, the blue sphere is two levels higher than the red one. However, this difference in elevation is not apparent if one covers the right half of the picture, as the boxes (which serve as clues suggesting height) are then obscured.

Isometric projection in video games and pixel art

In the fields of computer and video games and pixel art
Pixel art

Pixel art is a form of digital art, created through the use of raster graphics software, where images are edited on the pixel level. Graphics in most old computer and video games, graphing calculator games, and many mobile phone games are mostly pixel art....
, axonometric projection has been popular because of the ease with which 2D
2D computer graphics

2D computer graphics is the computer-based generation of digital images—mostly from two-dimensional models and by techniques specific to them....
 sprites and tile-based
Tile-based game

A tile-based game is a game that uses tiles as one of the fundamental elements of play. It has different meanings depending on how it is used. There are many traditional games which use tiles, but when referring to video games, normally a tile-based game means a game which uses tiles as part of its computer graphics output and/or unit movem...
 graphics can be made to represent a 3D
3D computer graphics

3D computer graphics are graphics that use a Cartesian coordinate system#Three-dimensional coordinate system representation of geometric data that is stored in the computer for the purposes of performing calculations and rendering 2D images....
 gaming environment. Because objects do not change size as they move about the game field, there is no need for the computer to scale sprites or do the calculations necessary to simulate visual perspective
Perspective (visual)

Perspective, in context of visual system and visual perception, is the way in which objects appear to the eye based on their space attributes, or their dimensions and the position of the eye relative to the objects....
. This allowed older 8-bit
History of video game consoles (third generation)

In the history of computer and video games, the third generation began in 1983 with the Japanese release of the Nintendo Entertainment System ....
 and 16-bit
History of video game consoles (fourth generation)

In the history of computer and video games, the fourth generation began on October 30, 1987 with the Japanese release of Nippon Electric Company PC Engine ....
 game systems (and, more recently, handheld
Handheld game console

A handheld game console is a lightweight, portable device with a built-in screen, games controls and speakers. Handheld game consoles are run on machines of small size allowing people to carry them and play them at any time or place....
 systems) to portray large 3D areas easily. While the depth confusion problems illustrated above can sometimes be a problem, good game design can alleviate this. With the advent of more powerful graphics systems, axonometric projection is becoming less common.

The projection used in videogames usually deviates slightly from "true" isometric due to the limitations of raster graphics
Raster graphics

In computer graphics, a raster graphics image or bitmap, is a data structure representing a generally Rectangle grid of pixels, or points of color, viewable via a Computer display, paper, or other display medium....
. Lines in the x and y directions would not follow a neat pixel pattern if drawn in the required 30° to the horizontal. While modern computers can eliminate this problem using anti-aliasing
Anti-aliasing

In digital signal processing, anti-aliasing is the technique of minimizing the distortion artifacts known as aliasing when representing a high-resolution signal at a lower resolution....
, earlier computer graphics did not support enough colors or possess enough CPU power to accomplish this. So instead, a 2:1 pixel pattern ratio would be used to draw the x and y axis lines, resulting in these axes following a 26.565° (arctan 0.5) angle to the horizontal. (Game systems that do not use square pixels
Pixel

In digital imaging, a pixel is the smallest item of information in an image. Pixels are normally arranged in a 2-dimensional grid, and are often represented using dots, squares, or rectangles....
 could, however, yield different angles, including true isometric.) Therefore, this form of projection is more accurately described as a variation of dimetric projection
Dimetric projection

Dimetric projection is a form of axonometric projection, in which its direction of viewing is such that two of the three axes of space appear equally foreshortened, of which the attendant scale and angles of presentation are determined according to the angle of viewing; the scale of the third direction is determined separately....
, since only two of the three angles between the axes are equal (116.565°, 116.565°, 126.87°). Many in video game and pixel art communities, however, continue to colloquially refer to this projection as "isometric perspective"; the terms "3/4 perspective
3/4 perspective

3/4 perspective or 3/4 view is a term used to describe a graphical projection which is halfway between a frontal view and a side view ....
" and "2.5D
2.5D

2.5D is an informal term used to describe visual phenomena which is actually 2D with 3D looking graphics. This is often also called pseudo-3D....
" are also commonly used.

The term has also been applied to games that do not use the 2:1 pixel pattern ratio, including Fallout
Fallout (computer game)

Fallout is a computer role-playing game produced by Tim Cain, developed by Black Isle Studios and published by Interplay Entertainment in 1997....
 and SimCity 4
SimCity 4

SimCity 4 is a city-building game Construction and management simulation games Personal computer game developed by Maxis, a subsidiary of Electronic Arts....
 (which use trimetric projection
Trimetric projection

Trimetric projection is a form of axonometric projection, where the direction of viewing is such that all of the three axes of space appear unequally foreshortened....
); The Legend of Zelda: A Link to the Past
The Legend of Zelda: A Link to the Past

, is an action-adventure game video game developed and published by Nintendo for the Super Nintendo Entertainment System video game console, and the third installment in The Legend of Zelda ....
 and Ultima Online
Ultima Online

Ultima Online is a graphical massively multiplayer online role-playing game , released on September 25, 1997, by Origin Systems. It was instrumental to the development of the genre, and is still running today....
 (which use oblique projection
Oblique projection

Oblique projection is a simple type of graphical projection used for producing pictorial, two-dimensional of three-dimensional objects....
); and The Age of Decadence and Silent Storm
Silent Storm

Silent Storm is a tactical role-playing game for the PC, developed by Russian developer Nival Interactive and published by Jowood in 2003....
 (which use perspective projection and a bird's eye view
Bird's Eye View

"Bird's Eye View" is a single by Oakland Hip hop music group Zion I, released in 2005 on Live Up Records. The single was the first released from their third album True & Livin....
).

History of isometric video games

Qbert
:For a comprehensive list of isometric video games, see :Category:Video games with isometric graphics?. While the history of computer games saw some true 3D games as soon as the early 1970s, the first video games to use the distinct visual style of isometric projection in the meaning described above were arcade games in the early 1980s.

Q*bert
Q*bert

Q*bert is a 1982 in video gaming arcade game published by Gottlieb, created by Warren Davis and Jeff Lee....
 and Zaxxon
Zaxxon

Zaxxon is a 1982 arcade game developed by Sega and released by Sega. Some sourceshe time of its release, Zaxxon was unique as it was the first game to employ axonometric projection, something of a three-quarter viewing perspective, which lent its name to the game ....
 were both released in 1982. Q*bert showed a static pyramid drawn in an isometric perspective, with the player controlling a person which could jump around on the pyramid. Zaxxon employed scrolling isometric levels where the player controlled a plane to fly through the levels. A year later in 1983 the arcade game Congo Bongo
Congo Bongo

Congo Bongo is an arcade game developed by Sega and released by Sega in 1983. Some sourcesameplay The gameplay is highly similar to other popular arcade games of the time, most notably Frogger and Donkey Kong, but is viewed in an Isometric projection perspective....
 was released, running on the same hardware as Zaxxon. It allowed the player character to move around in bigger isometric levels, including true three-dimensional climbing and falling. The same was possible in the 1984 arcade title Marble Madness
Marble Madness

Marble Madness is an arcade game video game designed by Mark Cerny, and published by Atari Games in 1984. It is a platform game in which the player must guide an onscreen marble through six courses, populated with obstacles and enemies, within a time limit....
.
Knight Lore 3
At this time, isometric games were no longer exclusive to the arcade market and also entered home computers with the release of Ant Attack for the ZX Spectrum
ZX Spectrum

The Sinclair ZX Spectrum is an 8-bit personal home computer released in the United Kingdom in 1982 by Sinclair Research Ltd. Referred to during development as the ZX81 Colour and ZX82, the machine was launched as the ZX Spectrum by Sinclair to highlight the machine's colour display, compared with the black-and-white of its predec...
 in 1983. The player could now move forward in any direction of the scrolling game, offering complete free movement rather than fixed to one axis as with Zaxxon. The views could also be changed around a 90 degrees axis
Cardinal direction

The four cardinal directions or cardinal points are north, south, east, and west, commonly denoted by their initials - N, S, E, W. They are mostly used for geography orientation on Earth but may be calculated anywhere on a rotating astronomical object....
. The ZX Crash magazine consequently awarded it 100% in the graphics category for this new technique, known as "Soft Solid 3-D".

A year later the ZX saw the release of Knight Lore
Knight Lore

Knight Lore is a Video game developed and released by Ultimate Play The Game in 1984. The game is the third in the Sabre Man series, following on from his adventures in Sabre Wulf and Underwurlde....
, which is generally regarded as a revolutionary title that defined the subsequent genre of isometric adventure games. Following Knight Lore, many isometric titles were seen on home computers - to an extent that, as of August 2000, it was regarded as being the second most cloned piece of software after WordStar
WordStar

WordStar was a word processor application, published by MicroPro International, originally written for the CP/M operating system but later ported to DOS, that enjoyed a dominant market share during the early to mid-1980s....
. One big success out of those was the 1987 game Head Over Heels. Isometric perspective was not limited to arcade/adventure games, though; for example, the 1989 strategy game Populous
Populous

Populous is a Video game developed by Bullfrog Productions in 1989 in video gaming and is regarded by many as being the wikt:seminal god game....
 used isometric perspective.

Throughout the 1990s some very successful games like Civilization II
Civilization II

Sid Meier's Civilization II, a.k.a. Civ II, is a turn-based strategy computer game designed by Brian Reynolds, Douglas Caspian-Kaufman and Jeff Briggs....
 and Diablo
Diablo (video game)

Diablo is a dark fantasy-themed action role-playing game Software developer by Blizzard North and released by Blizzard Entertainment on January 2, 1997....
 used a fixed isometric perspective. But with the advent of 3D acceleration on personal computers and gaming consoles, games using a 3D perspective generally started using true 3D instead of isometric perspective. This can be seen by successors of the above games; starting with Civilization IV
Civilization IV

Sid Meier's Civilization IV is a turn-based strategy Personal computer game released in 2005 and developed by game designer Soren Johnson under the direction of Sid Meier and Meier's video game developer Firaxis Games....
,
the Civilization
Civilization (series)

Civilization is a series of turn-based strategy video games produced by Sid Meier. Basic gameplay functions are similar throughout the series, namely, guiding a civilization on a macro-scale from prehistory to the present day....
 series uses full 3D. Diablo II
Diablo II

Diablo II is a sequel to the game Diablo , a dark fantasy-themed action role-playing game in a hack and slash and "Dungeon roaming" style....
 used a fixed perspective like its predecessor, but optionally allowed for perspective scaling of the sprites in the distance to lend a pseudo-3D perspective.

See also

  • Filmation engine
    Filmation engine

    Filmation is the trademark name of the Isometric projection graphics engine employed in a series of games developed by Ultimate Play The Game during the 1980s#Video games, primarily on the 8-bit ZX Spectrum platform, but various titles also appeared on the BBC Micro, Amstrad CPC, MSX and Commodore 64 platforms....


External links

  • [url=http://herbert.gandraxa.com/herbert/imp.asp Isometric Projection]