Intermediate 🎮 Games

Bouncing Ball Game

Build an animated bouncing ball game using the Canvas control. Learn about game loops with the Timer control, collision detection with canvas boundaries, velocity and physics simulation, and real-time rendering. This example introduces game development concepts in a visual, engaging way.

VB6 Python Canvas Animation

Open This Example All Examples

What You'll Learn

Use the Canvas control for 2D rendering

Implement game loops with Timer control

Detect collisions with boundaries

Simulate basic physics (velocity, bounce)

Controls Used

Use Cases

Game development
Animation demos
Physics simulations

Code Preview

Here's a taste of the code. Open the full example in WebVB Studio to explore, modify, and run it.

Visual Basic 6

Dim ballX As Double, ballY As Double
Dim velX As Double, velY As Double

Private Sub Form_Load()
    ballX = 100: ballY = 100
    velX = 3: velY = 2
    Timer1.Interval = 16  ' ~60 FPS
End Sub

Private Sub Timer1_Timer()
    Canvas1.Clear
    ballX = ballX + velX
    ballY = ballY + velY
    ' Bounce off walls
    If ballX <= 0 Or ballX >= Canvas1.Width Then velX = -velX
    If ballY <= 0 Or ballY >= Canvas1.Height Then velY = -velY
    Canvas1.FillCircle ballX, ballY, 15, "red"
End Sub

Python

ball_x, ball_y = 100.0, 100.0
vel_x, vel_y = 3.0, 2.0

def Form_Load():
    Timer1.Interval = 16  # ~60 FPS

def Timer1_Timer():
    global ball_x, ball_y, vel_x, vel_y
    Canvas1.Clear()
    ball_x += vel_x
    ball_y += vel_y
    if ball_x <= 0 or ball_x >= Canvas1.Width:
        vel_x = -vel_x
    if ball_y <= 0 or ball_y >= Canvas1.Height:
        vel_y = -vel_y
    Canvas1.FillCircle(ball_x, ball_y, 15, "red")

🎮