Logo

Computer Graphics Tutorial

Introduction to Computer Graphics

Computer graphics is commonly seen as a computer science branch that deals with the computerized image fusion theory and technology. As simple as a triangle outline, a computer-generated image may represent a scene. The computer has become a powerful tool for producing images quickly and economically.

When a computer is used to create images, the same process is followed as creating images manually. The process's primary computational steps give a boost to several important computer graphics areas.

Also on computers, the term computer graphics covers almost everything. Here in the computer graphics program's classroom, we think of computer graphics as drawing images on machines, often known as rendering. The images can be photos, sketches, animations, or pictures of items imagined. Or they may be pictures, we cannot see directly, like internal body parts.

We have put a great deal of our time to develop how computer images can replicate real-world scenes. We want objects on computers not only to look more real, but also their colors to be more realistic and how different materials appear. We can call it "real synthesis of the image."

The term computer graphics has been used to define "almost everything on the computer,  including text or sound." Generally, the term computer graphics refer to the following things:

  • Computer representation and manipulation of image data.
  • Various technologies for creating and manipulating images.
  • Computer graphics study is a sub-field of computer science that studies methods for digitally incorporating and manipulating visual content.

The next area of computer graphics that deals with the placement of a triangle is called transformation. Here we can use matrices to get the mapping of a triangle in image space. We can also set up the transformation matrix to control the location and orientation of the displayed image. We can also resize the triangle. 

Computer graphics Introduction

Definition of Computer Graphics-Computer graphics can be a series of images which is most often called a video or single image. Computer graphics is the technology that concerns with designs and pictures on computers. That’s why, computer graphics are visual representations of data shown on a monitor made on a computer.

“Computer graphics is the use of a computer to define, store, manipulate, interrogate, and represent the pictorial output.” An image in computer graphics is made up of a number of pixels.

Definition of Computer Graphics

Types of Computer Graphics

There are two kinds of computer graphics are-

  • Interactive Computer Graphics
  • Non-Interactive Computer Graphics

Interactive Computer Graphics

In interactive computer graphics, users have some controls over the image, i.e., the user can make any changes to the image produced.

Interactive Computer Graphics involves computer-user two-way communication.

For Example:

  • Ping-pong game.
  • Drawing on touch screens.
  • Display weather forecast or other moving charts/graphs on the screen.
  • Animating pictures or graphics in movies.
  • Graphics animation in video games.

Working of Interactive Computer Graphics

The modern display of graphics is very simple to build. It is composed of three components:

  • Display controller or video controller
  • Digital memory or frame buffer
  • Television monitor

1. Display controller or video controller- It's a Memory Buffer and TV Monitor interface. Its task is to pass Frame Buffer's contents to the monitor. The display controller reads each continuous byte of Memory frame buffer data and converts 0's and 1's into appropriate video signals.

In today's term, the display controller is recognized as a display card, and one of our choices can be a VGA(Video Graphics Array) card with a resolution of 640x480. Display Controller is also capable of displaying the image in colors.

2. Digital memory or frame buffer-This is a place where images and pictures are stored as an array (matrix of 0 & 1, 0 represents darkness, and 1 represents image or picture). It is also called a frame buffer.

In today's term frame buffer is called V-RAM (video RAM), and it helps to store the image in bit form. It helps to increase the speed of graphics.

3. Television monitor- Monitor helps us to view the display, and they make use of CRT(Cathode ray tube) technology.

Working of Interactive Computer Graphics

Advantages

  1. Superior Quality.
  2. More accurate outcomes or products.
  3. Increased Productivity.
  4. Lower cost of development.
  5. Increases the ability to understand information and interpret patterns significantly.

Non- Interactive Computer Graphics

Non-interactive computer graphics are also known as passive computer graphics. It is a type of computer graphics in which the user has no control over the image. The photo is completely controlled by the instructions of the program, not by the user.

For Example:

  • Screen savers.
  • Map representation of the data.
  • Graphic elements are used in the text, document, and PDF presentation.
  • Static images are used in mobile applications and websites.
  • Business graphics are used as brochures, business cards, menu of the hotel.

Representation of graphics

We can represent the graphics by following two ways:

  1. Raster (Bitmap) Graphics
  2. Vector Graphics

1. Raster Graphics: In raster graphics, the image is presented as a rectangular grid of colored squares.

Raster images are also called bitmap images. Bitmap images are stored as the collection of small individual dots called pixels.

Bitmap images require high resolution and anti-aliasing for a smooth appearance.

For example- Paint, Photoshop, etc.

2. Vector Graphics: In vector graphics, the image is represented in the form of continuous geometric objects: line, curve, etc.

Vector images are not based on pixel pattern. They use mathematical formulas to draw line and curves. The lines and curves can be combined to create an image.

For Example- PowerPoint, Corel Draw, etc.

Representation of graphics

Fig: Raster (Composition of Paths) Vector (Composition of Pixels)

Difference between Raster and Vector Graphics:

               Raster Graphics               Vector Graphics
Raster images are the collection of the pixel. The Vector images are composed of paths.
Scan conversion is required. Scan Conversion is not required.
Raster Graphics are less costly. Vector Graphics are more costly compared to raster graphics.
Raster image takes less space to store. Vector image takes more space.
Raster graphics can draw mathematical curves, polygons, and boundaries. Vector graphics can only draw continuous and smooth lines.
File Extension: .BMP, .TIF, .JPG etc. File Extension: .SVG, .PDF, .AI etc.

Computer Graphics Topics

Misc

Related Topics

Midpoint Circle Drawing Algorithm in Computer Graphics

The midpoint circle drawing algorithm helps us to calculate the complete perimeter points of a circle for the first octant. We can quickly find and calculate the points of other...

12 minutes read.

Bresenham’s Circle Drawing Algorithm in Computer Graphics

Bresenham’s algorithm is also used for circle drawing. It is known as Bresenham’s circle drawing algorithm. It helps us to draw a circle. The circle generation is more complicated than...

11 minutes read.

Computer Graphics Tutorial

Introduction to Computer Graphics Computer graphics is commonly seen as a computer science branch that deals with the computerized image fusion theory and technology. As simple as a triangle outline, a...

6 minutes read.

2D Translation

We can move any object from one to another place without changing the shape of the object. For Example- Translation of a Point:If we want to translate a point from P (x0,...

1 minute read.

3D Reflection

The Reflection is a mirror image of the original object. We can differentiate 2D and 3D reflection by adding Z-axis. The Z-axis shows the depth of the surface. In the...

1 minute read.

Zooming

In computer graphics, the term “Zoom is referred as a function, focuses on a particular portion or part of an image and also enlarging the image’s size for greater details.” In windows...

2 minutes read.

Transformation

Introduction The term Transformation is generally referred to as converting a graphic into another graphic by applying some rules or algorithms. Sometimes an image or picture can be a combination of lines, rectangle,...

2 minutes read.

Image Representation in Computer Graphics

Image Representation: In computer science, we can represent an image in various forms. Most of the time, it refers to the way that brings information, such as color is coded digitally, and...

4 minutes read.

Scan Conversion of an Ellipse Computer Graphics

Scan Conversion of an Ellipse: An ellipse can be defined as a closed plane curve, which is a collection of points. It is the cause of the intersection of a...

8 minutes read.

Output Devices in Computer Graphics

Computer Graphics Output Devices An output device is a component of hardware or the main physical part of a computer that can be touched and seen. An output device is an electromechanical device. “The...

5 minutes read.

3D Rotation

The 3D rotation is different from 2D rotation. In 3D Rotation we also have to define the angle of Rotation with the axis of Rotation. For Example- Let us assume, The initial...

2 minutes read.

Point Clipping

“Point clipping is a process which is used to define the point position.” The point is either inside the view pane (window) or outside the view pane. In computer graphics, the computer...

2 minutes read.

Polygon Clipping in Computer Graphics

“A Polygon can be described as the enclosed collection or group of the lines.” In a polygon, all lines are connected. Lines can be a combination of edges and vertices,...

4 minutes read.

3D Shearing

We can denote shearing with ‘SHx,’ ‘SHy,’ and ‘SHz.’ These ‘SHx,’ ‘SHy,’ ‘SHz’ are called “Shearing factor.” The basic difference between 2D and 3D Shearing is that the 3D plane also...

1 minute read.

Line Clipping in Computer Graphics

The line clipping is a process in which we can cut the part of the line, which lies outside the view pane. Only those lines are visible, which lie inside the view pane....

13 minutes read.

3D Translation

A 3D Translation process contains the x-axis, y-axis, and z-axis. We can move any object from one place to another without changing the shape of the object. For Example-Translation of a...

1 minute read.

Color Models in Computer Graphics

"Color model is a 3D color coordinate system to produce all range of color through the primary color set." There are millions of colors used in computer graphics. The light...

3 minutes read.

Rendering in Computer Graphics

Rendering in Computer Graphics Rendering is the operation, by virtue of a software system, of creating a picture from a template. In a specifically defined term or information structures, the model is a...

9 minutes read.

Animation in Computer Graphics

The word Animation is extracted from a Latin language, "Anima," which means "Soul." TheAnimation is a technology that allows any image object, an entity to walk, talk, or do some...

3 minutes read.

Bresenham’s Line Drawing Algorithm in Computer Graphics

This algorithm was introduced by “Jack Elton Bresenham” in 1962. This algorithm helps us to perform scan conversion of a line. It is a powerful, useful, and accurate method. We...

8 minutes read.