SlideShare a Scribd company logo
1 of 97
1

(Introduction to
Computer Graphics)
1.
2.

3.

4.

5.

6.

7.
(Computer Graphics)




(processor)
      (Peripheral)
(Computer Graphics)   (CG)
. . 1940


   . . 1950
      (MIT)
Whirlwind             CRT (Cathode
Ray Tube)
     SAGE (Semi - Automatic Ground
Environment)
Whirlwind   MIT
. . 1950 - 1960



. . 1963
            (Ivan Sutherland)
CRT




  . . 1960       1963
             Sketchpad

Sketchpad         CRT,
Sketchpad
. . 1965

(IBM)
                100,000
   . . 1968                      (Tektronix)

                (Storage - Tube CRT)

                       (   15,000
        )                       5
            . . 1970
(Steven Coons, 1966)
     (Pierre Bazier, 1972)

                      3

10





           ENIAC

    EDVAC           UNIVAC




                             SAGE
       GUI
EN
(Bit mapped)

         (1               0
    )



       Picture Element (Pixel)
                 (Resolution)


              X
    Y




        ( )                      ( )
(Vector)
      . . 1979
                               (GSPC :
    Graphic Standard Planning Committee)


                          CORE (Core
    Graphic System)
                      3

                                (DIN : West
    German National Standard)
   GKS
    2

          GKS
                                    GKS
                 3
     . . 1982       GKS

                           (International
    Graphics Community)
             CORE   GKS

                  PHIGS (Programmer's
    Hierarchical Interface Graphics Standard)

                      3



                          (Interactive
    Graphics Environment)       CAD/CAM
                      (Solid Model)
                   (Simulation)
              PHIGS
                        PHIGS+

    GKS        GKS-3D
                           Silicon
    Graphics
                                      GL
  (Graphics Library)
             GL

                      GL
    OpenGL (Open Graphics Library)

            (hardware-independent)

                   OpenGL Architecture
    Review Board

             OpenGL
   (Package)





Photoshop CS   D

















(Simulation)
CAD : Computer - Aided
Design )
Graph)
Art)
CAI : Computer
Assisted Instruction)
Animation)
(Image Processing)
(Simulation)
(Games)
(Movie)
(Multimedia)
(VR : Virtual Reality)
(Devices in Graphics
System)
1.
2.

3.

4.

 .

 .
(Input devices)




(Output devices)

CRT           )
:

(Keyboard) :




                   ECMA-23
:




Dvorak       Elite
:

                       (Mouse &
Trackball) :
                          (icon)

               (Mechanical)
              (Optical)
: LightPens &
          Touchscreens

                 (LightPens &
Touchscreens)
                           (phosphor)
: LightPens &
       Touchscreens

                      (Photonic)
(Electrical)
: Bit Pad /
           Digitizing Tablet

Bit Pad      Digitizing Tablet :

stylus     puck

    puck
                  X-Y
puck
:
  (Joystick)
(Joystick) :
:
 (Scanner)
(Scanner) :
API (Application Programming Interface)




                         (Operating
Systems)      API
(Device Dependent)


(Device Independent)
(Output Device)

                  CRT (Cathode Ray
Tube)
(Raster-
Scan Architecture)

                          ” (Video
   Controller)
   (Display Controller)
(Video
Controller)
(Video
           Controller)




                   OpenGL)
x
y

    xmax
            ymax
(Video
    Controller)



         x
y

                       CRT
                       x


         x
y
(Video
Controller)
(Display
Processor)

               (Graphic Controller)
                          (Display
Coprocessor)
scan conversion
(Raster Scan)
CRT




            ” (scan line)

      -


                        ”
(Raster Scan)




                          ”
(color buffer)
(Raster Scan)
(Random Scan)
                            (Random
Scan)
        CRT




                          (vector)
stroke-writing   calligraphic
(Random Scan)
CRT




                     ” (beam-
penetration)
CRT




(beam acceleration
CRT

Shadow-mask

Shadow-mask


       (R )     (G)   (B)
              “RGB”
CRT

Shadow-mask         -
        CRT
Shadow-mask

                        Shadow-mask




      Shadow-mask

                (in-line)
              -       -
CRT




Shadow-mask   -
(Flat-Panel Display)

(Flat-panel Display)
            ,
                       CRT
                             CRT



        ,                    ,
  (Flat-Panel Display)
        ,
(Flat-Panel Display)

                                2
          emissive
nonemissive
          emissive (     emitter)

                (plasma),      thin-film
electroluminescent     light-emitting
diodes
            nonemissive (     nonemitter)
(Plasma Panel)

(Plasma Panel)
 gas-discharge
                 2
(Plasma Panel)
Thin-film
      electroluminescent
       Thin-film electroluminescent




(electrode)
Thin-film
electroluminescent




              Thin-film electrolum
LED (Light-Emitting Diodes)

  LED (Light-Emitting Diodes)
   emissive




CRT
LED (Light-Emitting
  Diodes)




         LED          LE
LCD

LCD (Liquid Crystal Display)




       LCD
LCD

        LCD
     active-matrix LCD (AMLCD)
         TFT (Thin Film Transistor)
     passive-matrix LCD            STN
  (Super Twisted Nematic)      DSTN (Dual-
  Scan Twisted Nematic)



              LCD      TFT
    active
LCD




LCD
3
CRT




CRT
Genisco SpaceGraph
                  25x25x25 . .

    2



         (ultrasonography)
          CRT
3
(Stereoscopic)


3

             3
(   )



        3
3
3
(Headset)
    (optical system)
3


           (sensing system)
(Data grove)
3
           (head-tracking device)

                  (ultrasound tracking
device)                     6
(Printer)
(Printer) :
(Plotter)
(Plotter) :

     (A       A
Introduction to Computer Graphics Fundamentals

More Related Content

What's hot

Geometry Shader-based Bump Mapping Setup
Geometry Shader-based Bump Mapping SetupGeometry Shader-based Bump Mapping Setup
Geometry Shader-based Bump Mapping SetupMark Kilgard
 
Implementing a modern, RenderMan compliant, REYES renderer
Implementing a modern, RenderMan compliant, REYES rendererImplementing a modern, RenderMan compliant, REYES renderer
Implementing a modern, RenderMan compliant, REYES rendererDavide Pasca
 
Vector Distance Transform Maps for Autonomous Mobile Robot Navigation
Vector Distance Transform Maps for Autonomous Mobile Robot NavigationVector Distance Transform Maps for Autonomous Mobile Robot Navigation
Vector Distance Transform Maps for Autonomous Mobile Robot NavigationJanindu Arukgoda
 
HPG 2018 - Game Ray Tracing: State-of-the-Art and Open Problems
HPG 2018 - Game Ray Tracing: State-of-the-Art and Open ProblemsHPG 2018 - Game Ray Tracing: State-of-the-Art and Open Problems
HPG 2018 - Game Ray Tracing: State-of-the-Art and Open ProblemsElectronic Arts / DICE
 
Image ORB feature
Image ORB featureImage ORB feature
Image ORB featureGavin Gao
 
CUDA by Example : Constant Memory and Events : Notes
CUDA by Example : Constant Memory and Events : NotesCUDA by Example : Constant Memory and Events : Notes
CUDA by Example : Constant Memory and Events : NotesSubhajit Sahu
 
Rendering Techniques in Rise of the Tomb Raider
Rendering Techniques in Rise of the Tomb RaiderRendering Techniques in Rise of the Tomb Raider
Rendering Techniques in Rise of the Tomb RaiderEidos-Montréal
 
Modern Graphics Pipeline Overview
Modern Graphics Pipeline OverviewModern Graphics Pipeline Overview
Modern Graphics Pipeline Overviewslantsixgames
 
Siggraph2016 - The Devil is in the Details: idTech 666
Siggraph2016 - The Devil is in the Details: idTech 666Siggraph2016 - The Devil is in the Details: idTech 666
Siggraph2016 - The Devil is in the Details: idTech 666Tiago Sousa
 
SPU Assisted Rendering
SPU Assisted RenderingSPU Assisted Rendering
SPU Assisted RenderingSteven Tovey
 
Lighting Shading by John Hable
Lighting Shading by John HableLighting Shading by John Hable
Lighting Shading by John HableNaughty Dog
 

What's hot (15)

BYO3D 2011: Construction
BYO3D 2011: ConstructionBYO3D 2011: Construction
BYO3D 2011: Construction
 
libGDX: Tiled Maps
libGDX: Tiled MapslibGDX: Tiled Maps
libGDX: Tiled Maps
 
Geometry Shader-based Bump Mapping Setup
Geometry Shader-based Bump Mapping SetupGeometry Shader-based Bump Mapping Setup
Geometry Shader-based Bump Mapping Setup
 
Implementing a modern, RenderMan compliant, REYES renderer
Implementing a modern, RenderMan compliant, REYES rendererImplementing a modern, RenderMan compliant, REYES renderer
Implementing a modern, RenderMan compliant, REYES renderer
 
Stereo and 3D Displays - Matt Hirsch
Stereo and 3D Displays - Matt HirschStereo and 3D Displays - Matt Hirsch
Stereo and 3D Displays - Matt Hirsch
 
Vector Distance Transform Maps for Autonomous Mobile Robot Navigation
Vector Distance Transform Maps for Autonomous Mobile Robot NavigationVector Distance Transform Maps for Autonomous Mobile Robot Navigation
Vector Distance Transform Maps for Autonomous Mobile Robot Navigation
 
HPG 2018 - Game Ray Tracing: State-of-the-Art and Open Problems
HPG 2018 - Game Ray Tracing: State-of-the-Art and Open ProblemsHPG 2018 - Game Ray Tracing: State-of-the-Art and Open Problems
HPG 2018 - Game Ray Tracing: State-of-the-Art and Open Problems
 
Image ORB feature
Image ORB featureImage ORB feature
Image ORB feature
 
Unencumbered 3D Displays
Unencumbered 3D DisplaysUnencumbered 3D Displays
Unencumbered 3D Displays
 
CUDA by Example : Constant Memory and Events : Notes
CUDA by Example : Constant Memory and Events : NotesCUDA by Example : Constant Memory and Events : Notes
CUDA by Example : Constant Memory and Events : Notes
 
Rendering Techniques in Rise of the Tomb Raider
Rendering Techniques in Rise of the Tomb RaiderRendering Techniques in Rise of the Tomb Raider
Rendering Techniques in Rise of the Tomb Raider
 
Modern Graphics Pipeline Overview
Modern Graphics Pipeline OverviewModern Graphics Pipeline Overview
Modern Graphics Pipeline Overview
 
Siggraph2016 - The Devil is in the Details: idTech 666
Siggraph2016 - The Devil is in the Details: idTech 666Siggraph2016 - The Devil is in the Details: idTech 666
Siggraph2016 - The Devil is in the Details: idTech 666
 
SPU Assisted Rendering
SPU Assisted RenderingSPU Assisted Rendering
SPU Assisted Rendering
 
Lighting Shading by John Hable
Lighting Shading by John HableLighting Shading by John Hable
Lighting Shading by John Hable
 

Similar to Introduction to Computer Graphics Fundamentals

บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2jibbie23
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2jibbie23
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2jibbie23
 
หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]
หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]
หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]Wirat TienMee
 
unit1_updated.pptx
unit1_updated.pptxunit1_updated.pptx
unit1_updated.pptxRYZEN14
 
สื่ออุปกรณ์คอมพิวเตอร์
สื่ออุปกรณ์คอมพิวเตอร์สื่ออุปกรณ์คอมพิวเตอร์
สื่ออุปกรณ์คอมพิวเตอร์mathawee wattana
 
Introduction to Computer graphics
Introduction to Computer graphicsIntroduction to Computer graphics
Introduction to Computer graphicsLOKESH KUMAR
 
มโนท ศน เทคโนโลย_ทางการศ_กษา
มโนท ศน เทคโนโลย_ทางการศ_กษามโนท ศน เทคโนโลย_ทางการศ_กษา
มโนท ศน เทคโนโลย_ทางการศ_กษาJulalak Kaewjoonla
 
CG simple openGL point & line-course 2
CG simple openGL point & line-course 2CG simple openGL point & line-course 2
CG simple openGL point & line-course 2fungfung Chen
 
CG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDY
CG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDYCG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDY
CG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDYVenneladonthireddy1
 
สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์
สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์
สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์mathawee wattana
 
ส่วนประกอบของคอมพิวเตอร์
ส่วนประกอบของคอมพิวเตอร์ส่วนประกอบของคอมพิวเตอร์
ส่วนประกอบของคอมพิวเตอร์weeranit
 
Computer Graphics
Computer GraphicsComputer Graphics
Computer GraphicsAdri Jovin
 
ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์Moo Fay Kiki
 
Graphics display-devicesmod-1
Graphics display-devicesmod-1Graphics display-devicesmod-1
Graphics display-devicesmod-1Praveen Kumar
 
Image Texture Analysis
Image Texture AnalysisImage Texture Analysis
Image Texture Analysislalitxp
 
Summer Games University - Day 3
Summer Games University - Day 3Summer Games University - Day 3
Summer Games University - Day 3Clemens Kern
 
3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์
3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์
3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์รัสนา สิงหปรีชา
 

Similar to Introduction to Computer Graphics Fundamentals (20)

บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
Cg Chap 02
Cg Chap 02Cg Chap 02
Cg Chap 02
 
หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]
หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]
หน่วยที่ 8 ติดตั้งอุปกรณ์แสดงผล [บันทึกอัตโนมัติ]
 
unit1_updated.pptx
unit1_updated.pptxunit1_updated.pptx
unit1_updated.pptx
 
สื่ออุปกรณ์คอมพิวเตอร์
สื่ออุปกรณ์คอมพิวเตอร์สื่ออุปกรณ์คอมพิวเตอร์
สื่ออุปกรณ์คอมพิวเตอร์
 
Introduction to Computer graphics
Introduction to Computer graphicsIntroduction to Computer graphics
Introduction to Computer graphics
 
มโนท ศน เทคโนโลย_ทางการศ_กษา
มโนท ศน เทคโนโลย_ทางการศ_กษามโนท ศน เทคโนโลย_ทางการศ_กษา
มโนท ศน เทคโนโลย_ทางการศ_กษา
 
CG simple openGL point & line-course 2
CG simple openGL point & line-course 2CG simple openGL point & line-course 2
CG simple openGL point & line-course 2
 
Extreme dxt compression
Extreme dxt compressionExtreme dxt compression
Extreme dxt compression
 
CG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDY
CG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDYCG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDY
CG Lecture 1.pptx GRAPHIS VENNELA DONTHIREDDY
 
สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์
สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์
สรุปบทที่ 3 องค์ประกอบคอมพิวเตอร์
 
ส่วนประกอบของคอมพิวเตอร์
ส่วนประกอบของคอมพิวเตอร์ส่วนประกอบของคอมพิวเตอร์
ส่วนประกอบของคอมพิวเตอร์
 
Computer Graphics
Computer GraphicsComputer Graphics
Computer Graphics
 
ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์ประเภทของคอมพิวเตอร์
ประเภทของคอมพิวเตอร์
 
Graphics display-devicesmod-1
Graphics display-devicesmod-1Graphics display-devicesmod-1
Graphics display-devicesmod-1
 
Image Texture Analysis
Image Texture AnalysisImage Texture Analysis
Image Texture Analysis
 
Summer Games University - Day 3
Summer Games University - Day 3Summer Games University - Day 3
Summer Games University - Day 3
 
3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์
3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์
3.1 การทำงานขั้นพื้นฐานของคอมพิวเตอร์
 

More from jibbie23

บทที่1
บทที่1บทที่1
บทที่1jibbie23
 
บทที่1
บทที่1บทที่1
บทที่1jibbie23
 
บทที่1
บทที่1บทที่1
บทที่1jibbie23
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกjibbie23
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกjibbie23
 
Still image
Still imageStill image
Still imagejibbie23
 
Character การสอนครั้งที่ 3 ตัวอักษรและชุดตัวอักษร 2
Character การสอนครั้งที่ 3   ตัวอักษรและชุดตัวอักษร 2Character การสอนครั้งที่ 3   ตัวอักษรและชุดตัวอักษร 2
Character การสอนครั้งที่ 3 ตัวอักษรและชุดตัวอักษร 2jibbie23
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกjibbie23
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกjibbie23
 

More from jibbie23 (10)

Animation
AnimationAnimation
Animation
 
บทที่1
บทที่1บทที่1
บทที่1
 
บทที่1
บทที่1บทที่1
บทที่1
 
บทที่1
บทที่1บทที่1
บทที่1
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 
Still image
Still imageStill image
Still image
 
Character การสอนครั้งที่ 3 ตัวอักษรและชุดตัวอักษร 2
Character การสอนครั้งที่ 3   ตัวอักษรและชุดตัวอักษร 2Character การสอนครั้งที่ 3   ตัวอักษรและชุดตัวอักษร 2
Character การสอนครั้งที่ 3 ตัวอักษรและชุดตัวอักษร 2
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกการสอนครั้งที่ 2   intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
การสอนครั้งที่ 2 intro ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 

Introduction to Computer Graphics Fundamentals