MAHARASHTRA STATE BOARD OF TECHNICAL

EDUCATION

NAVJEEVAN EDUCATION SOCIETY’S POLYTECHNIC

MICRO PROJECT

Academic year: 2021-22

TITLE OF MICRO PROJECT

“To create a moving animation using
computer graphics( N Number Of Color
Changing Tree With Different Colorful
Changing Fonts )”
Program : Computer Engineering.
Program code: CO3I
Course : COMPUTER GRAPHICS.
Course code : 22318
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION
Certificate
This is to certify that MR.Vaibhav kothare (1213),
MS.Shruti Jangam (1214),
MR. Ketan Ambolkar (1215)
of 3rd Semester of Diploma in Computer Engineerging of Institute,
Navjeevan Education Society's polytechnic Bhandup: (Code:0144)
has completed the Micro Project satisfactorily in
Subject:COMPUTER GRAPHICS .(22318)
for the academic year 2021- 2022 as prescribed in the curriculum.

Place: Bhandup. Enrollment no:- 1) 2001440093

2) 2001440094
3) 2001440095
Date:- _ Exam Seat no:- 1) 108988
2) 108989
3) 108990
Subject Teacher Head of the Department Principal
 GROUP DETAILS

SR. Name of Group Roll no Enrollment No Seat no

NO Members
1. Vaibhav kothare 1213 2001440093 108988

2 Shruti Jangam 1214 2001440094 108989

3 Ketan Ambolkar 1215 2001440095 108990

HELPED AND GUIDED BY

MS.YAMUNA YAMGAR

Micro-Project Proposal
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
powerof 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 makinga
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.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 computergraphics.

BELOW FIGURE SHOWS BASIC GRAPHICS PIPELINE :

 Examples are photographs, drawings, line
art, graphs, diagrams, typography, numbers, symbols, geometric designs,
maps, engineering 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 bookwithout 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 3 Sem Computer Engineering : This book
rd

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]
Contentincludes tutorials and references relatingto HTML, CSS, JavaScript,
JSON, PHP, Python, AngularJS, React.js, SQL, Bootstrap, Sass, Node.js,
jQuery, XQuery, AJAX, XML, Raspberry Pi, C++, and Java.
 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);
}
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);
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);
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);
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();
}
  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
systemof 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.
  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
variablesby initgraph (&gd , &gm, ”your computer turboc c
address” ) ;
1. Read value of n .
2. 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,20
0);
}
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
ENGINEERINGDEPARTMENT");
 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 MAINFUNCTION .

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 frominternet 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 .
 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 :
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.

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

Teacher’s Signature

(MS. YAMUNA YAMGAR)

*************
Softcopy of Micro-project
 Micro-Project Evaluation Sheet

Name of Student :VAIBHAV KOTHARE Enrollment No: 2001440093 .

Name of Program: COMPUTER ENGINEERING. Semester : THIRD .
Course Title : COMPUTER GRAPHICS Course Code:: C G R ( 2 2 3 1 8 ) .

Title of the Micro-project: TO CREATE A MOVING ANIMATION USING COMPUTER GRAPICS

Course Outcomes Achieved:
 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 .

Sr. Poor (Marks Average Good (Marks Excellent Sub

No. Characteristic to be assessed 1-3) (Marks 4-5) 6-8) (Marks 9- 10) Total

A. Process and Product Assessment (6 Marks)

1 Relevance to the course

Literature Survey / Information
2 Collection

Completion of the Target as per

3 project proposal

Analysis of Data and

4 representation

5 Quality of Prototype/Model
6 Report Preparation

B. Individual Presentation/ Viva (4 Marks)

7 Presentation

8 Viva

Comments/Suggestions about teamwork/leadership/interpersonal communication (if any):

…………………………………………………………………………………………………
……....…
Name and designation of the Faculty Member:MS. YAMUNA YAMGAR
Dated Signature: ……………………………………..
 Micro-Project Evaluation Sheet

Name of Student : Shruti Jangam Enrollment No 2001440094

Name of Program: COMPUTER ENGINEERING. Semester : THIRD .
Course Title : COMPUTER GRAPHICS Course Code:: :C G R ( 2 2 3 1 8 ) .
Title of the Micro-project: .TO CREATE A MOVING ANIMATION USING COMPUTER GRAPICS
Course Outcomes Achieved:
 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 .
Sr. Poor (Marks Average Good (Marks Excellent Sub
No. Characteristic to be assessed 1-3) (Marks 4-5) 6-8) (Marks 9- 10) Total

A. Process and Product Assessment (6 Marks)

1 Relevance to the course

Literature Survey / Information
2 Collection

Completion of the Target as per

3 project proposal

Analysis of Data and

4 representation

5 Quality of Prototype/Model
6 Report Preparation

B. Individual Presentation/ Viva (4 Marks)

7 Presentation

8 Viva

Comments/Suggestions about teamwork/leadership/interpersonal communication (if any):

…………………………………………………………………………………………………
……....…
Name and designation of the Faculty Member:MS. YAMUNA YAMGAR
Dated Signature: ……………………………………..
 Micro-Project Evaluation Sheet

Name of Student : Ketan Ambolkar Enrollment No: 2001440095.

Name of Program: COMPUTER ENGINEERING. Semester : THIRD .
Course Title : COMPUTER GRAPHICS Course Code:::C G R ( 2 2 3 1 8 )
Title of the Micro-project: TO CREATE A MOVING ANIMATION USING COMPUTER GRAPICS
Course Outcomes Achieved:
 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 .

Sr. Poor (Marks Average Good (Marks Excellent Sub

No. Characteristic to be assessed 1-3) (Marks 4-5) 6-8) (Marks 9- 10) Total

A. Process and Product Assessment (6 Marks)

1 Relevance to the course

Literature Survey / Information
2 Collection

Completion of the Target as per

3 project proposal

Analysis of Data and

4 representation

5 Quality of Prototype/Model
6 Report Preparation

B. Individual Presentation/ Viva (4 Marks)

7 Presentation

8 Viva

Comments/Suggestions about teamwork/leadership/interpersonal communication (if any):

…………………………………………………………………………………………………
……....…
Name and designation of the Faculty Member:MS. YAMUNA YAMGAR
Dated Signature: ……………………………………..