Isometric graphics in video games and pixel art

Part of a series on:
Video game graphics

In video games, "isometric" refers to some form of parallel projection (commonly, the form of dimetric projection mistakenly referred to as "isometric") where the viewpoint is rotated slightly to reveal other facets of the game environment than are visible from a top-down perspective or side view, thereby producing a three-dimensional effect. The terms "3/4 perspective", "2.5D" and "pseudo-3D" are also commonly used.

With the advent of more powerful graphics systems, "isometric" projection is becoming less common, instead being replaced by perspective projection.

Contents

Overview

Corresponding camera rotation angles for true isometric projection (at left) and the form of dimetric perspective commonly found in video games and pixel art (at right).[2]
2D (at left) and 3D (at right) coordinates of a typical dimetric video game sprite.

In the fields of computer and video games and pixel art, the technique has been popular because of the ease with which 2D sprite- and tile-based graphics can be made to represent a 3D gaming environment. Because parallelly projected 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 complex calculations necessary to simulate visual perspective. This allowed older 8-bit and 16-bit game systems (and, more recently, handheld systems) to portray large 3D areas easily. And, while the depth confusion problems of parallel projection can sometimes be a problem, good game design can alleviate this.

Differences with "true" isometric projection

The projection commonly used in videogames deviates slightly from "true" isometric due to the limitations of raster graphics. 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, 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 could, however, yield different angles, including true isometric.) Therefore, this form of projection is more accurately described as a variation of dimetric projection, 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".

Similar projections

The term is often applied to any game with a fixed projection that appears at first to be axonometric or "isometric", including games that utilize trimetric projection (Fallout,[3] SimCity 4[4]); games that utilize oblique projection (The Legend of Zelda: A Link to the Past,[5] Ultima Online[6]); and games that utilize a combination of perspective projection and a bird's eye view (Torchlight,[7] Silent Storm[8]). Other examples of games that utilize oblique projection include the original SimCity, EarthBound and Paperboy.

History of isometric video games

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.

1980s

The use of isometric graphics in video games began with the appearance of Sega's Zaxxon,[9][10] released in January 1982.[11] It was an isometric shooter that employed scrolling isometric levels where the player controlled a plane to fly through the levels. It was also one of the first video games to display shadows.[9]

Another early isometric game was Q*bert,[12] which Warren Davis and Jeff Lee began programming in April 1982 and released in October/November 1982.[13] Q*bert showed a static pyramid drawn in an isometric perspective, with the player controlling a person which could jump around on the pyramid.[9]

The following year in 1983, the isometric platformer arcade game Congo Bongo was released, running on the same hardware as Zaxxon.[14] 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.

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 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.[15] The ZX Crash magazine consequently awarded it 100% in the graphics category for this new technique, known as "Soft Solid 3-D".[16]

A year later the ZX Spectrum saw the release of Knight Lore, which is generally regarded as a revolutionary title[17] that defined the subsequent genre of isometric adventure games.[18] Following Knight Lore, many isometric titles were seen on home computers - to an extent that it once was regarded as being the second most cloned piece of software after WordStar.[19] Other big successes out of those were Batman (1986) and Head Over Heels (1987).[20] Isometric perspective was not limited to arcade/adventure games, though; for example, the 1989 strategy game Populous used isometric perspective.

1990s and beyond

Throughout the 1990s some very successful games like Civilization II, Diablo and Fallout used a fixed isometric perspective. But with the advent of 3D acceleration on personal computers and gaming consoles, games previously using a 2D perspective generally started turning to true 3D instead. This can be seen in the successors to the above games: For instance Civilization IV and Diablo III both use full 3D; and while Diablo II used a fixed perspective like its predecessor, it optionally allowed for perspective scaling of the sprites in the distance to lend it a "pseudo-3D" appearance.[21]

During the 1990s, isometric graphics began being used for role-playing video games on console systems, particularly tactical role-playing games, many of which still use isometric graphics today. The use of isometric grids in RPGs began in the early 1990s, with tactical RPGs such as the Ogre series. By the late 1990s, RPGs like Vandal Hearts (1996), Final Fantasy Tactics (1997) and Breath of Fire III (1997) were using 3D graphics to create rotatic isometric environments where the player could freely rotate the camera.

See also

References

  1. ^ Note: The 2:1 pixel pattern in the near-isometric image allows smoother lines than in the isometric one.
  2. ^ Note: the blue vectors point towards the camera positions. The red arcs represent the rotations around the horizontal and vertical axes. The white box matches the one shown in the image at the top of the article. Notice how in the left image the camera vector passes through the two opposing vertices of the cube.
  3. ^ Green, Jeff (2000-02-29). "GameSpot Preview: Arcanum". GameSpot. CNET Networks, Inc. http://www.gamespot.com/features/arcanum_pre/. Retrieved 2008-01-10. 
  4. ^ Butts, Steve (2003-09-09). "SimCity 4: Rush Hour Preview". IGN PC. IGN Entertainment, Inc. http://pc.ign.com/articles/437/437280p1.html. Retrieved 2008-01-10. 
  5. ^ "GDC 2004: The History of Zelda". IGN GameCube. IGN Entertainment, Inc. 2004-03-25. http://cube.ign.com/articles/501/501970p1.html. Retrieved 2007-12-17. 
  6. ^ Greely, Dave; Ben Sawyer (1997-08-19A). "Has Origin Created the First True Online Game World?". Gamasutra. CMP Media LLC. http://www.gamasutra.com/features/19970819/sawyer_01.htm. Retrieved 2007-12-17. 
  7. ^ McDougall, Jaz (November 4, 2009). "Torchlight Review". Games Radar. http://www.gamesradar.com/pc/torchlight/review/torchlight/a-20091104113625828034/g-2009100517263770009. Retrieved 2009-11-06. 
  8. ^ O'Hagan, Steve (2008-08-07). "PC Previews: Silent Storm". ComputerAndVideoGames.com. Future Publishing Limited. http://www.computerandvideogames.com/article.php?id=94816. Retrieved 2007-12-13. 
  9. ^ a b c Bernard Perron & Mark J. P. Wolf (2008), Video game theory reader two, p. 158, Taylor & Francis, ISBN 041596282X
  10. ^ Zaxxon at the Killer List of Videogames
  11. ^ "Zaxxon". Arcade History. October 17, 2010. http://www.arcade-history.com/?n=zaxxon&page=detail&id=3239. Retrieved 26 September 2011. 
  12. ^ Q*bert at the Killer List of Videogames
  13. ^ Davis, Warren. "The Creation of Q*Bert". Coinop.org. http://www.coinop.org/features/qbstory.aspx. Retrieved 26 September 2011. 
  14. ^ Congo Bongo at the Killer List of Videogames
  15. ^ "Sculptin the new shape of Spectrum games". Sinclair User (21). December 1983. http://www.worldofspectrum.org/showmag.cgi?mag=SinclairUser/Issue021/Pages/SinclairUser02100088.jpg. Retrieved 2009-03-02. 
  16. ^ "Soft Solid 3D Ant Attack". CRASH (1). February 1984. http://www.crashonline.org.uk/01/antattack.htm. Retrieved 2008-09-29. 
  17. ^ "Ultimate Play The Game—Company Lookback". Retro Micro Games Action - The Best of gamesTM Retro Volume 1. Highbury Entertainment. 2006. p. 25. 
  18. ^ Steven Collins. "Game Graphics During the 8-bit Computer Era". Computer Graphics Newsletters. SIGGRAPH. http://www.siggraph.org/publications/newsletter/v32n2/contributions/collins.html. Retrieved 2007-08-16. 
  19. ^ Krikke, J. (Jul/August 2000). "Axonometry: a matter of perspective". Computer Graphics and Applications (IEEE) 20 (4): 7–11. doi:10.1109/38.851742. 
  20. ^ "Looking for an old angle". CRASH (51). April 1988. http://www.crashonline.org.uk/51/runagain.htm. Retrieved 2008-09-29. 
  21. ^ "Diablo II Nears Completion As Blizzard Prepares For Final Phase Of Beta Testing". FindArticles. Marketwire (BNET Business Network). May 2000. http://findarticles.com/p/articles/mi_pwwi/is_200005/ai_mark15009744. Retrieved 2008-09-29.