Java Slick Loading GIF Image

Slick Loading Animate GIF Image

This section I'll show you how to load Animate GIF. If you load an animate " gif " image as the way you load a " png " image, the image will load perfectly,
however, soon you will realize that the image is not animating. One of the way to load that " animate image " is use an image edit software to save each of the
images of the animate gif image. I personally use " GIMP ", it's a free open source software which you can obtain from here. Once, you have all the images saved,
lets look at the code.

Example

/* This program demonstrate how to load a .gif image */ package slickloadgifimage; /** * * @author jj */ import org.newdawn.slick.*; public class GifLoader extends BasicGame { //Creates an animation object Animation ani; //Creates a series of image objects Image earth1 = null; Image earth2= null; Image earth3 = null; Image earth4 = null; Image earth5 = null; Image earth6 = null; Image earth7 = null; Image earth8 = null; Image earth9 = null; Image earth10 = null; public GifLoader() { //The title of the window super("Loading GIF Image"); } //Each time the program starts/restarts, this method will be called @Override public void init(GameContainer gc) throws SlickException { //Create the animation object ani = new Animation(); //Load the Images earth1 = new Image("slickloadgifimage/images/10.gif"); earth2 = new Image("slickloadgifimage/images/9.gif"); earth3 = new Image("slickloadgifimage/images/8.gif"); earth4 = new Image("slickloadgifimage/images/7.gif"); earth5 = new Image("slickloadgifimage/images/6.gif"); earth6 = new Image("slickloadgifimage/images/5.gif"); earth7 = new Image("slickloadgifimage/images/4.gif"); earth8 = new Image("slickloadgifimage/images/3.gif"); earth9 = new Image("slickloadgifimage/images/2.gif"); earth10 = new Image("slickloadgifimage/images/1.gif"); //Add the images to the frame, with duration at 500ms ani.addFrame(earth1, 500); ani.addFrame(earth2, 500); ani.addFrame(earth3, 500); ani.addFrame(earth4, 500); ani.addFrame(earth5, 500); ani.addFrame(earth6, 500); ani.addFrame(earth7, 500); ani.addFrame(earth8, 500); ani.addFrame(earth9, 500); ani.addFrame(earth10, 500); } //Each time the program updates, this method will be called @Override public void update(GameContainer gc, int delta) throws SlickException { } //Each time we want to render objects into the screen, this method will be called @Override public void render(GameContainer gc, Graphics g) throws SlickException { //Draw the animation to the screen at coordiate x=50, y = 50 ani.draw(50, 50); } //This is the main method of the program public static void main(String[] args) throws SlickException { //Create a window object AppGameContainer app = new AppGameContainer(new GifLoader()); //Set the size of the window, width = 500, height = 500, fullScreen = false app.setDisplayMode(500, 500, false); //Hide the fps of the window app.setShowFPS(false); //Start the window app.start(); } }

Click to Download Example

Here, we will use the Animation method.

Animation ani = new Animation();

We create a series of null image objects to hold all the images

//Creates a series of image objects
Image earth1 = null;
Image earth2= null;
Image earth3 = null;
Image earth4 = null;
Image earth5 = null;
Image earth6 = null;
Image earth7 = null;
Image earth8 = null;
Image earth9 = null;
Image earth10 = null;

(You can always store all the images into an array)

We will load all the images the same way as we did from the previous section on "Loading png Image."

earth1 = new Image("slickloadgifimage/images/10.gif");
earth2 = new Image("slickloadgifimage/images/9.gif");
earth3 = new Image("slickloadgifimage/images/8.gif");
earth4 = new Image("slickloadgifimage/images/7.gif");
earth5 = new Image("slickloadgifimage/images/6.gif");
earth6 = new Image("slickloadgifimage/images/5.gif");
earth7 = new Image("slickloadgifimage/images/4.gif");
earth8 = new Image("slickloadgifimage/images/3.gif");
earth9 = new Image("slickloadgifimage/images/2.gif");
earth10 = new Image("slickloadgifimage/images/1.gif");

Then, we add all the images into an animation frame

ani.addFrame(earth1, 500);
ani.addFrame(earth2, 500);
ani.addFrame(earth3, 500);
ani.addFrame(earth4, 500);
ani.addFrame(earth5, 500);
ani.addFrame(earth6, 500);
ani.addFrame(earth7, 500);
ani.addFrame(earth8, 500);
ani.addFrame(earth9, 500);
ani.addFrame(earth10, 500);

Finally, we will render the animation into the screen in the " render method "

ani.draw(50, 50);

It's a long process with a lot of works, but it's a perfectly working method to load animate gif.