Simple Ball Animation with border collision using VS 2005 and .NET 2.0

• Download source files - 52 Kb

Introduction

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) 
DrawBall(Graphics g, int move_x, int move_y) 
MoveBall(Ball ball, int screenHeight, int screenWidth)

The 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);
// Create solid brush. 
SolidBrush redBrush = new SolidBrush(_ballColor); 
// Fill ellipse on screen
g.FillEllipse(redBrush, _x, _y, _width, _height);

The double buffering is achieved by the following code:

this.SetStyle(ControlStyles.OptimizedDoubleBuffer, true); 
this.SetStyle(ControlStyles.AllPaintingInWmPaint, true); 
this.SetStyle(ControlStyles.UserPaint, true); 

We have used a timer with interval 1 milisecond to animate the balls. In the Timer Tick method I used:

for (int i = 0; i < TOTAL_BALLS; i++) 
{
    manyBall[i].MoveBall(
       manyBall[i],
       pictureBox1.Height, 
       pictureBox1.Width
    ); 
} 
this.Refresh();            

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++) 
    { 
        manyBall[i].DrawBall(e.Graphics); 
    } 
}

Conclusion

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.

You must Sign In to use this message board.

FAQ    Noise Tolerance Very HighHighMediumLowVery Low   Layout Expand Posts & RepliesThread ViewNo JavascriptNo JS + Preview   Per page 102550

Msgs 1 to 2 of 2 (Total in Forum: 2) (Refresh) FirstPrevNext

Interesting and useful BigWorld 22:17 12 Jan '09   Can be used for some fun stuff. Thank you. Sign In·View Thread·PermaLink Why a PictureBox? Robert Rohde 5:28 13 May '06   Why did you use a PictureBox? You could have made the same by simply inheriting from Control and overriding OnPaint... Sign In·View Thread·PermaLink 1.00/5 (1 vote)

Last Visit: 7:19 5 Jul '09     Last Update: 7:19 5 Jul '09 1