Solved

primitive animation using repaint();

Posted on 2001-09-01
8
527 Views
Last Modified: 2007-12-19
Hello everyone.

  I am trying to make some silly animations using basic paint graphics just for fun. this applet has two buttons the second button once pressed should cause the car to move across the page and loop around 10 times or so. But so far I have only made it so that the image moves by pressing the button over and over. Is there a way to make this loop correctly?

  Here is the code. run it on your computer you'll see what I mean. Thanks everyone.

import java.awt.*;
import java.applet.*;
import java.awt.event.*;
import java.io.*;
import java.util.*;

public class CarButton2 extends Applet implements ActionListener
{
      //use variable to move car around
      int x = 50;
      int y = 70;
      int z = 0;
      int hex = 808080;
      String rrggbb = "000000";


      //Create labels and text boxes
      TextField textField1 = new TextField(2);
      TextField textField2 = new TextField(2);
      TextField textField3 = new TextField(5);
      Label labelOne = new Label( "Enter x value" );
      Label labelTwo = new Label( "Enter Y value" );
      Label labelThree = new Label( "Enter Hex Color" );
      Label labelFour = new Label( "                " );
      Label labelFive = new Label( "                " );

      //lable my buttons
      String BUTTON_STRING = "Use cooridents";
      String BUTTON_S2 = "my animation";

      private Button button = new Button(BUTTON_STRING);
      private Button button2 = new Button(BUTTON_S2);

      // create instants of these
      MoveIt mv = new MoveIt();
      Car pc = new Car();


      public void init()
      {
            //Create user input boxes
            textField1.setText( "" );
            textField1.addActionListener( this );

            textField2.setText( "" );
            textField2.addActionListener( this );

            //Create button
            button.addActionListener( new ButtonHandler() );
            button2.addActionListener( new ButtonAnimate() );

            add( labelOne );
            add( textField1);
            add( labelTwo );
            add( textField2);
            add( labelThree );
            add( textField3);
            add( labelFour );
            add( labelFive );
            add( button );
            add( button2 );

      }

      // not sure if I need this any more
      public void actionPerformed (ActionEvent event)
      {
            x = Integer.parseInt( textField1.getText() );
            y = Integer.parseInt( textField2.getText() );
      }

      // button 1 moves images only once
      public class ButtonHandler implements ActionListener
      {
            public void actionPerformed( ActionEvent e )
            {
                  // update location of the lines and change colors
                  x = Integer.parseInt( textField1.getText() );
                    y = Integer.parseInt( textField2.getText() );
                  String rrggbb = textField3.getText();

                  if ( rrggbb != "" )
                  {
                        // recolor the lines and circles
                         hex = Integer.parseInt(rrggbb, 16);
                  }
                    repaint();
            }
      }

      // button 2 should move the car over and over.
      public class ButtonAnimate implements ActionListener
      {
            public void actionPerformed( ActionEvent e )
            {
                  labelFour.setText( "loop2: "+ x );
                  labelFive.setText( "color: "+ hex );
                  mv.amove();
                  repaint();
            }
      }


      public class MoveIt
      {
            void amove()
            {
                  x = x + 1;
                    y = y + 0;
                  hex++;

                  if( x > 290 )
                  {
                        x = x * -1;
                  }
            }
      }


      public class Car
      {
            void pause()
            {
                  mv.amove();
            }
      }


      public void paint (Graphics g)
      {
            g.setColor(Color.green);

            if ( hex != 0 )
            {
                  g.setColor(new Color(hex));  
            }

            // Begin to draw car image.
            // Strait verticle lines top down
            g.drawLine(60+x,70+y, 120+x,70+y);
            g.drawLine(65+x,75+y, 120+x,75+y);
            g.drawLine(10+x,100+y, 45+x,100+y);
            g.drawLine(50+x,100+y, 135+x,100+y);
            g.drawLine(5+x,130+y, 20+x,130+y);
            g.drawLine(50+x,130+y, 150+x,130+y);
            g.drawLine(180+x,130+y, 190+x,130+y);
            //Horizontal lines
            g.drawLine(90+x,70+y, 90+x,130+y);
            g.drawLine(140+x,100+y, 140+x,130+y);
            //Slanted lines
            g.drawLine(10+x,100+y, 5+x,130+y);
            g.drawLine(60+x,70+y, 45+x,100+y);
            g.drawLine(65+x,75+y, 50+x,100+y);
            g.drawLine(120+x,75+y, 135+x,100+y);
            g.drawLine(120+x,70+y, 140+x,100+y);
            g.drawLine(140+x,100+y, 180+x,105+y);
            g.drawLine(180+x,105+y, 190+x,130+y);
            //Circles for the car wheels
            g.drawOval(20+x,115+y, 30,30);
            g.drawOval(150+x,115+y, 30,30);
      }
}
0
Comment
Question by:MrError
  • 4
  • 3
8 Comments
 
LVL 27

Expert Comment

by:rrz
ID: 6448436
What do you mean by this line that you have in your code?

>x = x * -1;
0
 
LVL 2

Expert Comment

by:Tom7
ID: 6448463
You should create a new Thread for your animation so you can control the movement properly.

Something like (this is simplified, of course):

class AnimationThread extends Thread {
  public void run() {
    while(true) {
      mv.amove();
      repaint();
      try {
        sleep(20); // sleep time in milliseconds
      } catch (InterruptedException ex) {
        // whatever
      }
    }
  }
}
...
...

public void actionPerformed(ActionEvent ev) {
  AnimationThread at = new AnimationThread();
  at.start();  // start thread on button press
}  

Hope this helps.

Cheers Tom

BTW: you will notice that the animation will flicker. To prevent flickering you can use double buffering.
0
 

Author Comment

by:MrError
ID: 6448795
rrz,

 x = x * -1; <---this line of code makes the animation loop once it goes off to the right beyond x values of 290.

Tom,

  Your idea works... How do I use double buffering? Also How can I stop the thread once it begins? I tried to make a stop button like:

     public class ButtonAnimate implements ActionListener
     {
          public void actionPerformed( ActionEvent e )
          {
               AnimationThread at = new AnimationThread();
               at.start();  // start thread on button press
          }

          void stopit()
          {
               try
               {
                    at.stop();
               }
               catch (InterruptedException ex)
               {
                    // whatever
               }
          }
     }


     public class StopAnimate implements ActionListener
     {
          public void actionPerformed( ActionEvent e )
          {
               ButtonAnimate.stopit();
          }
     }
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 2

Accepted Solution

by:
Tom7 earned 100 total points
ID: 6449090
Hi,

you can set a boolean flag to tell the thread when to exit:

class AnimationThread extends Thread {
 boolean running = true;  // *** new line ***
 public void run() {
   while(running) { // *** changed ***
     mv.amove();
     repaint();
     try {
       sleep(20); // sleep time in milliseconds
     } catch (InterruptedException ex) {
       // whatever
     }
   }
 }
 public void stopIt() {
   running = false;
 }
}


Now the run() method exits as soon as 'running' is false.


As for double buffering, the idea is to draw on an off-screen image first and then draw the image without clearing the screen first.
To achieve this, you must override the applet's update() method to prevent the clearing which occurs by default.
Here's a suggestion:


  public void update(Graphics g) { // *** new ***
    paint(g);
  }

  Image offImage;  // *** is a 'global' variable
  public void paint (Graphics realG) {     // *** changed ***
    if (offImage == null) offImage = createImage(400, 300); // image size
    Graphics g = offImage.getGraphics();  // ** changed  ***
    g.setColor(Color.green);  // *** from now on painting is done on the off-image ***


    // *** clear the image first ***
    g.setColor(Color.white);
    g.fillRect(0,0,400,300);
    if ( hex != 0 ) {
      g.setColor(new Color(hex));
    }

    // Begin to draw car image.
    // Strait verticle lines top down
    g.drawLine(60+x,70+y, 120+x,70+y);
    g.drawLine(65+x,75+y, 120+x,75+y);
    g.drawLine(10+x,100+y, 45+x,100+y);
    g.drawLine(50+x,100+y, 135+x,100+y);
    g.drawLine(5+x,130+y, 20+x,130+y);
    g.drawLine(50+x,130+y, 150+x,130+y);
    g.drawLine(180+x,130+y, 190+x,130+y);
    //Horizontal lines
    g.drawLine(90+x,70+y, 90+x,130+y);
    g.drawLine(140+x,100+y, 140+x,130+y);
    //Slanted lines
    g.drawLine(10+x,100+y, 5+x,130+y);
    g.drawLine(60+x,70+y, 45+x,100+y);
    g.drawLine(65+x,75+y, 50+x,100+y);
    g.drawLine(120+x,75+y, 135+x,100+y);
    g.drawLine(120+x,70+y, 140+x,100+y);
    g.drawLine(140+x,100+y, 180+x,105+y);
    g.drawLine(180+x,105+y, 190+x,130+y);
    //Circles for the car wheels
    g.drawOval(20+x,115+y, 30,30);
    g.drawOval(150+x,115+y, 30,30);
    g.dispose();
         
    realG.drawImage(offImage, 0, 0, this); // *** draw the image all at once ***
  }
0
 

Author Comment

by:MrError
ID: 6450973
Tom7,

 One more dumb question:

C:\Inetpub\wwwroot\ObjClass\assignment1>javac CarButton2.java
CarButton2.java:118: non-static method stopIt() cannot be referenced
from a static context
                        AnimationThread.stopIt();
                                       ^
1 error
     public class StopAnimate implements ActionListener
     {
          public void actionPerformed( ActionEvent e )
          {
               AnimationThread.stopIt();
          }
     }


     class AnimationThread extends Thread
     {
          boolean running = true;
          public void run()
          {
                 while(running)
               {
                       mv.amove();
                    repaint();
                    try {
                         sleep(20); // sleep time in milliseconds
                    }
                    catch (InterruptedException ex)
                    {
                         // whatever
                    }
               }
          }
          public void stopIt()
          {
                 running = false;
          }
     }

0
 
LVL 2

Expert Comment

by:Tom7
ID: 6451086
Hi,

stopIt() is an instance method, not a class method. That means you must call stopIt() for a particular instance of AnimationThread.
So my suggestion would be to make 'at' a class variable:

public class CarButton2 extends ........ {
  AnimationThread at;  // make 'at' global
  ...
  ...
  ...

  public class ButtonAnimate implements ActionListener {
    public void actionPerformed( ActionEvent e ) {
      // at is now a class variable, not a local variable
      at = new AnimationThread();
      at.start();  // start thread on button press
    }
  }

  public class StopAnimate implements ActionListener {
    public void actionPerformed( ActionEvent e ) {
      at.stopIt();  // *** changed ***
    }
  }

  ...
  ...
}

   ...



Cheers Tom
0
 

Author Comment

by:MrError
ID: 6451268
Tom7

 Hey still stuck.I know I am a kinda dumb but here is what I tried:

Moved this out to make it global :
     AnimationThread at = new AnimationThread();
then :

     public class StopAnimate implements ActionListener
     {
          public void actionPerformed( ActionEvent e )
          {
               //at.destroy(); <-- tried it too did not work...
               at.stopIt(); <-- it not only does not work but now the start(); wont run unless I comment it out???
          }
     }


     class AnimationThread extends Thread
     {
          boolean running = true;

          public void run()
          {
                 while(running)
               {
                       mv.amove();
                    repaint();
                    try {
                         sleep(20); // sleep time in milliseconds
                    }
                    catch (InterruptedException ex)
                    {
                         // whatever
                    }
               }
          }

          public void stopIt()
          {
                 running = false;
               repaint();
          }
     }
0
 

Author Comment

by:MrError
ID: 6451740
Tom7,

Your very good! Thanks... I figured my last issue out simply named one variable wrong and it was not using the the correct action event. Doh thanks for the help. I will try to do one more thing with this dumb animation so you might see one more question. would it be ok if I asked a question about buffering thing, I try that next.
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
groupSum6 challenge 6 86
Where to store the queries for modification of table 4 62
custom annotations 9 38
Apps blocked by Java 9 79
After being asked a question last year, I went into one of my moods where I did some research and code just for the fun and learning of it all.  Subsequently, from this journey, I put together this article on "Range Searching Using Visual Basic.NET …
In this post we will learn how to connect and configure Android Device (Smartphone etc.) with Android Studio. After that we will run a simple Hello World Program.
Viewers learn about the “while” loop and how to utilize it correctly in Java. Additionally, viewers begin exploring how to include conditional statements within a while loop and avoid an endless loop. Define While Loop: Basic Example: Explanatio…
This video teaches viewers about errors in exception handling.

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question