?
Solved

primitive animation using repaint();

Posted on 2001-09-01
8
Medium Priority
?
537 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
8 Comments
 
LVL 28

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
Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

 
LVL 2

Accepted Solution

by:
Tom7 earned 400 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

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

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

For beginner Java programmers or at least those new to the Eclipse IDE, the following tutorial will show some (four) ways in which you can import your Java projects to your Eclipse workbench. Introduction While learning Java can be done with…
Basic understanding on "OO- Object Orientation" is needed for designing a logical solution to solve a problem. Basic OOAD is a prerequisite for a coder to ensure that they follow the basic design of OO. This would help developers to understand the b…
This video teaches viewers about errors in exception handling.
This tutorial explains how to use the VisualVM tool for the Java platform application. This video goes into detail on the Threads, Sampler, and Profiler tabs.
Suggested Courses
Course of the Month15 days, 4 hours left to enroll

770 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