SlideShare a Scribd company logo
1 of 31
Download to read offline
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

More Related Content

Similar to Computer Graphics and Animation in Detail

Bt0077 multimedia systems
Bt0077   multimedia systemsBt0077   multimedia systems
Bt0077 multimedia systems
smumbahelp
 
Graphics display-devicesmod-1
Graphics display-devicesmod-1Graphics display-devicesmod-1
Graphics display-devicesmod-1
Praveen Kumar
 

Similar to Computer Graphics and Animation in Detail (20)

Ch06
Ch06Ch06
Ch06
 
Colorization of Greyscale Images Using Kekre’s Biorthogonal Color Spaces and ...
Colorization of Greyscale Images Using Kekre’s Biorthogonal Color Spaces and ...Colorization of Greyscale Images Using Kekre’s Biorthogonal Color Spaces and ...
Colorization of Greyscale Images Using Kekre’s Biorthogonal Color Spaces and ...
 
Computer Graphics Power Point using Open GL and C Programming
Computer Graphics Power Point using Open GL and C ProgrammingComputer Graphics Power Point using Open GL and C Programming
Computer Graphics Power Point using Open GL and C Programming
 
Computer graphics.docx
Computer graphics.docxComputer graphics.docx
Computer graphics.docx
 
Colours
ColoursColours
Colours
 
Graphics
GraphicsGraphics
Graphics
 
Dip unit-i-ppt academic year(2016-17)
Dip unit-i-ppt academic year(2016-17)Dip unit-i-ppt academic year(2016-17)
Dip unit-i-ppt academic year(2016-17)
 
Bt0077 multimedia systems
Bt0077   multimedia systemsBt0077   multimedia systems
Bt0077 multimedia systems
 
Computer graphics
Computer graphicsComputer graphics
Computer graphics
 
Introduction to computer graphics - Copy.pdf
Introduction to computer graphics - Copy.pdfIntroduction to computer graphics - Copy.pdf
Introduction to computer graphics - Copy.pdf
 
Multimedia
MultimediaMultimedia
Multimedia
 
Fundamentals of Computer Graphics.pdf
Fundamentals of Computer Graphics.pdfFundamentals of Computer Graphics.pdf
Fundamentals of Computer Graphics.pdf
 
new ai techniques.pptx
new ai techniques.pptxnew ai techniques.pptx
new ai techniques.pptx
 
Graphics display-devicesmod-1
Graphics display-devicesmod-1Graphics display-devicesmod-1
Graphics display-devicesmod-1
 
Image colorization
Image colorizationImage colorization
Image colorization
 
CAEG IT-B.pptx
CAEG IT-B.pptxCAEG IT-B.pptx
CAEG IT-B.pptx
 
Comprehensive Infrared Image Edge detection Algorithm
Comprehensive Infrared Image Edge detection AlgorithmComprehensive Infrared Image Edge detection Algorithm
Comprehensive Infrared Image Edge detection Algorithm
 
COMPUTER AIDED DESIGN
COMPUTER AIDED DESIGNCOMPUTER AIDED DESIGN
COMPUTER AIDED DESIGN
 
Digital design
Digital designDigital design
Digital design
 
Computer Graphics
Computer GraphicsComputer Graphics
Computer Graphics
 

More from ShreerajKhatiwada

More from ShreerajKhatiwada (7)

The Power of 5th Generation Networks: Uses, Future Trends
The Power of 5th Generation Networks: Uses, Future TrendsThe Power of 5th Generation Networks: Uses, Future Trends
The Power of 5th Generation Networks: Uses, Future Trends
 
Green Computing Initiatives in Recent World
Green Computing Initiatives in Recent WorldGreen Computing Initiatives in Recent World
Green Computing Initiatives in Recent World
 
Artificial Intelligence General Overview
Artificial Intelligence General OverviewArtificial Intelligence General Overview
Artificial Intelligence General Overview
 
Geographic data quality
Geographic data qualityGeographic data quality
Geographic data quality
 
Query processing strategies in distributed database
Query processing strategies in distributed databaseQuery processing strategies in distributed database
Query processing strategies in distributed database
 
Basic Computer Architeccture
Basic Computer ArchitecctureBasic Computer Architeccture
Basic Computer Architeccture
 
Cluster computing
Cluster computingCluster computing
Cluster computing
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

Computer Graphics and Animation in Detail