Animated Line for sorting

[Kalabaw moo]

I have created an applet that will show the graphical representation of bubble sort but the problem is it's not showing the correct presentation of bubble sort. I still have problems with this code it would be better if you could help me with those as well. If I clear the graphics using the getClearRect it's flickering, If I remove it, it doesn't flicker but it's not showing the correct presentation of sort.

import java.awt.*;
import java.applet.Applet;
import java.awt.event.*;
import java.util.Random;
import java.util.Scanner;
import javax.swing.Timer;

public class BubbleSortUI extends Applet implements ActionListener
{
  private int arr[] = { 52, 53,  55, 56, 93, 97 , 83, 84, 85, 86, 61, 54,
63, 71, 87, 92, 72, 51, 66, 89, 57, 88, 58, 50, 94, 82, 100, 60, 62, 95,
31, 78, 74, 91, 79, 96, 80, 59, 68, 77, 73, 98, 67, 69, 1, 90, 10, 70, 99,
81, 65, 15, 48, 76, 28, 32, 34, 38, 64, 45, 8, 23, 47, 24, 6, 29, 42, 26,
35, 7, 44, 25, 5, 22, 30, 3, 11, 33, 18, 49, 36, 14, 40, 9, 4, 13, 46, 43,
12, 2, 27, 21, 39, 16, 41, 37, 19, 20, 75, 17 };
  private Image buffer;
  private Graphics gBuffer;
  private final int ANIMATION_DELAY = 10;
  private Dimension size;
  private int counter = 1;
  private Timer time;

  private int randomVal = 0;

  public void init()
  {
    setBackground( Color.black );
    size = getSize();
    buffer = createImage( size.width, size.height );
    gBuffer = buffer.getGraphics();
  }

  public void start()
  {
    if( time == null )
    {
      time = new Timer( ANIMATION_DELAY, this );
      time.start();
    }
  }

  public void stop()
  {
    time.stop();
  }

  public void paint( Graphics g )
  {
    start();
    if( time.isRunning() )
    {
      for( int ctr = 0; ctr < arr.length; ++ctr )
      {
        gBuffer.drawLine( 10 + ( ctr * 2 ), 100, 10 + ( ctr * 2 ), arr[ ctr ] );
        //g.drawImage( buffer, 0, 0, this );
      }
      sortLines( g, arr );
    }

    if( counter == 100 )
    {
      time.stop();
    }
  }

  public void update( Graphics g )
  {
    paint( g );
  }

  public void sortLines( Graphics g, int arr[] )
  {
    int temp;

    try
    {
      for( int x = 0; x < arr.length; ++x )
      {
        for( int y = 0; y < ( arr.length - 1 ); ++y )
        {

          if( arr[ y ] < arr[ y + 1 ] )
          {
            temp = arr[ y + 1 ];
            arr[ y + 1 ] = arr[ y ];
            arr[ y ] = temp;
          }
          Thread.sleep( 10 );
          //gBuffer.clearRect( 0, 0, 300, 300 );
          displaySorted( g, arr );
        }
        counter++;
        System.out.println( counter );
      }
    }
    catch( InterruptedException interruptedException )
    {
      System.err.println( "Error" );
    }
  }

  public void displaySorted( Graphics g, int arr[] )
  {
    for( int ctr = 0; ctr < arr.length; ++ctr )
    {
      gBuffer.setColor( Color.white );
      gBuffer.drawLine( 10 + ( ctr * 2 ), 100, 10 + ( ctr * 2 ), arr[ ctr ] );
      g.drawImage( buffer, 0, 0, this );
    }
  }

  public void actionPerformed( ActionEvent actionEvent )
  {
    repaint();
  }
}

Anybody would like to give any idea?

[Ulf Dittmer]

There's nothing applet-specific about the question, so I'm moving it to the Swing/GUI forum.

[Kalabaw moo]

thanks, I already resolved it using backbuffering