Graphics programming in C- presentation prepared by Golden Girls team from baabtra.com

2. Date:27/03/2015
baabtra@baabte.com
facebook.com/baabtra
twitter.com/baabtra
in.linkedin.com/in/baabtra
Introduction to Graphics
Programming in
Team: Golden Girlzz

3. Contents
❏ Setting Up graphics using gcc
❏ Basic Idea About Graphics Programming in C
❏ Some functions in Graphics
❏ Working Example

4. ❏ Computer Graphics is one of the most powerful and interesting aspect
of computers.
❏ There are many things we can do in graphics apart from drawing
figures of various shapes.
❏ All video games, animation, multimedia predominantly works using
computer graphics.

5. ❏ There is a large number of functions in C which are used for putting pixel
on a graphic screen to form lines, shapes and patterns.
❏ The Default output mode of C language programs is “Text” mode.
❏ We have to switch to “Graphic” mode before drawing any graphical shape
like line, rectangle, circle etc.

6. ❏ First of all, we must include the ”graphics.h” header file in our source
program
❏ GCC compiler doesn’t provides inbuilt facility to run graphics.h library.
❏ So you are not able to run graphics in C language
❏ To run "graphics.h" library in Ubuntu, following are some simple steps.
Graphics in C

7. Make sure that you have basic compilers installed. For this run the command:
Install few packages that required. Run the command:
Run “graphics.h” in Ubuntu
#1
sudo apt-get install build-essential
#2
sudo apt-get install libsdl-image1.2 libsdl-image1.2-dev guile-1.8 guile-
1.8-dev libsdl1.2debian libart-2.0-dev libaudiofile-dev libesd0-dev
libdirectfb-dev libdirectfb-extra libfreetype6-dev libxext-dev x11proto-
xext-dev libfreetype6 libaa1 libaa1-dev libslang2-dev libasound2
libasound2-dev

8. Now download libgraph
Copy libgraph-1.0.2.tar.gz to your home folder. Right click on it and select "Extract
Here".
Then run following commands one by one.
Now Ubuntu is ready to run graphics program. To do that add
#include<graphics.h> in your C program.
Here is a sample program to test it's working or not. sample.c
#3
cd libgraph-1.0.2
./configure
sudo make
sudo make install
sudo cp /usr/local/lib/libgraph.* /usr/li
#4
#include<graphics.h>
main() {
int gd=DETECT,gm;
initgraph(&gd,&gm,NULL);
closegraph();
}

9. ❏ Run it with following command:
If you get following screen then graphics.h is working
gcc sample.c -o sample -lgraph
./sample
#5

10. Initializing Graphics Mode
❏ The initgraph function is used to switch the output from text mode to
graphics mode
❏ The initgraph function takes three arguments
❏ Syntax: –
intigraph(&graphics_driver,&graphics_mode,Path _to_driver);

11. ❏ Example:
If you are working on Turbo C, use the path “c:tcbgi”
initgraph(&dr, &md, NULL );
Graphics Driver
Type
Initial Graphics
Mode
Directory Path of
Graphics Driver

12. Closing Graphics Mode
❏ Graphics mode must be closed at the end
❏ For that function closegraph() is used
❏ Syntax: –
closegraph();

13. Some Functions in
“graphics.h”

14. void line(int x1, int y1, int x2, int y2);
❏ Remarks
➔ line draws a line from (x1, y1) to (x2, y2) using the
current color
line()
❏ line function is used to draw a line from a point(x1,y1) to
point(x2,y2)
❏ Syntax :-

16. void circle(int x, int y, int radius);
● (x , y) -> Center point of circle
● radius-> Radius of circle
circle()
❏ Circle function is used to draw a circle with center (x,y) and
third parameter specifies the radius of the circle.
❏ Syntax :-

18. void rectangle(int left, int top, int right, int
bottom);
rectangle()
❏ Coordinates of left top and right bottom corner are required
to draw the rectangle.
❏ Syntax:-

20. void bar( left, top, right, bottom);
bar( )
❏ bar function draws a bar
❏ bar draws a filled-in, rectangular, two-dimensional bar.
❏ žSyntax:

22. void ellipse(int x, int y, int stangle, int endangle, int
xradius, int yradius);
ellipse()
❏ Ellipse function is used to draw an ellipse, (x,y) are
coordinates of center of the ellipse, stangle is the
starting angle, end angle is the ending angle, and fifth
and sixth parameters specifies the X and Y radius of
the ellipse.
❏ Syntax :-

24. Note the Point:
In this, color can be represented
using the name of colors in
CAPITAL LETTER and also using
the numbers
Eg:
code 0 means BLACK
code 1 means BLUE
code 2 means GREEN

25. putpixel() and getpixel()
❏ getpixel() returns the color of pixel present at point(x, y)
❏ Syntax: –
❏ putpixel plots a pixel at a point(x, y) of specified color
❏ Syntax:-
int getpixel(int x, int y);
void putpixel(int x, int y, int color);

26. setbkcolor()
❏ setbkcolor function changes current background color e.g.
setbkcolor(YELLOW) changes the current background color to
YELLOW.
❏ Remember that default drawing color is WHITE and background color
is BLACK.
❏ Syntax :-
void setbkcolor(int color);

27. setcolor()
❏ setcolor() function changes current drawing color
❏ Syntax :-
❏ Example:
changes the current drawing color to YELLOW.
void setcolor(int color);
setcolor(YELLOW);

28. Text with Graphics
❏ There are functions in C language that draw text characters in
graphics mode.
❏ These functions can be used to mix text and graphics in the same
image.
❏ These functions also make it possible to change text font and very the
size of text.

29. outtext()
❏ displays a string in the viewport (graphics mode)
❏ Declaration:
❏ outtext display a text string, using the current justification settings and
the current font, direction, and size
❏ outtext outputs textstring at the current position (CP)
void outtext(char *textstring);

30. outtextxy()
❏ outtextxy displays a string at the specified location (graphics mode)
❏ Declaration:
❏ Remarks: outtextxy() display a text string, using the current
justification settings and the current font, direction, and size.(CP)
outtextxy() displays textstring in the viewport at the position (x, y)
void outtextxy(x, y, char *textstring);

31. Working

32. #include<graphics.h>
#include<stdio.h>
main() {
int gd = DETECT,gm,left=100,top=100,right=200,bottom=200;
int x=300,y=150,radius=50,color;
initgraph(&gd, &gm,NULL);
printf("Press any key to change the back color");
getch();
setbkcolor(2);
setcolor(RED);
outtext("Introduction to Graphics Programming....n");
outtextxy(100,100,"Text at position x=100 and y=100");
color=getpixel(0,0);
printf("color of pixel at (0,0) = %d",color);
putpixel(25,25,YELLOW);
putpixel(25,26,YELLOW);
putpixel(25,27,YELLOW);
rectangle(left, top, right, bottom);
circle(x, y, radius);
bar(left+100,top+100,right+100,bottom+100);
line(left - 10, top + 150, left + 410, top + 150);
ellipse(x, y + 200, 0, 360, 100, 50);
outtextxy(left + 100, top + 325, "My First C Graphics Program");
getch();
closegraph();
return 0;
}

33. and the output is..

36. US UK UAE
7002 Hana Road,
Edison NJ 08817,
United States of America.
90 High Street,
Cherry Hinton,
Cambridge, CB1 9HZ,
United Kingdom.
Suite No: 51, Oasis Center,
Sheikh Zayed Road, Dubai,
UAE
Email to info@baabtra.com or Visit baabtra.com
Looking for learning more about the above
topic?

37. India Centres
Emarald Mall (Big Bazar Building)
Mavoor Road, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
NC Complex, Near Bus Stand
Mukkam, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
Cafit Square IT Park,
Hilite Business Park,
Kozhikode
Kerala, India.
Email: info@baabtra.com
TBI - NITC
NIT Campus, Kozhikode.
Kerala, India.
Start up Village
Eranakulam,
Kerala, India.
Start up Village
UL CC
Kozhikode, Kerala

38. Follow us @ twitter.com/baabtra
Like us @ facebook.com/baabtra
Subscribe to us @ youtube.com/baabtra
Become a follower @ slideshare.net/BaabtraMentoringPartner
Connect to us @ in.linkedin.com/in/baabtra
Give a feedback @ massbaab.com/baabtra
Thanks in advance
www.baabtra.com | www.massbaab.com |www.baabte.com

39. Want to learn more about programming or Looking to become a good programmer?
Are you wasting time on searching so many contents online?
Do you want to learn things quickly?
Tired of spending huge amount of money to become a Software professional?
Do an online course
@ baabtra.com
We put industry standards to practice. Our structured, activity based courses are so designed
to make a quick, good software professional out of anybody who holds a passion for coding.