Display .gif In Applet Problem

Question

I have been making a game. Very simply, the game has a main class and another truely important class that extends JFrame, it is the map. In it i need to upload .gif files and display them. It worked up until recently because i needed to make a sepperate class. I know how to use the getImage() for Images and the the way for ImageIcons, but for some reason, they never display (they display just whiteness). My Code is as follows
import java.awt.*;
import java.awt.event.*;
import java.util.*;
import javax.swing.*;
import java.io.*;
// when this puppy reads from a file, it'll be able to have 55 15 x 15 terrains per row
// 35 15 x 15 terrains per column
// arrows by everythign that u would need to consider in finding the problem
// this is not the main class
public class GameMap extends JPanel implements MouseListener, MouseMotionListener, KeyListener{
     public static final int MAX_BULLETS = 200;
     public static final int MAX_PLAYERS = 50;
     public static final int SPLAT_SIZE = 15;
     public static final int PLAYER_SIZE = 15;
     public static final int MAX_MESSAGES = 10;
     public static final int ROBOT_SIZE = 15;
     private static final int rowTerrains = 35;
     private static final int columnTerrains = 55;
     private static int currentBullets = 0;
     private static int currentPlayers = 0;
     private static int bulletRotation = 0;
     private static int aimX, aimY;
     private boolean mapLoaded;
     private boolean writingMessage;
     private boolean imagesLoaded;
     private int messageRotation;
     private int tileCoord;
     private String messageText = "";
     private String currentMap;
    private Bullet bullet[] = new Bullet[MAX_BULLETS];
    private Player player[] = new Player[MAX_PLAYERS];
    private Message message[] = new Message[MAX_MESSAGES];
    private Color backgroundColor = new Color(81, 141, 23);
    private Image offscreenMap; // offscreen image of map
    private Graphics mapGraphics;
     private ImageIcon yellowSplat1, yellowSplat2, yellowSplat3, yellowSplat4, yellowSplat5, bluePlayerBack, bluePlayerFront, bluePlayerRight, bluePlayerLeft, grass, tree, mountain, robot1;
     private Terrain terrain[] = new Terrain[(rowTerrains * columnTerrains)];
     public GameMap(){
          this(800, 450);
     public GameMap(int width, int height){
          addMouseListener(this);
          addMouseMotionListener(this);
          addKeyListener(this); // use method requestFocusInWindow() for this to work
          setPreferredSize(new Dimension(width, height));
          setBackground(backgroundColor);
          for (int x = 0; x < bullet.length; x++){
               bullet[x] = new Bullet();
          for (int x = 0; x < player.length; x++){
               player[x] = new Player();
          for (int x = 0; x < message.length; x++){
               message[x] = new Message();
          for (int x = 0, currentX = 0, currentY = 0; x < (rowTerrains * columnTerrains); x++){
               terrain[x] = new Terrain();
               terrain[x].setX(currentX);
               terrain[x].setY(currentY);
               currentX += 15;
               if (currentX > columnTerrains * 15){
                    currentX = 0;
                    currentY += 15;
          player[0].drawPlayer(0, 0);
          //loadMap("Map1.txt"); // this is called to load the map right when this object is initialized
     public void paintComponent(Graphics g){
          super.paintComponent(g);
          Graphics2D g2d = (Graphics2D)g;
          Composite originalComposite = g2d.getComposite();
          if (imagesLoaded == false){
               yellowSplat1 = new ImageIcon("yellow1.gif");
               yellowSplat2 = new ImageIcon("yellow2.gif");
               yellowSplat3 = new ImageIcon("yellow3.gif");
               yellowSplat4 = new ImageIcon("yellow4.gif");
               yellowSplat5 = new ImageIcon("yellow5.gif");
               bluePlayerBack = new ImageIcon("BlueBack.gif");
               bluePlayerFront = new ImageIcon("BlueFront.gif");
               bluePlayerLeft = new ImageIcon("BlueLeft.gif");
               bluePlayerRight = new ImageIcon("BlueRight.gif");
               grass = new ImageIcon("Grass.gif");
               tree = new ImageIcon("Tree.gif");
               mountain = new ImageIcon("Mountain.gif");
               robot1 = new ImageIcon("Robot1.gif");
          if (mapLoaded == false){ // so a map is loaded when game is started
               loadMap("Map1.txt");
               mapLoaded = true;
          g.drawImage(offscreenMap, 0, 0, this);
          for (int x = 0; x < bullet[0].totalBullets; x++){
               if (bullet[x].getArrived()){
                    //find splat type and display it
                    g2d.setComposite(makeComposite(0.5f));
                    switch (bullet[x].getSplatType()){
                         case 0:
                              yellowSplat1.paintIcon(this, g2d, bullet[x].getDestX() - SPLAT_SIZE / 2, bullet[x].getDestY() - SPLAT_SIZE / 2);
                              break;
                         case 1:
                              yellowSplat2.paintIcon(this, g2d, bullet[x].getDestX() - SPLAT_SIZE / 2, bullet[x].getDestY() - SPLAT_SIZE / 2);
                              break;
                         case 2:
                              yellowSplat3.paintIcon(this, g2d, bullet[x].getDestX() - SPLAT_SIZE / 2, bullet[x].getDestY() - SPLAT_SIZE / 2);
                              break;
                         case 3:
                              yellowSplat4.paintIcon(this, g2d, bullet[x].getDestX() - SPLAT_SIZE / 2, bullet[x].getDestY() - SPLAT_SIZE / 2);
                              break;
                         case 4:
                              yellowSplat5.paintIcon(this, g2d, bullet[x].getDestX() - SPLAT_SIZE / 2, bullet[x].getDestY() - SPLAT_SIZE / 2);
                              break;
               else{
                    g2d.setComposite(originalComposite);
                    g2d.setColor(Color.yellow);
                    g2d.fillOval(bullet[x].getX(), bullet[x].getY(), 3, 3);
          g2d.setComposite(originalComposite);
          g.setColor(Color.yellow);
          for (int x = 0; x < player[0].totalPlayers; x++){
               if (player[x].getPlayerPosition().equals("Back")){
                    bluePlayerBack.paintIcon(this, g2d, player[x].getX(), player[x].getY());
               else if (player[x].getPlayerPosition().equals("Right")){
                    bluePlayerRight.paintIcon(this, g2d, player[x].getX(), player[x].getY());
               else if (player[x].getPlayerPosition().equals("Left")){
                    bluePlayerLeft.paintIcon(this, g2d, player[x].getX(), player[x].getY());
               else if (player[x].getPlayerPosition().equals("Front")){
                    bluePlayerFront.paintIcon(this, g2d, player[x].getX(), player[x].getY());
               else{
                    g2d.fillOval(player[x].getX(), player[x].getY(), 15, 15);
          if (writingMessage){
               g2d.setColor(new Color(0, 0, 130));
               g2d.setComposite(makeComposite(0.5f));
               g2d.draw3DRect(8, 7, 800, 17, true);
               g2d.setComposite(originalComposite);
               g2d.setColor(Color.yellow);
               g2d.drawString(messageText, message[0].getX(), 20);
          for (int x = 0; x < MAX_MESSAGES; x++){
               if (message[x].isDisplayed()){
                    g2d.drawString(message[x].getMessage(), message[x].getX(), message[x].getY());
     private AlphaComposite makeComposite(float alpha) {
          int type = AlphaComposite.SRC_OVER;
          return(AlphaComposite.getInstance(type, alpha));
     public void drawBullet(int aimX, int aimY){
          bullet[bulletRotation].drawBullet(player[0].getX() + PLAYER_SIZE / 2, player[0].getY() + PLAYER_SIZE / 2, aimX, aimY);
          player[0].setPlayerPosition(bullet[bulletRotation].getPlayerPosition());
          bulletRotation++;
          if (bulletRotation >= MAX_BULLETS){
               bulletRotation = 0;
     public void loadMap(String map){
          mapLoaded = false;
          currentMap = map;
          try{
               BufferedReader in = new BufferedReader(new FileReader(map));
               String input, string1, string2;
               for (int x = 0; x < terrain.length; x++){
                    terrain[x].setFilled(false);
               for (int x = 0, currentArray; x < terrain.length; x++){
                    if ((input = in.readLine()) != null) {
                         StringTokenizer st = new StringTokenizer(input);
                         currentArray = Integer.parseInt(st.nextToken());
                         terrain[currentArray].setTerrainType(st.nextToken());
                         terrain[currentArray].setFilled(true);
                    else{
                         break;
               in.close();
               offscreenMap = createImage(size().width, size().height);
               mapGraphics = offscreenMap.getGraphics();
               //mapGraphics.clearRect(0, 0, size().width, size().height);
               // everything from here down is to be painted to mapGraphics... but it doesn't get this far cuz of an error
               for (int x = 0; x < terrain.length; x++){
                    if (terrain[x].getTerrainType().equals("Grass")){
                         grass.paintIcon(this, mapGraphics, terrain[x].getX(), terrain[x].getY());
                         System.out.println("terrain(" + x + ") is Grass");
                    else if (terrain[x].getTerrainType().equals("Tree")){
                         tree.paintIcon(this, mapGraphics, terrain[x].getX(), terrain[x].getY());
                         System.out.println("terrain(" + x + ") is Tree");
                    else if (terrain[x].getTerrainType().equals("Mountain")){
                         mountain.paintIcon(this, mapGraphics, terrain[x].getX(), terrain[x].getY());
                         System.out.println("terrain(" + x + ") is Mountain");
          catch (FileNotFoundException e){
               System.out.println("Map not found");
          catch (IOException e){
               System.out.println("IOException Error!");
          // **** mouse Listener ****//
     public void mouseClicked(MouseEvent e){}
     public void mousePressed(MouseEvent e){}
     public void mouseReleased(MouseEvent e){
          if (e.getButton() == 1){
               //System.out.println("player[0].movePlayer(" + e.getX() + ", " + e.getY() + ")");
               aimX = e.getX();
               aimY = e.getY();
               movePlayer(aimX, aimY);
          else if (e.getButton() == 3){
               aimX = e.getX();
               aimY = e.getY();
               drawBullet(aimX, aimY);
     public void mouseEntered(MouseEvent e){
          if (isFocusOwner() != true){
               requestFocusInWindow();
     public void mouseExited(MouseEvent e){}
     // **** end mouse listener ****//
     // **** mouse motion listener ****//
     public void mouseDragged(MouseEvent e){}
     public void mouseMoved(MouseEvent e){}
     // **** end mouse motion listener ****/
     public void keyPressed(KeyEvent e){}
     public void keyReleased(KeyEvent e){}
     public void keyTyped(KeyEvent e){}
}I removed a few unnecessary methods from this code to make it easier to view. EVERYTHING works except for the images displaying. The reason i'm having this problem now is i just redid my workspace and copied the code and i think some glitch stopped it from compiling correctly all along so now i experience this problem in the applet viewer. Though, even before, i couldn't get anything to display in an applet.
And yes, everything is in the same place as the html file.
Thanks for your help!

Answer 1

Here's a way to keep track of and paint images with a simple Rectangle array. And also a way to remove lengthy initialization code blocks from paintComponent. Move the images by moving the rectangles.
import java.awt.*;
import java.awt.event.*;
import java.io.*;
import java.net.*;
import javax.imageio.ImageIO;
import javax.swing.*;
public class GameMapRx
    public static void main(String[] args)
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(new GameMapPanel());
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
class GameMapPanel extends JPanel
    Image[] images;
    Rectangle[] rects;
    boolean firstTime;
    final int PAD;
    public GameMapPanel()
        loadImages();
        firstTime = true;
        PAD = 20;
    protected void paintComponent(Graphics g)
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        int w = getWidth();
        int h = getHeight();
        if(firstTime)
            initializeGameMap(w, h);
        for(int i = 0; i < rects.length; i++)
            Rectangle r = rects;
g.drawImage(images[i], r.x, r.y, this);
g2.draw(r);
private void loadImages()
String path = "images/duke/";
String ext = ".gif";
images = new Image[10];
for(int i = 0; i < images.length; i++)
try
URL url = getClass().getResource(path + "T" + (i + 1) + ext);
images[i] = ImageIO.read(url);
catch(MalformedURLException mue)
System.out.println("Bad URL: " + mue.getMessage());
catch(IOException ioe)
System.out.println("Unable to read: " + ioe.getMessage());
private void initializeGameMap(int w, int h)
rects = new Rectangle[images.length];
int imageWidth = images[0].getWidth(this);
int imageHeight = images[0].getHeight(this);
int cols = (w - 2*PAD) / imageWidth;
int xInc = imageWidth + (w - cols * imageWidth) / (cols + 1);
int x0 = (w - cols * imageWidth -
(cols - 1) * ((w - cols * imageWidth) / (cols + 1))) / 2;
for(int i = 0; i < images.length; i++)
int x = x0 + xInc * (i % cols);
int rows = i / cols;
int y = PAD + (imageHeight + PAD) * rows;
rects[i] = new Rectangle(x, y, imageWidth, imageHeight);
firstTime = false;