Micro-Project Report

On

“To create a moving animation using computer

graphics( N Number Of Color Changing Tree With Different Colorful
Changing Fonts )”

Submitted for the partial fulfillment of Third Semester subject

“COMPUTER GRAPHICS” code:22318

Submitted By:-
Name of Student Enrollnment No.
1. VISHAL S. KESHARWANI 1812420115

Under the Guidance of

Mr. R.R.KHIRADE
Lecturer
Department of Computer Engineering

Department of Computer Engineering

Government Polytechnic,Gondia
Winter – 2019

1
 Certificate
This is to certify that the Micro Project titled

“To create a moving animation using computer graphics( N

Number Of Color Changing Tree With Different Colorful Changing Fonts )”

Carried out under guidance of Mr. R.Khirade Sir, Lecturer, Computer

department and submitted to the department of computer engineering

Submitted By:-

Name of Student Enrollnment No.

1. VISHAL S. KESHARWANI 1812420115

As the partial fulfilment of Third semester Subject course of “COMPUTER

GRAPHICS” code :22318 during Winter-2019

Mr. R R Khirade Mr. J M Mesharam

Guide and Lecturer Head of Department

Department of Computer Engineering Department of Computer Engineering

Department of Computer Engineering

Government Polytechnic, Gondia
Winter-2019

2
 INDEX

Sr
Title Page no.
No.
1 Rationale 04
2 Aims/Benefits of the micro-project 04
3 Course Outcomes Addressed 04
4 Literature Review 05-14
5 Actual Methodology Followed 14
6 Actual Resources Used 15
7 Outputs of the Micro-Project 15-16
8 Skill Developed / learning out of this Micro-Project 17
9 Applications of this Micro-Project 17

3
 Micro-Project Report

Title of Micro-Project : To create a moving animation using computer graphics

1.0 Rationale
 I Have created this micro-project or moving animation to understand the concept of
computer graphics . for this I’m used main Header File <graphics.h> as per
computer graphics related programs and conditions .

 What is graphics ?
2D graphics come in two flavors — raster and vector. Raster graphics are the most
common and are used for digital photos, Web graphics, icons, and other types of
images.

 Animation means giving life to any object in computer graphics. It has the power
of injecting energy and emotions into the most seemingly inanimate
objects. Computer-assisted animation and computer-generated animation are
two categories of computer animation.

2.0 Aims/Benefits of the Micro-project :

 To Create a moving animation of N number of color changing tree with colorful
changing fonts with loading animation .
 Benefit Taken from this micro-project is that to understand the concept of making
a animation using different shapes .

3.0 Course Outcomes Addressed

 Manipulate visual and geometric information of images.

 Implement standard algorithms to draw various graphics objects using C program.
 Develop programs for 2D and 3D transformation .
 Use projections to visualize objects on view plane .
 Implement various clipping algorithms .
 Develop programs to create curves using algorithms .

4
4.0 Literature Review

 PIXEL :
A pixel (short for picture element) is a single point in a picture. On the monitor of
a computer, a pixel is usually a square. Every pixel has a color and all
the pixels together are the picture.

 GRAPHICS :
What is graphics ?
Graphics are visual images or designs on some surface, such as a wall, canvas,
screen, paper, or stone to inform, illustrate, or entertain. In contemporary usage, it
includes a pictorial representation of data, as in computer-aided design and
manufacture, in typesetting and the graphic arts, and in educational and
recreational software. Images that are generated by a computer are called computer
graphics.

BELOW FIGURE SHOWS BASIC GRAPHICS PIPELINE :

5
Examples are photographs, drawings, line
art, graphs, diagrams, typography, numbers, symbols, geometric designs, maps, enginee
ring drawings, or other images. Graphics often combine text, illustration,
and color. Graphic design may consist of the deliberate selection, creation,
or arrangement of typography alone, as in a brochure, flyer, poster, web site, or book
without any other element. Clarity or effective communication may be the objective,
association with other cultural elements may be sought, or merely, the creation of a
distinctive style.
 Reference Books :

 “COMPUTER GRAPHICS” By Tech-Knowledge Publication MSBTE I-

Scheme 3rd Sem Computer Engineering : This book provided me the
Syntaxes and Definitions of all the functions which are written in Program
code of my Graphics animaton Project .

 Basic Function Synatxes :

initGraphics()
initGraphics(width, height)
setColor(color)
putpixel(x co-orinate, y co-ordinate,COLOR);
setbkcolor(COLOR);
setcolor(COLOR);
rectangle(x1,,y1,x2,y2);
line(x1,y1,x2,y2);
closegraph();
settextstyle(font, direction size);
circle(x,y,radius);
cleardevice();
arc(x, y, starting angle, ending angle, radius);
setfillstyle(STYLE, COLOR);
floodfill(x,y,boundary color);
ellipse(x, y, starting angle, ending angle, xradius, yradius);
getpixel(x,y);

 Websites : https://www.w3schools.com/ :
W3Schools is an educational website for learning web technologies online.[1] Content
includes tutorials and references relating
to HTML, CSS, JavaScript, JSON, PHP, Python, AngularJS, React.js, SQL, Bootstrap, Sass, No
de.js, jQuery, XQuery, AJAX, XML, Raspberry Pi, C++, and Java.

6
 https://cgr.blogspots.gg.h/ : This site has provided me color codes of Turboc
compiler to apply in many of animation parts . provided an appearance to make
animation .

 Program code build in Turbo C Compiler for animation :

#include<graphics.h>
#include<stdio.h>
#include<conio.h>
#include<dos.h>
void firstCrown()
{
setfillstyle(SOLID_FILL,GREEN);
line(300,40,200,100);
line(300,40,400,100);
ellipse(300,100,180,360,98,30);
floodfill(310,50,WHITE);
}
void secondCrown()
{
setfillstyle(SOLID_FILL,MAGENTA);
line(250,125,180,160);
line(350,125,420,160);
ellipse(300,160,180,360,120,30);
floodfill(260,130,WHITE);
}
void thirdCrown()
{
setfillstyle(SOLID_FILL,GREEN);
line(230,185,150,230);
line(360,185,440,230);
ellipse(295,230,180,360,145,30);
floodfill(250,190,WHITE);
}
void trunk()
{
setfillstyle(SOLID_FILL,BROWN);
line(280,260,280,350);
line(320,260,320,350);
line(280,350,320,350);
floodfill(285,340,WHITE);

7
}
void main()
{
int gd = DETECT , gm ;
initgraph(&gd,&gm,"C:\\TURBOC3\\BGI");
int i,n;

printf("W");delay(50);
printf("E");delay(50);
printf("L");delay(50);
printf("C");delay(50);
printf("O");delay(50);
printf("M");delay(50);
printf("E ");delay(50);

printf("T");delay(50);
printf("O ");delay(50);

printf("O");delay(50);
printf("U");delay(50);
printf("R ");delay(50);
printf("\n-------CMPUTER ");delay(500);
printf("DEPARTMENT--------\n ");delay(500);
printf("I");delay(50);
printf("N ");delay(50);
printf("T");delay(50);
printf("H");delay(50);
printf("I");delay(50);
printf("S ");delay(50);
printf("ANIMATION ");delay(500);
printf("I ");delay(500);
printf("AM ");delay(500);
printf("SHOWING ");delay(500);
printf("YOU ");delay(500);
printf("ABOUT ");delay(500);
printf("A ");delay(500);
printf("COLOR ");delay(500);
printf("CHANGING ");delay(500);
printf("TREE ");delay(500);
printf("\n SO ");delay(500);
printf("PLEASE ");delay(500);

8
printf("WATCH ");delay(500);
printf("THIS ");delay(500);
printf("CAREFULLY ");delay(500);
cleardevice();
printf("\nEnter Number of times you want to change the color of tree:");
scanf("%d",&n);

for(i=0;i<n;i++)
{
setcolor(WHITE);
for(i=35;i<555;i++)
{
line(25+i,170,25+i,200);
}
for(i=35;i<555;i++)
{
setcolor(GREEN);
line(25+i,170,25+i,200);
delay(10);

setcolor(WHITE);
settextstyle(SMALL_FONT,0,16);
outtextxy(220,220,"LOADING");
delay(10);

settextstyle(SMALL_FONT,HORIZ_DIR,16);
outtextxy(390,220,"...");
}closegraph();

initgraph(&gd,&gm,"C:\\TURBOC3\\BGI");
firstCrown();delay(200);
secondCrown();delay(200);
thirdCrown();delay(200);
trunk();delay(200);

settextstyle(GOTHIC_FONT, HORIZ_DIR, 2);

settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,440,"Govenrment Polytechnic College, Gondia");

setfillstyle(SOLID_FILL,RED);
line(300,40,200,100);

9
line(300,40,400,100);
ellipse(300,100,180,360,98,30);
floodfill(310,50,WHITE);

setcolor(RED);
settextstyle(TRIPLEX_FONT, HORIZ_DIR, 5);
settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,370,"CREATED BY");
delay(2000);
graphdefaults();
cleardevice();

firstCrown();delay(200);
secondCrown();delay(200);
thirdCrown();delay(200);
trunk();delay(200);

setfillstyle(SOLID_FILL,MAGENTA);
line(250,125,180,160);
line(350,125,420,160);
ellipse(300,160,180,360,120,30);
floodfill(260,130,WHITE);

settextstyle(TRIPLEX_FONT, HORIZ_DIR, 2);

settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,400,"COMPUTER ENGINEERING (CO-31)");

settextstyle(GOTHIC_FONT, HORIZ_DIR, 2);

settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,440,"Govenrment Polytechnic College, Gondia");

setcolor(MAGENTA);
settextstyle(BOLD_FONT, HORIZ_DIR, 2);
settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,370," VISHAL S KESHARWANI");
delay(2000);
graphdefaults();
cleardevice();

firstCrown();delay(200);
secondCrown();delay(200);

10
thirdCrown();delay(200);
trunk();delay(200);

setfillstyle(SOLID_FILL,BLUE);
line(230,185,150,230);
line(360,185,440,230);
ellipse(295,230,180,360,145,30);
floodfill(250,190,WHITE);

settextstyle(TRIPLEX_FONT, HORIZ_DIR, 2);

settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,400,"LECTURER , COMPUTER ENGINEERING DEPARTMENT");

settextstyle(GOTHIC_FONT, HORIZ_DIR, 2);

settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,440,"Govenrment Polytechnic College, Gondia");

setcolor(GREEN);
settextstyle(SANS_SERIF_FONT, HORIZ_DIR, 3);
settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,370,"UNDER GUIDANCE OF : KHIRADE SIR [KINGRAJ SIR]");
delay(2000);
graphdefaults();
cleardevice();

setcolor(GREEN);
settextstyle(BOLD_FONT, HORIZ_DIR, 3);
settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(360,200," END ");
delay(2000);
graphdefaults();
cleardevice();
}
getch();
closegraph();
}

11
  Turbo C++ compiler : Turbo C++ is a discontinued C++ compiler and integrated
development environment and computer language originally from Borland. Most recently it
was distributed by Embarcadero Technologies, which acquired all of Borland's compiler tools
with the purchase of its CodeGear division in 2008. The original Turbo C++ product line was
put on hold after 1994 and was revived in 2006 as an introductory-level IDE, essentially a
stripped-down version of their flagship C++Builder. Turbo C++ 2006 was released on
September 5, 2006 and was available in 'Explorer' and 'Professional' editions.

 COMPUTER SYSTEM :
I have used DELL INSPIRON , 8th generation WITH INBUILT WINDOWS 10 Operating system
of 3.20 GHz INTEL Pentium Core processor with i7technology computer ( PC ). Dell
Inspiron desktops and all-in-one PCs are designed with innovative technology and
latest features .

 OFFICE SOFTWARE PACKAGES :

I have used MS word 2013 for creating our report to show about how we created this
website . For performing of this project we have used MICROSOFT WORD OFFICE OF
2013 version. Microsoft Office 2013 is a version of Microsoft Office, a productivity
suite for Microsoft Windows. It is the successor to Microsoft Office 2010 and the
predecessor to Microsoft Office 2016.

12
  ALGORITHM OF ANIMATION PROGRAM CODE :
1] ALGORITHM : To create a moving animation using computer graphics .
INPUT : One number for color changing of tree .
OUTPUT : N Number Of Color Changing Tree With Different Colorful Changing
Fonts .
Steps : 1. Initiate graphics by declaring gd=DETECT , gm and defining this variables
by initgraph (&gd , &gm, ”your computer turboc c address” ) ;
2. Read value of n .
3. FOR LOADING SCREEN :
Repeat steps 2 for(i=0;i<n;i++)
{
setcolor(WHITE);
repeat step for(i=35;i<555;i++)
{
line(25+i,170,25+i,200);
}
Repeat step for(i=35;i<555;i++)
{
setcolor(GREEN);
line(25+i,170,25+i,200);
delay(10);

}
a. For Displaying the colorful tree :
call the functions which is created outside the function :
firstCrown();delay(200);
secondCrown();delay(200);
thirdCrown();delay(200);
trunk();delay(200);

b. For displaying the tree with changed color

Call the same functions with changed color :
Usin the function of graphics setcolor(RED); which sets color to default color .

c. Using following functions set your default font and font style .
settextstyle(TRIPLEX_FONT, HORIZ_DIR, 2);
settextjustify(CENTER_TEXT, CENTER_TEXT);
outtextxy(300,400,"LECTURER , COMPUTER ENGINEERING
DEPARTMENT");

13
 d. Display the tree for given n no of times with changing color .
e. End .

2] Algorithm : void firstCrown()

OUTPUT : First Crown Of The Tree .
STEP 1 : Start .
STEP 2 : Set The Filling Style Of Crown Using Setfillstyle Function .
STEP 3 : Create The Object Borders Using Line Function And Ellipse Function .
STEP 4 : Using Flood Fill Algorithm Fill Color To The Crown .
STEP 5 : End.
{
setfillstyle(SOLID_FILL,GREEN);
line(300,40,200,100);
line(300,40,400,100);
ellipse(300,100,180,360,98,30);
floodfill(310,50,WHITE);
}
SAME ALGORITHM FOR ALL FUNCTION THAT HAS BEEN CREATED OUTSIDE THE MAIN
FUNCTION .

5.0 Actual Methodology Followed

 First I have discussed for my micro-project required resources .
 Then I have collected required informations from many of websites , Books and from
internet about recursion concept in C Language .
 After this I have created my animation code of ( N Number Of Color Changing Tree
With Different Colorful Changing Fonts ) using grahics releted functions in TURBO-C
Compiler .
 Then I have tested my program code in TURBO C Compiler for checking my program
code giving me expected output or not ! .
 So if tested ok then program is fully functional , ready for use and demonstration.

 After testing work of animation programs I have created a report to present my

animation program about how I used the graphics related concepts to make
aniamtion of C language .
 After completing this report we have submitted it to our guidance .

14
 6.0 Actual Resources Used

S. No. Name of Resource/material Specifications Qty Remarks

1 WEBSITES www.recursionofC.com -
www.recursionconcept.com
www.Clanguagerecursioncon.COM
www.programrecursion.com
2 SOFTWARES TURBO C++ COMPILER , GOOGLE 01/01
CHROME BROWSER .
3 Computer system Dell inspiron2123, core- 01
i7processor with windows 10
operating system.
4 Office software packages MS WORD office 2010 -

5 C program code Reference to literature review -

6 Algorithm , Flowchart As reference to literature review -

7.0 Outputs of the Micro-Project

SOME OUTPUT HAS GIVEN BELOW :

15
16
8.0 Skill Developed / learning out of this Micro-Project

 Graphics Animation Program writing skills is developed from this micro-

project .
 Problem solving skills .
 Creativity .
 Critical thinking skills .

9.0 Applications of this Micro-Project

 Computer-generated imagery is used for movie making, video game
and computer program development, scientific modeling, and design for catalogs and
other commercial art.
 Some people even make computer graphics as art. We can classify applications of
computer graphics into four main areas: Display of information.

**************

17