Using pictures in applets

Basic structure of an applet
Move a ball
Double buffering
Ball bouncing and change the direction
Using sound in applets
Using pictures in applets
Mouse events
Keyboard events
The first complete game
Artificial intelligence for a pong like game
Generation of random 2D landscapes

Just like "adding" sound files to an applet you can add pictures. Now I want to explain to you how to do this by adding a background picture to our "ball bounce" applet. Again we have to declare an instance variable, an Image object called backImage:

    Image backImage;

Then we load a picture to our applet and store it in the object reference backImage (import java.applet.* and java.net.*!!). This works very similar to loading sound files, please add these lines to your init() - method:

    // load file Land.jpg
    backImgage = getImage (getCodeBase (), "Land.jpg");

As a last step we have to paint this picture in the paint() - method of the applet:

    // drawing the image: g.drawImage (name, x- value, y - value, frame)
    g.drawImage (backImage, 0, 0, this);

That's it! I used a *.jpg - file in this example but that is not that good. Normally you should use *.gif - files, because their size is not that big, (makes the applet run faster), and they are more common in the internet. Another reason to use *.gif - files is that you can define the background of a *.gif - file transparent. So you can use them to overlay for example a ball object (which is just a colored circle at the moment) with a real good looking picture. You can see a example for this in the game Streethockey and maybe there will be a "advanced topic" for this technique someday!

Sourcecode download
Take a look at the applet

Next chapter

Handling mouse events