In this project, I have demonstrated a simple technique on how we can animate some balls in a Picture Box. The balls collides with the walls and change directions. Using the double buffering of .NET 2.0, it is very easy to handle large processing of graphical animation.
I have created a
Ball class which can be reused and extended for other projects as well. The
Ball class has the following methods:
DrawBall(Graphics g, int move_x, int move_y)
MoveBall(Ball ball, int screenHeight, int screenWidth)
DrawBall with the single parameter draws an ellipse on the
Graphics object. On the other hand, the
Drawball with three parameters draws the updated ball on the screen.
The ball is created using the following code:
g.DrawEllipse(new Pen(_ballColor), _x, _y, _width, _height);
SolidBrush redBrush = new SolidBrush(_ballColor);
g.FillEllipse(redBrush, _x, _y, _width, _height);
The double buffering is achieved by the following code:
We have used a timer with interval 1 millisecond to animate the balls. In the Timer Tick method I used:
for (int i = 0; i < TOTAL_BALLS; i++)
To Refresh the picture box on where we are painting the balls, I wrote:
private void pictureBox1_Paint(object sender, System.Windows.Forms.PaintEventArgs e)
for(int i = 0; i < TOTAL_BALLS; i++)
We have seen how we can animate balls using simple animation techniques. Hope you like the code. Till then, Eat Bytes Regularly for good health.
- 13th May, 2006: Initial post