TUTORIAL NO 8
Bouncing Ball Animation in JAVA in MutiThreading
In this tutorial you will learn:
1.Multi Threading
2.Inner Classes
3.Swing Animations
4.JAVA awt
5.JAVA swing
6.Adapters
A lot of newbies ask this question how to make a bouncing ball animation in java using graphic elements so I decided to address this problem and today I am going to teach you how to make a very simple bouncing ball animation in java.
In this tutorial we will be working in JAVA SWING. The first thing that we are going to do is setting up a JPanel and adding the required Components after that adding that JPanel in the JFrame.
Basic step:
Download and install ECLIPSE and set up a JAVA PROJECT. Then create a new class and name it Animation. Then follow the steps
1.IMPORT STATEMENTS
First of all write these import statements in your .java file
import javax.swing.*;
import java.awt.*;
Here we require swing import for drawing the image and including the working with the animation by including the paintComponent.
2. SETTING UP THE PANEL CLASS
class MoveBall
extends JPanel {
Image football
= new ImageIcon("football//football.png").
getImage(); //including the football
int xpos = 10, ypos = 50; //for x and y coordinates of football
int xinc = 2, yinc = 2, xtop = 20, ytop = 20, xbot = 900, ybot = 450;
moveball b = new moveball(); //making an object of inner class to pass on
First of all we will include the football image from our football folder and save it in the object which we named football. Then we created the variables for the x and y coordinate so that we can move the football here and there. After that we declared increment variable and set it to certain values depends on how much we want to increment on each collision. After that set the xtop ,ytop variables to certain values which will be our minimum values of x and y coordinates and then we set the xbot and ybot values which will be our maximum values for x and y coordinates. After that we just made an object of our inner class which is extending from thread class to implement multi threading.
3. WRITING THE CONSTRUCTOR
MoveBall() {
mb.start();
}//end constructor
In the constructor we simply started a thread by making an instance of thread class and passing the inner class object to it.
4. WRITING THE PAINTCOMPONENT
public void paintComponent
(Graphics g
) { super.paintComponent(g);
setBackground
(Color.
WHITE);
g2d.drawImage(football,xpos,ypos,null); //drawing the football
}
Here the paint component is quite simple we first called the super class paintComponent to include its features in our base class and then we type casted our graphics object graphics 2D object so that we can work with swing elements. After that we set our background color and simply draw the football image.
5. WRITING THE INTERNAL CLASS
public class moveball
extends Thread { public void move() {
if (xpos > xbot) {
xinc = -10; //whenever xcoordinate is greater than maximum bounce back
}
else if (xpos <= xtop) {
xinc = 10; //otherwise set increment to 10
}
if (ypos > ybot) {
yinc = -10;
}
else if (ypos <= ytop) {
yinc = 10;
}
xpos += xinc;
ypos += yinc;
}
Now in the internal class we make a move function to move the football and bounce against the edges. First of all we compare the current position with the lower limit if it is greater than the lower limit than we set the increment to -10 other wise we check if current position is less than max position if this is the case then we set the increment value to 10. After that we check the current position of y and compare it with the minimum limit of y if it is greater then we move upwards by decrementing 10 and otherwise we check if current position is less than or equal to minimum y coordinate if that is the case then we increment current position of y by 10. After that we simply add the current position with the values of x and y increment which are set according to the above conditions.
public void run() {
while (true) {
move();
try {
}
repaint(40);
}
}
}
} //end panel
Now we write the implementation for run function. In this function we created an infinite loop and call the move function to move the football according to the conditions. After that we simply sleep our animation for 20ms and then repaint after 40 to slow down the speed of our animation.
6. WRITING THE PUBLIC CLASS:
public class BallThread
extends JFrame { MoveBall mb = new MoveBall();
BallThread() {
add(mb);
setTitle("Moving Football Animation");
setDefaultCloseOperation
(JFrame.
EXIT_ON_CLOSE); setSize(950, 550);
setVisible(true);
}
public static void main
(String args
[]) {
new BallThread();
}
}
In the end we write our public class which is extending from JFrame and we make a panel object in it and add this object to the frame. After that we set the title ,close operation , size and visibility and write the main function in the end. Now our application is complete.
Output:
