Computer Graphics
and Animation
1
Er. Shreeraj Khatiwada, MSc
Pokhara University, Nepal
2/27/2024
Computer Graphics and Animation
Objectives
• will take a brief overview of:
❖ Basics of computer graphics
❖ 2D and 3D transformation
❖ Clipping of line and polygon
❖ Different method of visible surface determination
❖ Animation and Virtual Reality
2
2/27/2024
Computer Graphics and Animation
Computer Graphics
• Greek word “graphikos” – “something written”
• Refers to the creation, storage and manipulation of pictures and
drawings using digital computers
2/27/2024
Computer Graphics and Animation
3
Computer Graphics
Interactive computer graphics:
• a subfield of computer graphics which focuses on the generation
of images and animations at interactive frame rates.
• Two-way communication between computer and user
2/27/2024
Computer Graphics and Animation
4
Computer Graphics
Non-Interactive Computer Graphics:
• only one-way communication between the computer and the
user,
• User can see the produced image, and he cannot make any
change in the image.
2/27/2024
Computer Graphics and Animation
5
Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
6
User interfaces
Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
7
Plotting
Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
8
Office automation and electronic publishing
Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
9
Computer-Aided drafting and design
Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
10
Simulation
Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
11
Entertainment
Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
12
Art Cartography
Presentation Graphics
hardware
Computer Hardware:
• Physical components of a computer i.e. tangible parts
• Graphics hardware is computer hardware that generates computer graphics
and allows them to be shown on a display
Input Devices
2/27/2024
Computer Graphics and Animation
13
14
Hardware
• Output Devices:
2/27/2024
Computer Graphics and Animation
15
Unit-02 2D transformation
2/27/2024
Computer Graphics and Animation
16
2D Reflection
2D transformation
2/27/2024
Computer Graphics and Animation
17
2D Rotation
2D transformation
2/27/2024
Computer Graphics and Animation
18
2D Scaling
3D transformation
2/27/2024
Computer Graphics and Animation
19
Window to viewport transformation
2/27/2024
Computer Graphics and Animation
20
clipping
2/27/2024
Computer Graphics and Animation
21
Line Clipping Polygon Clipping
Visible Surface Determination Algorithm
• Z-Buffer Algorithm
2/27/2024
Computer Graphics and Animation
22
Visible Surface Determination Algorithm
• Painter’s / Depth-sort Algorithm
2/27/2024
Computer Graphics and Animation
23
Color Model: RGB
• Widely used color representation method in computer
graphics.
• It uses a color coordinate system with three primary
colors:
• R (Red)
• G (Green)
• B (Blue)
2/27/2024
Computer Graphics and Animation
24
Color Model: RGB
2/27/2024
Computer Graphics and Animation
25
• In this, colors are represented by a cube.
• The Origin (0,0,0) represents black and the diagonally opposite vertex (1,1,1) is
White.
• The diagonal line connecting black and white corresponds to all the gray colors
between black and white, which is also known as gray axis.
Color Model: HSV
• Every color is represented by three components Hue (H): color
portion, Saturation (S): amount of gray and Value (V):
brightness or intensity.
• HSV color model may be depicted as a cone or a cylinder.
2/27/2024
Computer Graphics and Animation
26
animation
• Derived from Latin word “anima” means “act, process or result
of imparting life, interest, spirit, motion, or activity”.
• “to any time sequence of visual changes in a picture” or
• "the process of creating an illusion of motion and shape change by means of
rapid display of various types of pictures that were made to create a single
scene."
2/27/2024
Computer Graphics and Animation
27
Principles of animation
2/27/2024
Computer Graphics and Animation
28
Virtual reality
• Virtual reality is a simulated 3D environment that enables users
to explore and interact with a virtual surrounding in a way that
approximates reality, as it is perceived through the users' senses.
• The environment is created with computer hardware and
software, although users might also need to wear devices such
as helmets or goggles to interact with the environment.
2/27/2024
Computer Graphics and Animation
29
Virtual reality
2/27/2024
Computer Graphics and Animation
30
THANK YOU!!!
2/27/2024
Computer Graphics and Animation
31

Computer Graphics and Animation in Detail

  • 1.
    Computer Graphics and Animation 1 Er.Shreeraj Khatiwada, MSc Pokhara University, Nepal 2/27/2024 Computer Graphics and Animation
  • 2.
    Objectives • will takea brief overview of: ❖ Basics of computer graphics ❖ 2D and 3D transformation ❖ Clipping of line and polygon ❖ Different method of visible surface determination ❖ Animation and Virtual Reality 2 2/27/2024 Computer Graphics and Animation
  • 3.
    Computer Graphics • Greekword “graphikos” – “something written” • Refers to the creation, storage and manipulation of pictures and drawings using digital computers 2/27/2024 Computer Graphics and Animation 3
  • 4.
    Computer Graphics Interactive computergraphics: • a subfield of computer graphics which focuses on the generation of images and animations at interactive frame rates. • Two-way communication between computer and user 2/27/2024 Computer Graphics and Animation 4
  • 5.
    Computer Graphics Non-Interactive ComputerGraphics: • only one-way communication between the computer and the user, • User can see the produced image, and he cannot make any change in the image. 2/27/2024 Computer Graphics and Animation 5
  • 6.
    Application of ComputerGraphics 2/27/2024 Computer Graphics and Animation 6 User interfaces
  • 7.
    Application of ComputerGraphics 2/27/2024 Computer Graphics and Animation 7 Plotting
  • 8.
    Application of ComputerGraphics 2/27/2024 Computer Graphics and Animation 8 Office automation and electronic publishing
  • 9.
    Application of ComputerGraphics 2/27/2024 Computer Graphics and Animation 9 Computer-Aided drafting and design
  • 10.
    Application of ComputerGraphics 2/27/2024 Computer Graphics and Animation 10 Simulation
  • 11.
    Application of ComputerGraphics 2/27/2024 Computer Graphics and Animation 11 Entertainment
  • 12.
    Application of ComputerGraphics 2/27/2024 Computer Graphics and Animation 12 Art Cartography Presentation Graphics
  • 13.
    hardware Computer Hardware: • Physicalcomponents of a computer i.e. tangible parts • Graphics hardware is computer hardware that generates computer graphics and allows them to be shown on a display Input Devices 2/27/2024 Computer Graphics and Animation 13
  • 14.
  • 15.
  • 16.
    Unit-02 2D transformation 2/27/2024 ComputerGraphics and Animation 16 2D Reflection
  • 17.
  • 18.
  • 19.
  • 20.
    Window to viewporttransformation 2/27/2024 Computer Graphics and Animation 20
  • 21.
    clipping 2/27/2024 Computer Graphics andAnimation 21 Line Clipping Polygon Clipping
  • 22.
    Visible Surface DeterminationAlgorithm • Z-Buffer Algorithm 2/27/2024 Computer Graphics and Animation 22
  • 23.
    Visible Surface DeterminationAlgorithm • Painter’s / Depth-sort Algorithm 2/27/2024 Computer Graphics and Animation 23
  • 24.
    Color Model: RGB •Widely used color representation method in computer graphics. • It uses a color coordinate system with three primary colors: • R (Red) • G (Green) • B (Blue) 2/27/2024 Computer Graphics and Animation 24
  • 25.
    Color Model: RGB 2/27/2024 ComputerGraphics and Animation 25 • In this, colors are represented by a cube. • The Origin (0,0,0) represents black and the diagonally opposite vertex (1,1,1) is White. • The diagonal line connecting black and white corresponds to all the gray colors between black and white, which is also known as gray axis.
  • 26.
    Color Model: HSV •Every color is represented by three components Hue (H): color portion, Saturation (S): amount of gray and Value (V): brightness or intensity. • HSV color model may be depicted as a cone or a cylinder. 2/27/2024 Computer Graphics and Animation 26
  • 27.
    animation • Derived fromLatin word “anima” means “act, process or result of imparting life, interest, spirit, motion, or activity”. • “to any time sequence of visual changes in a picture” or • "the process of creating an illusion of motion and shape change by means of rapid display of various types of pictures that were made to create a single scene." 2/27/2024 Computer Graphics and Animation 27
  • 28.
  • 29.
    Virtual reality • Virtualreality is a simulated 3D environment that enables users to explore and interact with a virtual surrounding in a way that approximates reality, as it is perceived through the users' senses. • The environment is created with computer hardware and software, although users might also need to wear devices such as helmets or goggles to interact with the environment. 2/27/2024 Computer Graphics and Animation 29
  • 30.
  • 31.