Computer Graphics and Animation involve the creation, manipulation, and presentation of visual content using computers. Graphics focus on the generation of images, including 2D and 3D graphics, while animation involves the process of bringing static images or objects to life through movement. These fields are utilized in various applications such as entertainment, advertising, education, simulation, virtual reality, and user interfaces, enhancing communication and visualization of complex ideas and concepts.

1. Computer Graphics
and Animation
1
Er. Shreeraj Khatiwada, MSc
Pokhara University, Nepal
2/27/2024
Computer Graphics and Animation

2. 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

3. 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

4. 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

5. 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

6. Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
6
User interfaces

7. Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
7
Plotting

8. Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
8
Office automation and electronic publishing

9. Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
9
Computer-Aided drafting and design

10. Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
10
Simulation

11. Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
11
Entertainment

12. Application of Computer Graphics
2/27/2024
Computer Graphics and Animation
12
Art Cartography
Presentation Graphics

13. 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. 14

15. Hardware
• Output Devices:
2/27/2024
Computer Graphics and Animation
15

16. Unit-02 2D transformation
2/27/2024
Computer Graphics and Animation
16
2D Reflection

17. 2D transformation
2/27/2024
Computer Graphics and Animation
17
2D Rotation

18. 2D transformation
2/27/2024
Computer Graphics and Animation
18
2D Scaling

19. 3D transformation
2/27/2024
Computer Graphics and Animation
19

20. Window to viewport transformation
2/27/2024
Computer Graphics and Animation
20

21. clipping
2/27/2024
Computer Graphics and Animation
21
Line Clipping Polygon Clipping

22. Visible Surface Determination Algorithm
• Z-Buffer Algorithm
2/27/2024
Computer Graphics and Animation
22

23. Visible Surface Determination Algorithm
• 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
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.

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 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

28. Principles of animation
2/27/2024
Computer Graphics and Animation
28

29. 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

30. Virtual reality
2/27/2024
Computer Graphics and Animation
30

31. THANK YOU!!!
2/27/2024
Computer Graphics and Animation
31