Category: 

What is a 2D Computer Graphic?

Article Details
  • Written By: Jessica Reed
  • Edited By: Heather Bailey
  • Last Modified Date: 25 August 2016
  • Copyright Protected:
    2003-2016
    Conjecture Corporation
  • Print this Article
Free Widgets for your Site/Blog
Roughly one-fifth of the world's stock of gold - worth over $200 billion USD - is stored under the streets of London.  more...

September 30 ,  1949 :  The Berlin Air Lift ended.  more...

Two-dimensional, or 2D, computer graphics appear flat on the screen and are viewed from only one angle. Old arcade games, such as Pac-Man, offer an accurate representation of 2D graphics. Pac-Man's character and the ghosts that chase him appear as flat shapes seen from only one side regardless of where he moves on the screen. A newer computer or video game, in contrast, features characters which appear three-dimensional, or 3D, and can turn in circles so the viewer can see them from all angles. 3D graphics create the illusion of having depth, despite the fact that they are technically still flat images on a screen, while a 2D computer graphic does not create this illusion of depth and, instead, simply shows a flat shape or outline.

To create a 2D computer graphic, the artist combines shapes, colors, and lines into an image meant for viewing on a computer screen. The image is seen head-on from one angle. This could be from behind, beside, in front, or even from above the character, but the character still appears flat. The angle the character is drawn at and the shading around him may create a subtle illusion of being 3D, but he is still a single, flat image.

Ad

In contrast to a 2D image, a 3D image is built around a wireframe. This is a mesh-like model of lines that create geometric shapes, such as spheres, around which texture and color are applied. This creates a 3D character that can move and be seen from multiple angles. It takes more computer power to generate a 3D image than a 2D image.

Typically, a 2D computer graphic is made from a standard image while a 3D computer graphic is made from a vector image. Vector images scale and resize to fit their container, in this case the computer screen. 2D computer graphics are drawn out like illustrations in a book and stay the same size. Newer technology allows for 2D images to be vectors and scale up and down, but this is essentially the same as drawing a flat image and then drawing it in multiple sizes. The 3D image, in contrast, must also scale the shading and highlighting on the object to fit the new size.

With computers and technology constantly pushing the limits of what they can produce, most images today are 3D and use smaller 2D computer graphics when necessary. A character's armor might use a 2D computer graphic as a logo painted on it, while a flag might have a 2D computer graphic as its symbol. Creating 3D objects, in comparison to 2D objects, relies strongly on mathematics to calculate how each piece should fit together and move within its environment. A symbol on a building does not have to change, while a person running needs to show realistic arm and leg movements as well as movement in the person's hair flowing behind them.

Ad

You might also Like

Recommended

Discuss this Article

Vincenzo
Post 3

@Logicfest -- I have a few of those games on my smartphone. The strange thing is, the simplified graphics don't seem to have much to do with battery drain.

In fact, I know they work my smartphone hard because it gets as hot as it does when rendering a complex, 3D game after a time. That being the case, the heat and battery drain suggests that simpler graphics don't "work" the smartphone any less than more complex games do.

I wonder why that is...

Logicfest
Post 2

@Markerrag -- I see a lot of those games on cell phones and tablets. I suppose the goal is to cut down on the battery drain by making games that use simplified graphics. From what I understand, that technique works pretty well and yields a game that takes the player back to the 80s or 90s. Bonus!

Markerrag
Post 1

What is funny is how often companies will try to get that "old school" look by making games with two-dimensional graphics. Heck, some even go for lower resolution that what is typical to make a game really give off that charm associated with older games.

I guess there is something to be said for two-dimensional graphics after all, huh?

Post your comments

exception 'Exception' with message 'error writing captcha: Duplicate entry '2147483647' for key 'PRIMARY'' in /ssd/www/wisegeek/public_html/_core/classes/public/Captcha.php:44
Stack trace:
#0 /ssd/www/wisegeek/public_html/_core/controls/public/ControlDiscussionPostBox.php(324): Captcha->createCaptcha()
#1 /ssd/www/wisegeek/public_html/framework/classes/Control.php(104): ControlDiscussionPostBox->preRender(false)
#2 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): Control->render()
#3 /ssd/www/wisegeek/public_html/tpl/default-nocustom-lu/pages/public/article/article.htm(526): Control->__toString()
#4 /ssd/www/wisegeek/public_html/framework/classes/Control.php(300): require('/ssd/www/wisege...')
#5 /ssd/www/wisegeek/public_html/framework/classes/Control.php(309): Control->requireTpl('pages/public/ar...', Object(PageArticleCom), true)
#6 /ssd/www/wisegeek/public_html/framework/classes/Control.php(131): Control->renderTpl('pages/public/ar...', Object(PageArticleCom))
#7 /ssd/www/wisegeek/public_html/framework/classes/FormDataControl.php(87): Control->renderTemplate()
#8 /ssd/www/wisegeek/public_html/framework/classes/Control.php(109): FormDataControl->renderTemplate()
#9 /ssd/www/wisegeek/public_html/framework/classes/ScriptPage.php(50): Control->render(false)
#10 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): ScriptPage->render()
#11 /ssd/www/wisegeek/public_html/framework/classes/Page.php(97): Control->__toString()
#12 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(443): Page->processRequest()
#13 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(7): PublicFrontController->renderPage()
#14 /ssd/www/wisegeek/public_html/index.php(11): PublicFrontController::run()
#15 {main}