SlideShare a Scribd company logo
1 of 10
Computer game graphics


Pixel art (2D sprites, 3D isometric sprites)

Pixel art is a form of digital art created through the use of raster computer software, where
images are edited on the pixel level. Graphics in most old computer/video games and most
mobile phone games are mostly pixel art.




Originally, sprites were a method of integrating unrelated bitmaps so that they appeared to
be part of the normal bitmap on a screen, such as creating an animated character that can
be moved on a screen without altering the data defining the overall screen. Such sprites can
be created by either circuitry or software. In circuitry, a sprite is a hardware construct that
employs custom DMA channels to integrate visual elements with the main screen in that it
super-imposes two discrete video sources. Software can simulate this through specialized
rendering methods. The evolution of read only memory gave gaming companies the ability
to use sprites. Sprites need a special background engine; this was implemented especially
within the CPU.

As three-dimensional graphics became more prevalent,
the term was used to describe a technique whereby flat
images are seamlessly integrated into complicated
three-dimensional scenes.




Environment is the overall structure in which a program
operates.
In computer graphics 2D sprite is a 2d image or animation integrated into a larger scene. It
is a computer graphic that maybe moved on screen and otherwise manipulated as a single
entity.

Prior to computer games with controls such as arcade games e.g. Metal slug, games were
controlled through text. They consisted of very few graphics if any. They are controlled
through written words and/or random numbers. This can be done using binary code


   Roto-scoping: The filmed performances of live actors were sometimes used for creating
    sprites, most famously in the case ‘Prince of Persia’ which added a relative element of
    realism to a platform game. The method was used in a number of other Fighting games,
    mostly in the mid-1990s.
   Claymation or the use of possible models which were used for characters that could not
    be portrayed by actors. Famous early examples include ‘Goro’ of ‘Mortal Kombat’ and
    various enemies from Doom. Used to a greater extent in games like Clay Fighter.
   Pre-rendered CGI models: Introduced by Rise of the Robots and made famous
    by Donkey Kong Country, and later used to a great extent in PC real-time
    strategy and role-playing video game games prior to the move to true 3D. Since
    computers of the day could not run complex 3D graphics, footage of pre-rendered
    three-dimensional character models were often used which created a (relative) illusion
    of 3D.


Computer graphics can be used to describe anything on a computer that isn’t sound or text.
This is still applicable to computer games; it just describes everything that isn’t sound or text
within the game.

Detailed visual representation, like that obtained in a photograph, in a non-photographic
medium such as animation or computer graphics.

An abstraction layer is the way of hiding implementation details of a particular set of
functionality.

Concept art is all pre-production art made before animation begins. This is where an
employer will ask an artist to draw what they describe; the artist will draw a variety of
versions of what the employer has asked for. The employer then looks at the range of
drawings and chooses different parts of each drawing to then create the final design. This
final design will then be generated and used in game.
Texture art is a combination of the features on everything within the game – this ranges
from: eyes, ears and lips of the character to the buildings and lampposts – and the shadows
and textures on these objects. So the skin is added to the character and then the skin is then
given texture, so, hairs, tone, wrinkles and colour. This makes everything look a lot more
real and life like. It is an element of two-dimensional and three-dimensional design and is
distinguished by its perceived visual and physical properties.It is basically what is put on top
of the base figure of a model that ‘gives it life’.
Background graphics is the area of a display screen not covered by characters and graphics.
The background is like a canvas on top of which characters and graphics are placed. Some
monitors allow you to control the colour or shading of the background.

The in-game interface also known as the ‘HUD’ (Heads Up Display) refers to basically
everything you can see on your screen related to your ‘character’. This includes the health
bar, mini-map, ammunition etc.(Depending on the game). ‘Heads-Up Display’ is an object,
usually scripted, that attaches to your screen rather than to your avatar. HUDs are often
used to control other scripted objects, providing an additional "push-button" interface for it.
An in-game interface allows the player and world to interact as one. Without it you would
have a world separated from the player.




Print media art is everything to do with the advertisement and sale of the product that is
printed. This includes: posters, game packing, box cover, manual and the label.
The print media art can be used as an incentive to pay more for the product. As you can see
in the picture you get more than just the game for the right price. It can include such things
as a more sophisticated case - with this copy of ‘halo wars legendary edition’ you get a
metal case with different images on, along with a place mat, exclusive art work of the main
character’s as well as concept art which can also be a type of print media art - . Other print
media art can include posters which is just a form of advertising such as this poster for the
‘Doom’ video game.




Pixel




A picture Element or Pixel is a single point in a raster image, or the smallest addressable
screen element in a display device. It can be represented as dots or smooth filtering but
most of the time it is represented as small squares. Everything on your computer screen or
TV is made up of pixels the more pixels per inch the better the quality of the image. The
resolution refers to the amount of pixels within the picture. Intensity in terms of computer
graphics is the brightness and sharpness of a colour. This picture has a resolution of 640 ×
426. This means there is 640 picture elements by 426 picture elements (Pixels).
As you can tell when the image is stretched enough the quality of the picture decreases this
is due to the amount of pixels per inch. When the image is enlarged the amount of pixels
stays the stay the same, they just get further apart. In the second image the black spots
have become blurry and fade into the red. This is a raster image as there

Raster images:

A Raster image is data structure representing a generally rectangular grid of pixels, or points
of color, viewable via a monitor, paper, or other display medium. Raster images are stored
in image files with varying formats such as .Sprite, .Qif, .Blz.



File Extensions:

Lossy compression refers to data compression techniques in which some amount of data is
lost. Lossy compression technologies attempt to eliminate redundant or unnecessary
information.
Lossless Compression:

Lossless compression "packs data" into a smaller file size by using a kind of internal
shorthand to signify redundant data. If an original file is 1.5MB (megabytes), lossless
compression can reduce it to about half that size, depending on the type of file being
compressed. This makes lossless compression convenient for transferring files across the
Internet, as smaller files transfer faster. Lossless compression is also handy for storing files
as they take up less room.



Most lossless compression programs do two things in
sequence: the first step generates a statistical model
for the input data, and the second step uses this model
to map input data to bit sequences in such a way that
"probable" (e.g. frequently encountered) data will
produce shorter output than "improbable" data.image
file formats, like PNG or GIF, use only lossless
compression, while others like TIFF and MNG may use
either lossless or lossy methods.

Lossy compression:

This is another way to compress files except this way image quality is lost. This technique of
compression simply gets rid of unnecessary bits data. This type of compression is mainly
used to reduce the size of bitmap pictures which are usually fairly large.




Image capture:

Image Capture is a way in which users can upload images from their digital camera and/or
scanner directly to the computer or the network. The main way to capture images or
sequences is with a digital camera, which can take still
photographs or videos. This is done using an electronic image
sensor. Nearly all cameras now are digital and is the main
equipment used by photographers.

Digital cameras can do things film cameras cant. They have the
ability to show the photograph’s you have taken that’s the same
for videos too. You can also store a lot more pictures/videos
compared to film cameras using a SD memory card, which can
have a capacity of up to 32GB with the ability to hold up to 16,840 pictures.



Image scanners are often used to scan documents and images
which allow you to get a paper based document onto a
computer. The scanned image can then be used in an email,
transferring to another memory unit or simply printing
another copy. It can be used as any other document on a
computer. They can also be used to scan 3d objects such as
this rhino which can then be viewed as a photograph. Image
scanners can optically scan handwriting, objects, printed text
and images.

The basic types of image scanners are hand, film, flatbed and
drum scanners. Flatbed scanners are known as Xerox
machine. This is where a document is placed on a glass pane
and lowered over it then a sensor and light moves along the
glass reflecting off the document placed on the glass. The
opaque cover stops other light from interfering and the image
becomes visible the sensor.Lossy compression is used to
compress photographs which are scanned and put onto your
computer, this could be used as a bitmap for a computer
game.



Graphics tablet:
A graphics tablet is an input device which allows users to the
hand draw images or text as they could with a pencil and
paper. These tablets can also be used to record someone’s
signature for things like signed postal deliveries. You can input
data by ‘digitizing’ this is where an image is either traced or by entering the corners of linear
poly-lines or shapes. This can be used to trace or draw a sprite or image straight onto a
computer and use it in-game as a character.

Bit-depth:
Bit-depth refers to the number of bits used to represent a colour in a pixel. The more bits to
represent the colour means a more intense picture element and therefore an overall more
intense picture. There are many different types of bit colour and over the years the quality
has got better. There has been 1bit colour which it fairly poor quality, then there’s 2 bit,
4bit, 8bit, 16bit, 18bit which is used on most LCD and CRT displays and then there’s true
colour
Bibliography
Abstraction layer. (2011, 09 06). Retrieved from wikipedia:
       http://en.wikipedia.org/wiki/Abstraction_layer

Concept art. (2011, 09 07). Retrieved from wikipedia: en.wikipedia.org/wiki/Concept_art

enviroment. (2011, 09 06). Retrieved from google dictionary:
       http://www.google.co.uk/#hl=en&safe=off&q=environment&tbs=dfn:1&tbo=u&sa=
       X&ei=0mhmTs_pN8Wp8APYuNGrCg&ved=0CBsQkQ4&bav=on.2,or.r_gc.r_pw.&fp=3
       d8c1ef1a7c12238&biw=1333&bih=645

Lossys compresion. (2011, 09 20). Retrieved from webopedia:
        http://www.webopedia.com/TERM/L/lossy_compression.html

Photorealism. (2011, 09 06). Retrieved from wikipedia: en.wikipedia.org/wiki/Photorealism

Pixel. (2011, 09 13). Retrieved from wikipedia: http://en.wikipedia.org/wiki/Pixel

Pixel art. (2011, 09 06). Retrieved from en.wikipedia.org/wiki/Pixel_art:
        http://en.wikipedia.org/wiki/Pixel

Sprite (computer graphics). (2011, 09 06). Retrieved from wikipedia:
        http://en.wikipedia.org/wiki/Sprite_(computer_graphics)

Sprites. (2011, 09 06). Retrieved from wikepedia:
        en.wikipedia.org/wiki/Sprite_(computer_graphics)

Texture . (2011, 09 07). Retrieved from wikipedia:
       http://en.wikipedia.org/wiki/Texture_(visual_arts)#Visual
wikipedia. (2011, 09 20). Retrieved from lossless compression:
       http://en.wikipedia.org/wiki/Lossless_data_compression

More Related Content

What's hot

98 374 Lesson 03-slides
98 374 Lesson 03-slides98 374 Lesson 03-slides
98 374 Lesson 03-slidesTracie King
 
3D Animation Process and Workflow
3D Animation Process and Workflow3D Animation Process and Workflow
3D Animation Process and WorkflowGridway Digital
 
Worthy To Note About 2D & 3D Modeling
Worthy To Note About 2D & 3D ModelingWorthy To Note About 2D & 3D Modeling
Worthy To Note About 2D & 3D ModelingAnimation Kolkata
 
3Ds MAX & INTRODUCTION TO ANIMATION IN AUTODESK 3Ds MAX
3Ds MAX & INTRODUCTION TO ANIMATION IN  AUTODESK 3Ds MAX3Ds MAX & INTRODUCTION TO ANIMATION IN  AUTODESK 3Ds MAX
3Ds MAX & INTRODUCTION TO ANIMATION IN AUTODESK 3Ds MAXAbhiram Chakravadhanula
 
Bitmap vs vector (report document)
Bitmap vs vector (report document)Bitmap vs vector (report document)
Bitmap vs vector (report document)eduriez
 
Graphic styles
Graphic stylesGraphic styles
Graphic stylesxChiip
 
Artificial intelligence in gaming.
Artificial intelligence in gaming.Artificial intelligence in gaming.
Artificial intelligence in gaming.Rishikese MR
 
2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTE
2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTE2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTE
2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTEAnimation Kolkata
 
3D modelling and animation using Autodesk maya
3D modelling and animation using Autodesk maya3D modelling and animation using Autodesk maya
3D modelling and animation using Autodesk mayaParvesh Taneja
 
3d tecnnology
3d tecnnology3d tecnnology
3d tecnnologykingraj01
 
Mechanical 3D product animation – Development Process
Mechanical 3D product animation – Development ProcessMechanical 3D product animation – Development Process
Mechanical 3D product animation – Development ProcessSowmiya Siva
 
3D Modeling and Texturing Walkthrough
3D Modeling and Texturing Walkthrough3D Modeling and Texturing Walkthrough
3D Modeling and Texturing WalkthroughMartin Reimer
 

What's hot (19)

98 374 Lesson 03-slides
98 374 Lesson 03-slides98 374 Lesson 03-slides
98 374 Lesson 03-slides
 
Graphic types
Graphic typesGraphic types
Graphic types
 
3D Animation Process and Workflow
3D Animation Process and Workflow3D Animation Process and Workflow
3D Animation Process and Workflow
 
Worthy To Note About 2D & 3D Modeling
Worthy To Note About 2D & 3D ModelingWorthy To Note About 2D & 3D Modeling
Worthy To Note About 2D & 3D Modeling
 
Keyboard
KeyboardKeyboard
Keyboard
 
3DS Max - Presentation
3DS Max - Presentation3DS Max - Presentation
3DS Max - Presentation
 
Animation Intraduction
Animation IntraductionAnimation Intraduction
Animation Intraduction
 
3Ds MAX & INTRODUCTION TO ANIMATION IN AUTODESK 3Ds MAX
3Ds MAX & INTRODUCTION TO ANIMATION IN  AUTODESK 3Ds MAX3Ds MAX & INTRODUCTION TO ANIMATION IN  AUTODESK 3Ds MAX
3Ds MAX & INTRODUCTION TO ANIMATION IN AUTODESK 3Ds MAX
 
Bitmap vs vector (report document)
Bitmap vs vector (report document)Bitmap vs vector (report document)
Bitmap vs vector (report document)
 
Animation2 ncii
Animation2 nciiAnimation2 ncii
Animation2 ncii
 
Animation ncll
Animation ncllAnimation ncll
Animation ncll
 
Graphic styles
Graphic stylesGraphic styles
Graphic styles
 
Artificial intelligence in gaming.
Artificial intelligence in gaming.Artificial intelligence in gaming.
Artificial intelligence in gaming.
 
2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTE
2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTE2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTE
2D Vs 3DANIMATION WITH BEST ANIMATION INSTITUTE
 
3D modelling and animation using Autodesk maya
3D modelling and animation using Autodesk maya3D modelling and animation using Autodesk maya
3D modelling and animation using Autodesk maya
 
3d tecnnology
3d tecnnology3d tecnnology
3d tecnnology
 
Mechanical 3D product animation – Development Process
Mechanical 3D product animation – Development ProcessMechanical 3D product animation – Development Process
Mechanical 3D product animation – Development Process
 
Unit v
Unit vUnit v
Unit v
 
3D Modeling and Texturing Walkthrough
3D Modeling and Texturing Walkthrough3D Modeling and Texturing Walkthrough
3D Modeling and Texturing Walkthrough
 

Similar to Computer game graphics

Graphic investigation
Graphic investigationGraphic investigation
Graphic investigationdnech1409
 
Pixel and resolution
Pixel and resolutionPixel and resolution
Pixel and resolutionDamionVize
 
Pixel and resolution
Pixel and resolutionPixel and resolution
Pixel and resolutionrosstapher
 
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The BasicsHA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basicshamza_123456
 
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The BasicsHA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basicshamza_123456
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Unit 13 assignment 1 report
Unit 13 assignment 1 reportUnit 13 assignment 1 report
Unit 13 assignment 1 reporthaverstockmedia
 
Digital Image File Formats
Digital Image File FormatsDigital Image File Formats
Digital Image File Formatsindiangarg
 
Graphic input device
Graphic input deviceGraphic input device
Graphic input deviceUra Euro
 
vfxnew-170705084032 (1) (1).pdf
vfxnew-170705084032 (1) (1).pdfvfxnew-170705084032 (1) (1).pdf
vfxnew-170705084032 (1) (1).pdfHeenaSyed6
 
Graphics flashcards
Graphics flashcardsGraphics flashcards
Graphics flashcardselizadbc1
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhadilasharif
 
Input devices in computer graphics
Input devices in computer graphicsInput devices in computer graphics
Input devices in computer graphicsAnu Garg
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphicsPartnered Health
 

Similar to Computer game graphics (20)

Graphic investigation
Graphic investigationGraphic investigation
Graphic investigation
 
Pixel and resolution
Pixel and resolutionPixel and resolution
Pixel and resolution
 
Pixel and resolution
Pixel and resolutionPixel and resolution
Pixel and resolution
 
Task 3
Task 3Task 3
Task 3
 
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The BasicsHA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
 
3D - The Basics
3D - The Basics 3D - The Basics
3D - The Basics
 
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The BasicsHA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
HA5 – COMPUTER ARTS BLOG ARTICLE – 3D: The Basics
 
Pixel art
Pixel artPixel art
Pixel art
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Unit 13 assignment 1 report
Unit 13 assignment 1 reportUnit 13 assignment 1 report
Unit 13 assignment 1 report
 
Beekman5 std ppt_07
Beekman5 std ppt_07Beekman5 std ppt_07
Beekman5 std ppt_07
 
Digital Image File Formats
Digital Image File FormatsDigital Image File Formats
Digital Image File Formats
 
Graphic input device
Graphic input deviceGraphic input device
Graphic input device
 
Visual Effects (VFX)
Visual Effects (VFX)Visual Effects (VFX)
Visual Effects (VFX)
 
vfxnew-170705084032 (1) (1).pdf
vfxnew-170705084032 (1) (1).pdfvfxnew-170705084032 (1) (1).pdf
vfxnew-170705084032 (1) (1).pdf
 
Computer graphics1
Computer graphics1Computer graphics1
Computer graphics1
 
Graphics flashcards
Graphics flashcardsGraphics flashcards
Graphics flashcards
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Input devices in computer graphics
Input devices in computer graphicsInput devices in computer graphics
Input devices in computer graphics
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
 

Recently uploaded

(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)twfkn8xj
 
Call Girl Price Andheri WhatsApp:+91-9833363713
Call Girl Price Andheri WhatsApp:+91-9833363713Call Girl Price Andheri WhatsApp:+91-9833363713
Call Girl Price Andheri WhatsApp:+91-9833363713Sonam Pathan
 
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...Amil Baba Dawood bangali
 
Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...
Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...
Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...Amil Baba Company
 
Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170Sonam Pathan
 
GRADE 7 NEW PPT ENGLISH 1 [Autosaved].pp
GRADE 7 NEW PPT ENGLISH 1 [Autosaved].ppGRADE 7 NEW PPT ENGLISH 1 [Autosaved].pp
GRADE 7 NEW PPT ENGLISH 1 [Autosaved].ppJasmineLinogon
 
NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...
NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...
NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...Amil baba
 
Vip Delhi Ncr Call Girls Best Services Available
Vip Delhi Ncr Call Girls Best Services AvailableVip Delhi Ncr Call Girls Best Services Available
Vip Delhi Ncr Call Girls Best Services AvailableKomal Khan
 
Zoom In Game for ice breaking in a training
Zoom In Game for ice breaking in a trainingZoom In Game for ice breaking in a training
Zoom In Game for ice breaking in a trainingRafik ABDI
 
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzersQUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzersSJU Quizzers
 
定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一
定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一
定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一lvtagr7
 
NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...
NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...
NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...Amil Baba Company
 
The Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty VixenThe Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty VixenSalty Vixen Stories & More
 
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...Amil Baba Company
 
Deconstruction theory ppt easy ppt for ms
Deconstruction theory ppt easy ppt for msDeconstruction theory ppt easy ppt for ms
Deconstruction theory ppt easy ppt for mshudamushtaq259
 
Gripping Adult Web Series You Can't Afford to Miss
Gripping Adult Web Series You Can't Afford to MissGripping Adult Web Series You Can't Afford to Miss
Gripping Adult Web Series You Can't Afford to Missget joys
 
Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...
Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...
Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...Amil Baba Company
 
NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...
NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...
NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...Amil Baba Dawood bangali
 
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证gwhohjj
 

Recently uploaded (20)

(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)
 
Call Girl Price Andheri WhatsApp:+91-9833363713
Call Girl Price Andheri WhatsApp:+91-9833363713Call Girl Price Andheri WhatsApp:+91-9833363713
Call Girl Price Andheri WhatsApp:+91-9833363713
 
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
 
Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...
Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...
Amil baba in Pakistan amil baba Karachi amil baba in pakistan amil baba in la...
 
Environment Handling Presentation by Likhon Ahmed.pptx
Environment Handling Presentation by Likhon Ahmed.pptxEnvironment Handling Presentation by Likhon Ahmed.pptx
Environment Handling Presentation by Likhon Ahmed.pptx
 
Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170
 
GRADE 7 NEW PPT ENGLISH 1 [Autosaved].pp
GRADE 7 NEW PPT ENGLISH 1 [Autosaved].ppGRADE 7 NEW PPT ENGLISH 1 [Autosaved].pp
GRADE 7 NEW PPT ENGLISH 1 [Autosaved].pp
 
NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...
NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...
NO1 Certified Black magic/kala jadu,manpasand shadi in lahore,karachi rawalpi...
 
Vip Delhi Ncr Call Girls Best Services Available
Vip Delhi Ncr Call Girls Best Services AvailableVip Delhi Ncr Call Girls Best Services Available
Vip Delhi Ncr Call Girls Best Services Available
 
Zoom In Game for ice breaking in a training
Zoom In Game for ice breaking in a trainingZoom In Game for ice breaking in a training
Zoom In Game for ice breaking in a training
 
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzersQUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
 
定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一
定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一
定制(UofT毕业证书)加拿大多伦多大学毕业证成绩单原版一比一
 
NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...
NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...
NO,1 Amil baba in Lahore Astrologer in Karachi amil baba in pakistan amil bab...
 
The Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty VixenThe Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty Vixen
 
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
 
Deconstruction theory ppt easy ppt for ms
Deconstruction theory ppt easy ppt for msDeconstruction theory ppt easy ppt for ms
Deconstruction theory ppt easy ppt for ms
 
Gripping Adult Web Series You Can't Afford to Miss
Gripping Adult Web Series You Can't Afford to MissGripping Adult Web Series You Can't Afford to Miss
Gripping Adult Web Series You Can't Afford to Miss
 
Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...
Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...
Amil Baba in karachi Kala jadu Expert Amil baba Black magic Specialist in Isl...
 
NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...
NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...
NO1 WorldWide Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi ...
 
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
 

Computer game graphics

  • 1. Computer game graphics Pixel art (2D sprites, 3D isometric sprites) Pixel art is a form of digital art created through the use of raster computer software, where images are edited on the pixel level. Graphics in most old computer/video games and most mobile phone games are mostly pixel art. Originally, sprites were a method of integrating unrelated bitmaps so that they appeared to be part of the normal bitmap on a screen, such as creating an animated character that can be moved on a screen without altering the data defining the overall screen. Such sprites can be created by either circuitry or software. In circuitry, a sprite is a hardware construct that employs custom DMA channels to integrate visual elements with the main screen in that it super-imposes two discrete video sources. Software can simulate this through specialized rendering methods. The evolution of read only memory gave gaming companies the ability to use sprites. Sprites need a special background engine; this was implemented especially within the CPU. As three-dimensional graphics became more prevalent, the term was used to describe a technique whereby flat images are seamlessly integrated into complicated three-dimensional scenes. Environment is the overall structure in which a program operates.
  • 2. In computer graphics 2D sprite is a 2d image or animation integrated into a larger scene. It is a computer graphic that maybe moved on screen and otherwise manipulated as a single entity. Prior to computer games with controls such as arcade games e.g. Metal slug, games were controlled through text. They consisted of very few graphics if any. They are controlled through written words and/or random numbers. This can be done using binary code  Roto-scoping: The filmed performances of live actors were sometimes used for creating sprites, most famously in the case ‘Prince of Persia’ which added a relative element of realism to a platform game. The method was used in a number of other Fighting games, mostly in the mid-1990s.  Claymation or the use of possible models which were used for characters that could not be portrayed by actors. Famous early examples include ‘Goro’ of ‘Mortal Kombat’ and various enemies from Doom. Used to a greater extent in games like Clay Fighter.  Pre-rendered CGI models: Introduced by Rise of the Robots and made famous by Donkey Kong Country, and later used to a great extent in PC real-time strategy and role-playing video game games prior to the move to true 3D. Since computers of the day could not run complex 3D graphics, footage of pre-rendered three-dimensional character models were often used which created a (relative) illusion of 3D. Computer graphics can be used to describe anything on a computer that isn’t sound or text. This is still applicable to computer games; it just describes everything that isn’t sound or text within the game. Detailed visual representation, like that obtained in a photograph, in a non-photographic medium such as animation or computer graphics. An abstraction layer is the way of hiding implementation details of a particular set of functionality. Concept art is all pre-production art made before animation begins. This is where an employer will ask an artist to draw what they describe; the artist will draw a variety of versions of what the employer has asked for. The employer then looks at the range of drawings and chooses different parts of each drawing to then create the final design. This final design will then be generated and used in game.
  • 3. Texture art is a combination of the features on everything within the game – this ranges from: eyes, ears and lips of the character to the buildings and lampposts – and the shadows and textures on these objects. So the skin is added to the character and then the skin is then given texture, so, hairs, tone, wrinkles and colour. This makes everything look a lot more real and life like. It is an element of two-dimensional and three-dimensional design and is distinguished by its perceived visual and physical properties.It is basically what is put on top of the base figure of a model that ‘gives it life’.
  • 4. Background graphics is the area of a display screen not covered by characters and graphics. The background is like a canvas on top of which characters and graphics are placed. Some monitors allow you to control the colour or shading of the background. The in-game interface also known as the ‘HUD’ (Heads Up Display) refers to basically everything you can see on your screen related to your ‘character’. This includes the health bar, mini-map, ammunition etc.(Depending on the game). ‘Heads-Up Display’ is an object, usually scripted, that attaches to your screen rather than to your avatar. HUDs are often used to control other scripted objects, providing an additional "push-button" interface for it. An in-game interface allows the player and world to interact as one. Without it you would have a world separated from the player. Print media art is everything to do with the advertisement and sale of the product that is printed. This includes: posters, game packing, box cover, manual and the label.
  • 5. The print media art can be used as an incentive to pay more for the product. As you can see in the picture you get more than just the game for the right price. It can include such things as a more sophisticated case - with this copy of ‘halo wars legendary edition’ you get a metal case with different images on, along with a place mat, exclusive art work of the main character’s as well as concept art which can also be a type of print media art - . Other print media art can include posters which is just a form of advertising such as this poster for the ‘Doom’ video game. Pixel A picture Element or Pixel is a single point in a raster image, or the smallest addressable screen element in a display device. It can be represented as dots or smooth filtering but most of the time it is represented as small squares. Everything on your computer screen or TV is made up of pixels the more pixels per inch the better the quality of the image. The resolution refers to the amount of pixels within the picture. Intensity in terms of computer graphics is the brightness and sharpness of a colour. This picture has a resolution of 640 × 426. This means there is 640 picture elements by 426 picture elements (Pixels).
  • 6. As you can tell when the image is stretched enough the quality of the picture decreases this is due to the amount of pixels per inch. When the image is enlarged the amount of pixels stays the stay the same, they just get further apart. In the second image the black spots have become blurry and fade into the red. This is a raster image as there Raster images: A Raster image is data structure representing a generally rectangular grid of pixels, or points of color, viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats such as .Sprite, .Qif, .Blz. File Extensions: Lossy compression refers to data compression techniques in which some amount of data is lost. Lossy compression technologies attempt to eliminate redundant or unnecessary information.
  • 7. Lossless Compression: Lossless compression "packs data" into a smaller file size by using a kind of internal shorthand to signify redundant data. If an original file is 1.5MB (megabytes), lossless compression can reduce it to about half that size, depending on the type of file being compressed. This makes lossless compression convenient for transferring files across the Internet, as smaller files transfer faster. Lossless compression is also handy for storing files as they take up less room. Most lossless compression programs do two things in sequence: the first step generates a statistical model for the input data, and the second step uses this model to map input data to bit sequences in such a way that "probable" (e.g. frequently encountered) data will produce shorter output than "improbable" data.image file formats, like PNG or GIF, use only lossless compression, while others like TIFF and MNG may use either lossless or lossy methods. Lossy compression: This is another way to compress files except this way image quality is lost. This technique of compression simply gets rid of unnecessary bits data. This type of compression is mainly used to reduce the size of bitmap pictures which are usually fairly large. Image capture: Image Capture is a way in which users can upload images from their digital camera and/or scanner directly to the computer or the network. The main way to capture images or sequences is with a digital camera, which can take still photographs or videos. This is done using an electronic image sensor. Nearly all cameras now are digital and is the main equipment used by photographers. Digital cameras can do things film cameras cant. They have the ability to show the photograph’s you have taken that’s the same for videos too. You can also store a lot more pictures/videos compared to film cameras using a SD memory card, which can
  • 8. have a capacity of up to 32GB with the ability to hold up to 16,840 pictures. Image scanners are often used to scan documents and images which allow you to get a paper based document onto a computer. The scanned image can then be used in an email, transferring to another memory unit or simply printing another copy. It can be used as any other document on a computer. They can also be used to scan 3d objects such as this rhino which can then be viewed as a photograph. Image scanners can optically scan handwriting, objects, printed text and images. The basic types of image scanners are hand, film, flatbed and drum scanners. Flatbed scanners are known as Xerox machine. This is where a document is placed on a glass pane and lowered over it then a sensor and light moves along the glass reflecting off the document placed on the glass. The opaque cover stops other light from interfering and the image becomes visible the sensor.Lossy compression is used to compress photographs which are scanned and put onto your computer, this could be used as a bitmap for a computer game. Graphics tablet: A graphics tablet is an input device which allows users to the hand draw images or text as they could with a pencil and paper. These tablets can also be used to record someone’s signature for things like signed postal deliveries. You can input data by ‘digitizing’ this is where an image is either traced or by entering the corners of linear poly-lines or shapes. This can be used to trace or draw a sprite or image straight onto a computer and use it in-game as a character. Bit-depth: Bit-depth refers to the number of bits used to represent a colour in a pixel. The more bits to represent the colour means a more intense picture element and therefore an overall more intense picture. There are many different types of bit colour and over the years the quality has got better. There has been 1bit colour which it fairly poor quality, then there’s 2 bit, 4bit, 8bit, 16bit, 18bit which is used on most LCD and CRT displays and then there’s true colour
  • 9. Bibliography Abstraction layer. (2011, 09 06). Retrieved from wikipedia: http://en.wikipedia.org/wiki/Abstraction_layer Concept art. (2011, 09 07). Retrieved from wikipedia: en.wikipedia.org/wiki/Concept_art enviroment. (2011, 09 06). Retrieved from google dictionary: http://www.google.co.uk/#hl=en&safe=off&q=environment&tbs=dfn:1&tbo=u&sa= X&ei=0mhmTs_pN8Wp8APYuNGrCg&ved=0CBsQkQ4&bav=on.2,or.r_gc.r_pw.&fp=3 d8c1ef1a7c12238&biw=1333&bih=645 Lossys compresion. (2011, 09 20). Retrieved from webopedia: http://www.webopedia.com/TERM/L/lossy_compression.html Photorealism. (2011, 09 06). Retrieved from wikipedia: en.wikipedia.org/wiki/Photorealism Pixel. (2011, 09 13). Retrieved from wikipedia: http://en.wikipedia.org/wiki/Pixel Pixel art. (2011, 09 06). Retrieved from en.wikipedia.org/wiki/Pixel_art: http://en.wikipedia.org/wiki/Pixel Sprite (computer graphics). (2011, 09 06). Retrieved from wikipedia: http://en.wikipedia.org/wiki/Sprite_(computer_graphics) Sprites. (2011, 09 06). Retrieved from wikepedia: en.wikipedia.org/wiki/Sprite_(computer_graphics) Texture . (2011, 09 07). Retrieved from wikipedia: http://en.wikipedia.org/wiki/Texture_(visual_arts)#Visual
  • 10. wikipedia. (2011, 09 20). Retrieved from lossless compression: http://en.wikipedia.org/wiki/Lossless_data_compression