APPLET

import required
classes and
packages
filename

Your variable
(that can be any
letter/s)
DRAW STRING

String to be Position of
Your variable displayed Strings

y-axis
Code for X-axis
displaying
Strings
SETTING FONT Font.BOLD
Font.PlAIN
Font.ITALIC

variable Font Font Style Font Size

Declare
variable
A Color object can be created with this three constructors:
Color.red
Color(R,G,B)
Color(float red, float green, float blue)

For example:
Chosen color Chosen color

Chosen color
 Take note, you need to declare
first the color before the output
An oval can be drawn using the method drawOval() as follows:

variable.drawOval( int x, int y, int width, int height )

y-axis
height

x-axis width

width

height
A rectangle can be drawn using the method drawRect() as:

variable.drawRect( int x, int y, int width, int height )

y-axis
height

x-axis width

width

height
 A line linking two points can be drawn using the method drawLine() as follows:

variable.drawLine( int x1, int y1, int x2, int y2 )

2nd point
1stpoint
2nd point y-axis 2nd x and
1stpoint y-axis y axis
x-axis
x-axis

1st x and
y axis
POLYGON
Open the image on paint

Enable the ruler and guideline shown in view tab

Zoom in (max) the photo and mark the After marking all the necessary area, gather and
corners that you have to trace / draw list their x and y axis by simply placing the cursor on
the marked pixel and on the lower left area of the
paint you’ll see their corresponding x and y

CURSOR

*Zoom in to see the marked areas

X-AXIS

Y-AXIS
After listing all the x and y axis of the marked areas, you can now use the method
fillPolygon() and/or drawPolygon () as follows:

variable. fillPolygon(xPoints, yPoints, x or y avariable.length);

variable.drawPolygon(xPoints, yPoints, x or y avariable.length);

Variables Total count of numbers X-AXIS Y-AXIS

fillPolygon

drawPolygon

Y-AXIS
Total count of numbers

Take note:
X-AXIS the count of numbers on the x and y axis must be equal.
If the X points is 13 then y points should be 13
drawPolygon () method VS drawPolyline() method

Starting point End point

End point
Starting point

On drawPolyline you have to encode again the starting point at

the end to close the drawing or to meet the starting and end
point

Unlike on drawPolygon, even you don't input the starting

points at the end, the drawing will automatically close or meet
the starting point.
 End point
Starting point
Starting point

End point
BACKGROUND MUSIC
Filename (music)
variable

Declare
variable
Html file

On the HTML file, you can

customize the size of your
applet based on what size
you prefer.