Lec 1: Introduction to graphics

Summary

This 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

00:00

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

05:11

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

10:13

🖥️ 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.

15:16

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

20:19

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

Keywords

💡Computer Graphics

Computer Graphics is a field that deals with the creation and manipulation of images using computers. It encompasses a broad range of applications from creating visual content for games and movies to designing interfaces for software and websites. In the context of the video, it is the central theme, with the lecture focusing on the basic ideas and applications of computer graphics. The script mentions various examples such as document processing, CAD interfaces, and visualization, all of which are applications of computer graphics.

💡Document Processing

Document processing refers to the creation and manipulation of documents using computer software. It is an example of a computer graphics application where users interact with text and images to create documents like presentations or reports. The script illustrates this concept by showing the creation of lecture slides, highlighting the use of alphanumeric characters and editing tools, which are all integral parts of the document processing system.

💡CAD Interface

CAD Interface stands for Computer Aided Design Interface, which is a specialized software tool used by engineers and designers to create and modify complex designs. It is mentioned in the script as an example of how computer graphics can be used to design machinery and parts. The interface allows users to assemble virtual components with specified properties, providing a cost and time-efficient way to develop and test designs.

💡Visualization

Visualization in the context of computer graphics refers to the process of creating visual representations of data or concepts that are otherwise difficult to perceive. The script discusses two types: scientific visualization, which deals with visualizing natural phenomena like DNA molecules, and information visualization, which is used to represent abstract data such as network traffic flows. These visualizations help in understanding complex information by providing a visual context.

💡Alphanumeric Characters

Alphanumeric characters include the letters of the alphabet and numbers, which are fundamental components in document processing and other computer graphics applications. The script explains that these characters are entered using a keyboard and are rendered on the screen as part of the interface. They are essential for creating text-based content and are considered objects in the broader context of computer graphics.

💡Rendering

Rendering in computer graphics is the process of generating an image from a model by means of computer programs. It involves the translation of 3D models, text, and other objects into 2D images that can be displayed on a screen. The script touches upon rendering as a part of the fundamental questions in computer graphics, emphasizing the importance of efficiently creating realistic imagery.

💡Input Devices

Input devices are hardware components that allow users to interact with a computer system. Examples include keyboards, mice, and joysticks. The script mentions input devices in the context of user interaction with computer graphics, where users can manipulate images or objects on the screen. These devices are crucial for creating an interactive experience in applications such as games, design software, and more.

💡Geometric Shapes

Geometric shapes are the basic building blocks used in computer graphics to construct more complex images and objects. The script refers to these shapes as the components of CAD interfaces and other graphical applications, where they are assigned colors and properties to create the final image. Geometric shapes are fundamental in the representation and synthesis of imagery in computer graphics.

💡Animation

Animation in computer graphics is the process of creating the illusion of motion by displaying a series of images in rapid succession. The script differentiates between computer graphics, which involves the synthesis of static images and animations, and image processing, which manipulates existing images. Animation is created by manipulating the properties of objects over time, providing a dynamic and interactive visual experience.

💡Efficiency

Efficiency in the context of computer graphics refers to the effective use of computational resources to render images and animations. The script emphasizes the importance of efficiency in computer graphics, as it allows for the creation of high-quality visual content while minimizing the use of processing power, memory, and other resources. This is particularly important given the wide range of devices and platforms on which computer graphics are used.

💡Image Processing

Image processing is a related field to computer graphics that involves the manipulation and analysis of existing images. Unlike computer graphics, which focuses on the synthesis of new images and animations, image processing deals with modifying or enhancing real-world images. The script briefly contrasts image processing with computer graphics, highlighting the different goals and techniques used in each field.

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.