Skip to main content

Computer Graphics and its Applications

We all use Computers and Mobile phones for communication all these devices have displays that show content to you but, Have you ever thought that how these displays show images and videos on screen?
These images are displayed on the screens using some programming algorithms.
(which we will discuss later)

What is Computer Graphics?

It is an art of drawing images, lines, charts, and other visuals on the computer screens with the help of programming.
The visuals/images on the computer screens are made up of numerous pixels. A pixel is a dot or square on the computer screen, it is the smallest unit of graphic that is displayed on the computer screen. The number of individual non-overlapping pixels contained on a computer screen is called Resolution.
Now we know what is computer graphics lets know about its applications

Computer Graphics Applications

The Computer Graphics is used in numerous areas some of them are as follows:
  • Graphical User Interface (GUI): The interaction of users interacts with electronic devices such as computers mobiles and other devices. This interface uses icons, menus and other visuals, graphics by which user easily interacts. 
  • Art: Computer Graphics provide a new way of creating designs. Now Artists and designers use illustrator, coral draw, Photoshop, adobe muse and other different types of applications for creating new designs.
  • Entertainment: Computer graphics allow us to create animated movies and games. It is used to create scenes that have special effects and animations.
  • Presentations: Computer graphics are used for creating charts, bar diagrams and other visuals for the presentation purpose, with this user, can easily understand the points.
  • Engineering Drawings: Computer Graphics gives us the flexibility to create 3d house models, house circuits and engineering drawings, etc which is quite helpful for us.
  • Education and Training: Now we can train our students with simulators, through this they can learn about the machines without physically trying them.
  • Medical Imaging: MRIs, CAT scans, and other internal scans are possible because of computer graphics.
Interactive vs Non-Interactive Computer Graphics

    Comments

    Popular posts from this blog

    Bresenham's Line Drawing Derivation

    Bresenham's Line Drawing Algorithm Derivation
    Bresenham Line drawing algorithm is used to determine closest points to be illuminated on the screen to form a line.

    As we know a line is made by joining 2 points, but in a computer screen, a line is drawn by illuminating the pixels on the screen.


    (Here pixel (1,2), (3,1) and (5,5) are illuminated and others are non-illuminated) A line from pixel (2,2) to (7,5) will be shown like this on the screen.

    The slope of a line plays a major role in the line equation that's why Bresenham line drawing algorithm calculates the equation according to the slope of the line.

    The slope of the line can be greater than 1 (m>1) or less than or equal to 1 (m<=1).
    Now enough talking let's derive the equations.



    Derivation:


    Let's say we want to draw a line on the screen.
    so, to draw a line we have to calculate the points or pixels to be illuminated on the screen.

    Now while drawing a line a sometimes it passes through 2 pixels at the same time then we …

    Bresenham's Circle Drawing Algorithm

    Bresenham’s Circle Drawing Algorithm
    A circle is made up of 8 Equal Octets so we need to find only coordinates of any one octet rest we can conclude using that coordinates.
    We took octet-2. Where X and Y will represent the pixel Let us make a function Circle() with parameters coordinates of Centre (Xc,Yc) and pixel point (X,Y) that will plot the pixel on screen.

    We will find pixels assuming that Centre is at Origin (0,0) then we will add the coordinates of centre to corresponding X and Y while drawing circle on screen.
    Circle (Xc,Yc,X,Y){
    Plot (Y+Xc , X+Yc)……Octet-1 Plot (X+Xc , Y+Yc)……Octet-2 Plot (-X+Xc , Y+Yc)……Octet-3 Plot (-Y+Xc , X+Yc)…..Octet-4 Plot (-Y+Xc , -X+Yc)……Octet-5

    Bresenham's Circle Drawing Derivation

    Bresenham's Circle Drawing Algorithm Derivation
    Bresenham circle drawing algorithm is used to determine the next pixel of screen to be illuminated while drawing a circle by determining the closest nearby pixel.
    Let us first take a look how a circle is drawn on a pixel screen
    (this is how pixel graph is represented)
    As Circles are symmetrical so the values of y-intercept and x-intercept are are same if circle's Center coordinates are at Origin (0,0).


    Here,  Radius = OA = r Due to symmetrical property of Circle we don't need to calculate all the pixels of all the octets and quadrants We need to find the pixels of only one octet, rest we can conclude through this.

    Lets take the Octet 2 which is in quadrant 1 here both x and y are positive here the initial pixel would be (0,y) coordinate


    At point R both the value of both x and y coordinates would be same as R is at same distance of Both X and Y axis.

    Derivation of Bresenham circle algorithm:

    Mid Point Circle Drawing Derivation

    Mid Point Circle Drawing Derivation (Algorithm) The mid point circle algorithm is used to determine the pixels needed for rasterizing a circle while drawing a circle on a pixel screen. In this technique algorithm determines the mid point between the next 2 possible consecutive pixels and then checks whether the mid point in inside or outside the circle and illuminates the pixel accordingly.


    This is how a pixel screen is represented: A circle is highly symmetrical and can be divided into 8 Octets on graph. Lets take center of circle at Origin i.e(0,0) :



    We need only to conclude the pixels of any one of the octet rest we can conclude because of symmetrical properties of circle.

    Let us Take Quadrant 1: 
    Radius = OR = r Radius = x intercept = y intercept At point R coordinate of x = coordinate ofyor we can sayx=y let us take Octet 2 of quadrant 1 here first pixel would be (0,y) here value of yintercept=