Lec 1: Introduction to graphics
Summary
TLDRThis lecture introduces the fundamental concepts of computer graphics, exploring its applications in document processing, CAD, and visualization. It discusses how images, both alphanumeric and visual, are created and manipulated on various displays. The lecture outlines four key questions in computer graphics: representation of image components, synthesis into realistic imagery, user interaction, and animation creation. It differentiates computer graphics from image processing and sets the stage for further exploration of the field.
Takeaways
- 🖥️ Computer Graphics is a field that deals with the creation and manipulation of images and animations using computers.
- 📝 Document processing is an example of computer graphics where alphanumeric characters and images are combined to create documents.
- 🔧 CAD (Computer Aided Design) interfaces are used to design machinery and parts by assembling virtual components with specified properties.
- 🔬 Scientific visualization allows the visualization of natural phenomena that are not visible to the naked eye, like DNA molecules.
- 🌐 Information visualization helps in visualizing complex data structures, such as network traffic flow in computer networks.
- 🎨 Both text characters and actual images are considered images in computer graphics, and they are constructed from geometric shapes and colors.
- 🖌️ Users can interact with the content on the screen using input devices like mouse, keyboard, and joystick to manipulate images or their components.
- 💻 The fundamental questions in computer graphics involve representing objects in a language computers understand, synthesizing these objects into images, allowing user interaction, and creating animations.
- 📱 The applications of computer graphics are vast and can be seen on various displays from mobile phones to large screens in concerts and theaters.
- 🔄 The process of computer graphics involves rendering static images or animations efficiently, considering the underlying hardware and software variations.
Q & A
What is the primary focus of the first lecture in the Computer Graphics course?
-The primary focus of the first lecture is to provide an overview of the basic concepts of computer graphics and its applications.
What are the different types of tasks that can be performed using computers, as mentioned in the lecture?
-The lecture mentions document processing, CAD (Computer Aided Design), and visualization as different types of tasks that can be performed using computers.
What is the significance of alphanumeric characters in document processing?
-Alphanumeric characters are the most important component in document processing as they form the textual content of the documents.
How are icons and menu options related to document processing?
-Icons and menu options represent various editing tools that are used to manipulate and format the document, making them equally important components in document processing interfaces.
What is CAD and how does it relate to computer graphics?
-CAD stands for Computer Aided Design, a system used to design machinery and parts. It relates to computer graphics as it involves creating and assembling virtual components with specified properties.
What are the two types of visualization discussed in the lecture?
-The two types of visualization discussed are scientific visualization, which helps visualize natural phenomena, and information visualization, which deals with visualizing man-made information.
How does computer graphics assist in the design process of machinery?
-Computer graphics assists in the design process by allowing engineers to virtually create and assemble machinery components, check for specification issues, and save time and costs by avoiding physical development.
What is the fundamental question addressed in computer graphics?
-The fundamental question addressed in computer graphics is how to create, synthesize, and render images on a computer display that can be perceived by humans.
What are the four component questions derived from the fundamental question in computer graphics?
-The four component questions are: 1) How to represent the constituent parts of imagery, 2) How to synthesize these parts into a complete, realistic image, 3) How to allow user interaction with the imagery using input devices, and 4) How to create the impression of motion for animations.
How does the efficiency in computer graphics relate to the utilization of resources?
-Efficiency in computer graphics refers to the effective use of underlying resources such as CPU speed, memory capacity, and power consumption to render static images or animations on various display platforms.
What is the difference between computer graphics and image processing as mentioned in the lecture?
-Computer graphics deals with the synthesis of images and animations, while image processing involves the manipulation of already captured images.
Outlines
💻 Introduction to Computer Graphics
The first paragraph introduces the course on Computer Graphics, outlining its key themes and providing examples of tasks performed with computers. It emphasizes document processing, including creating slides, and explores different components of the computer screen, such as alphanumeric characters, menu options, and icons. It also discusses other software interfaces like CAD (Computer-Aided Design) used for designing machinery parts, showing how computer graphics aid in visualizing and manipulating these designs.
🔧 Applications of Computer Graphics in Engineering and Visualization
This paragraph explores additional applications of computer graphics, focusing on how engineers use CAD to design machinery virtually, saving time and costs. It also introduces scientific visualization, exemplified by DNA modeling, and information visualization, such as visualizing network traffic. These visualizations allow us to perceive things that are either impossible or difficult to see with the naked eye, thus broadening the scope of graphics applications in various fields.
🖥️ The Role of Displays in Computer Graphics
The third paragraph shifts focus to the variety of displays used in computer graphics, from desktops to large display screens at events. It highlights that, to a layperson, the computer screen represents the entire computer. This paragraph also introduces the concept that both text and images are represented as 'images' on the screen, emphasizing the geometric shapes and colors that form these displays. It further discusses the role of input devices in interacting with and manipulating on-screen content.
🧠 Translating Human Understanding into Computer Language
This paragraph tackles the fundamental question of how computers, which understand binary (0s and 1s), process complex images, text, and animations. It introduces two key challenges: how to represent images in a form that computers can process, and how to convert computer-generated outputs back into forms humans can understand. The paragraph then outlines four central questions of computer graphics: representation, synthesis, interaction, and animation. These are the core problems the field seeks to address across diverse platforms like mobile phones and desktop screens.
📚 Conclusion and Distinction Between Image Processing and Computer Graphics
The final paragraph wraps up the lecture, distinguishing between computer graphics and image processing. While computer graphics focus on synthesizing images and creating animations, image processing deals with manipulating existing images. The speaker briefly mentions that while the two fields are related, this course will concentrate on computer graphics. It concludes by pointing to a book reference for further reading on the discussed topics and previews the next lecture, which will cover the historical evolution of computer graphics.
Mindmap
Keywords
💡Computer Graphics
💡Document Processing
💡CAD Interface
💡Visualization
💡Alphanumeric Characters
💡Rendering
💡Input Devices
💡Geometric Shapes
💡Animation
💡Efficiency
💡Image Processing
Highlights
Introduction to the course Computer Graphics and its basic concepts.
Exploration of various tasks performed with computers, starting with document processing.
Discussion on the components visible on a computer screen during document creation.
Explanation of how alphanumeric characters are entered using a keyboard.
Importance of menu options and icons as editing tools in document processing interfaces.
Introduction to the concept of CAD (Computer Aided Design) and its interface.
Description of how CAD systems allow for the virtual assembly of machinery parts.
Benefits of using CAD for designing machinery, such as time and cost savings.
Introduction to visualization in computer graphics, including scientific and information visualization.
Example of visualizing a DNA molecule as a form of scientific visualization.
Explanation of information visualization and its application in visualizing computer network traffic.
Overview of the wide range of applications and displays in computer graphics.
Discussion on the commonality of images in various computer graphics applications.
Explanation of how images are constructed from geometric shapes and colors.
Importance of user interaction with images through input devices like mouse and keyboard.
Fundamental questions in computer graphics: representation, synthesis, interaction, and animation.
Overview of the process of rendering images and animations on computer screens.
Differentiation between computer graphics and image processing.
Conclusion and预告 of the next lecture's topics on the historical evolution and challenges in the field.
Transcripts
Hello and welcome to the first lecture of the course Computer Graphics.
In this lecture we will try to get an overview of the basic idea of graphics and what it
means.
So, let us begin with a very simple trivial question, what we do with computers?
I think most of you will be able to tell that we do lot of things.
Let us see some examples, what are the things that we do with a computer.
The first example that we will see is related to a document processing task.
So essentially we are interested in creating document and let us see what we do there and
what we get to see on the screen.
On the screen I have shown one example of a document creation going on, this is essentially
the creation of the slides from which I am delivering the lecture.
So, as you can see there are many things that are being shown on the screen.
So, what are those things what are the components that we are seeing on the screen?
In fact there are large number of different things, the most important of course because
we are talking of document processing activities the most important component is the alpha
numeric character.
So, there are many such characters the alphabets the numbers and how we enter those characters?
By using a keyboard, either physical or virtual.
But apart from that there are other equally important components.
For example, the menu option that we see here on the top side of the screen.
As well as the icons various icons representing some editing tools that we get to see on the
top part of the screen.
So, here or here in fact all these components are essentially editing tools and the icons
representing those tools.
We also have the preview slides on the left part which is another important component.
So, if you have noted some of these components are shown as text like the alphanumeric characters
and the others are shown as images like those icons.
So, essentially there is a mix of characters and images that constitute the interface of
a typical document processing system.
Now, let us see another example which you may or may not have seen but it is also quite
common that is essentially CAD interface or Computer Aided Design Interface.
So, CAD stands for Computer Aided Design.
And this is an example of the interface so there are many difference system with different
interfaces what I have shown here is one such example.
So, what this systems do, essentially with this system, someone can actually design machinery
parts and there are some control buttons to do various operations on this parts.
And as you can see the overall part that is the entire image is constructed from individual
components like this smaller gears or this cylinder, this cubes smaller components.
And these smaller components are having some specified properties for example dimension.
So, with this interface then what we can do typically engineers use such interfaces to
create machinery by specifying individual components and their properties and try to
assemble them virtually.
On the screen to check if there is any problem in the specifications.
So, clearly since everything is done virtually the engineer does not require any physical
development of the machinery, so it saves time it saves cost and many other things.
So, that is example 2.
Now let us see one more example another interesting example of computer graphics, this is related
to visualization or trying to visualize things that otherwise is difficult to visualize.
So, under visualization we will see a couple of example the first one is visualization
of a DNA molecule, now DNA as you all know stands for Deoxyribonucleic acid is essentially
kind of your genetic code present in every cell and it is not possible to see it with
our bear eyes as we all know.
But it will be good if we can see it somehow in some manner, and application of computer
graphics known as visualization makes it possible, like it is shown here.
So, this type of visualization is known as scientific visualization where we try to visualize
things that occur in nature but we cannot see otherwise or difficult to see.
There is another type of visualization, let us see one example, suppose we want to visualize
a computer network how traffic flow happens in the network, here by traffic I mean packets
the packets that are being moved in the network, in any case we are not in a position to visualize
it with our eyes but computer can help us with computer we can actually create a visualization
of the network traffic flow.
These type of visualization are known as information visualization, here we are not dealing with
natural objects instead we are dealing with unnatural or man-made information and we are
trying to visualize that information.
So, we have two types of visualization: scientific and information.
And these are applications of computer graphics that help us perceive that help us understand
things that otherwise we will not be able to perceive.
So, as I said each of the examples that I have discussed earlier is an example of the
use of computer graphics.
But these are only three examples in fact the spectrum of such applications of computer
graphics is huge and everything that we get to see around us involving computers are basically
applications of computer graphics and it is definitely not possible to least all those
applications.
Also we have to keep in mind that not only desktop or laptop screens we are here talking
about a pleather of other types of displays as well that includes mobile phones, information
kiosks at popular spots such as airports, ATMs, large displays at open air music concerts,
air traffic control panels even movie screens in the theatres all these are some kinds of
display and whatever is being shown on this displays are mostly applications of computer
graphics.
So, we have two things one is large number of application second is application on all
possible displays.
And as I have already mentioned earlier those who are not very conversion to the inner working
of a computer for them whenever we use the term computer essentially the thing that comes
to the mind of such lay persons is the display whatever is being shown on the display.
So, essentially the display is considered as computer by those who are not very well-accustomed
with the inner workings of a computer.
Now, what is the common thing between all this applications, instances of images that
are displayed?
Now, here by image we are refereeing to both text characters alpha numeric characters as
well as actual images because texts are also considered as images as we shall see in our
subsequent lectures.
And these images are constructed with objects components of the objects like we have discussed
in the CAD application like there are individual objects as we have seen earlier, now these
objects are essentially geometric shapes.
And on these objects, we assign some colors like the yellow color here or the blue color
here or the white here.
So, colored geometric objects are there which are used to create the overall image.
Along with that there is a one more thing when we create edit or view a document we
are dealing with alphanumeric characters and each of these characters is an object.
Again, we shall see in details why characters are considered to be objects in subsequent
lectures.
And these objects are rendered on the screen with different styles size as well as color.
Like the typical objects that we have noted in the previous case.
Similarly, if we are using some drawing application drawing package like MS paint or the drawing
application of MS word, there we deal with other shapes such as circles, rectangles,
curves, these are also objects and with these objects we create a bigger object or bigger
image.
Finally, in the case of animation videos or computer games which involves animation anyway.
In many cases we deal with virtual characters.
Those are essentially some artificially created characters which may or may not be human like.
And all these images or their components can be manipulated because nowadays most traffic
systems are interacting.
So, user can interact with the screen content and manipulate the content.
For that input devices are there such as mouse, keyboard, joystick and so on.
Now, how a computer can do all these stuff, all these things.
What are those things?
Let us recap again.
Images consisting of components so we need to represent those components then we need
to put them together into the form of a image and we should allow the user to interact with
those components or the whole image through input devices as well as we should be able
to create the perception of motion by moving those images.
How a computer can do all these things?
We all know you probably have already done some basic courses where you know that computers
understand only binary language that is language of 0s and 1s, on the other hand in computer
graphics what we have letters numbers, symbols characters but these are not 0s or 1s.
These are something that we understand we can perceive we can understand.
So, what is needed there are two questions related to that.
First question is how we can represent such objects in a language that the computer understands
and the computer can process.
The second question is, how we can map from the computers language to something that we
can perceived, so essentially with the computer output in 0s and 1s we will not be able to
understand what that means.
So, we want again in the form of those objects that we have mentioned earlier.
So, one thing is mapping from our understanding to computers language and other thing is mapping
from computers understanding to our language.
In other words, how we can create or represent synthesize and render images on a computer
display this is the fundamental question that we try to answer in computer graphics.
From this fundamental question we can frame FOUR component questions.
First one is as we have already said imagery is constructed from constituents parts.
So, how we can represent those parts that is the first basic question.
Second question is how to synthesize the constituents parts to form a complete realistic imagery?
So, that is our second question.
Third question is how to allow the users to manipulate the imagery or its constituents
on the screen with the use of input devices.
That is our third fundamental question.
And finally, the fourth question is how to create the impression of motion to create
animations.
So, these are the four questions first is how to represent, second is how to synthesize,
third is how to interact and fourth is how to create animation.
Now, in computer graphics we see answers to these four basic questions.
Here few things need to noted first of all when we are talking of computers screens,
we are using it in a very broad sense because the screens vary in a great way as we all
are aware nowadays from small displays to display walls to large displays and these
variations indicate corresponding variations in the underling computing platform however
we will ignore those things when we refer to computers screen will assume that we are
refereeing to all sorts of screens.
Accordingly, whatever we discuss our objective would be to seek efficient solutions to the
four basic questions for all possible platforms.
For example, displaying something on mobile phone requires techniques difference from
displaying something on your desktop, because the underling hardware may be different.
There is a difference in CPU speed, memory capacity, power consumption issues and so
on.
So, when we are proposing a solution to answer one of these question or all these questions
we should keep in mind these underlying variations.
Now, in summary what we can say about computer graphics is that this is the process of rendering
static images or animation which is a sequence of images on the computer screen, that to
in an efficient way, where efficiency essentially refers to the efficient utilization of underlying
resources.
In this course we shall learn in details this process particularly the stages of the pipeline
where the pipeline actually refers to set of stages which are part of this whole process
of rendering and pipeline implementation that is how we implement the stages, this involve
a discussion on the hardware and software basics for a graphic system.
However, we will not discuss the process of creation of animation which is a vast topic
in itself and requires a separate course all together.
This is just for your information, that there is a related term probably some of you may
have heard of it called image processing, now in image processing we manipulate images
whereas in computer graphics we synthesize images and also we synthesis it in a way such
that it gives us perception of motion that we call animation.
So, computer graphics deals with synthesis of image as well as animation, whereas image
processing deals with manipulation of already captured images.
And in many applications these two are linked but those things will not discuss in this
limited scope of the course.
So, whatever we have discussed today you can find in details from this book more specifically
you should refer to chapter 1, section 1 for the topics that we covered today.
In the next lecture we will go through some historical evolution of the field followed
by a discussion on the issues and challenges that are faced by workers in this field.
Thank you and good bye.
تصفح المزيد من مقاطع الفيديو ذات الصلة
(Unit 0) Intro 1: Rendering
Pertemuan 2 : Citra Digital, Sampling, dan Quantization - Part 1 : Apa itu citra digital ?
CS602 Computer Graphics Short Lecture No 1||vu lecture excellent
Lec 5: Introduction and overview on object representation techniques
Konsep Dasar Citra Digital - Perkuliahan Pengolahan Citra Digital #01
Image Representation
5.0 / 5 (0 votes)