Animation korrekt darstellen

[skizZ]

Hallo,

ich soll eine animation programmieren, in der sich Bilder in verschiedene Richtungen bewegen. Dies ist mir nun auch gelungen. Nun habe ich das Problem, dass bei
repaint() nicht die update() Methode aufgerufen wird(obs benötigt wird ungewisse)

Schlimmer ist eher, dass jedes Bild einen schwarzen Balken durch das Applet zieht. Dies sollte möglichst nicht passieren.

Woran liegt das und wie kann ich dies korrigieren?
Hier mal der code

public class Animation extends JApplet implements Runnable{  
	Image pictures[] = new Image[4];
	  String files[] = { "new-1.gif", "new-2.gif", "new-3.gif",
	                     "new-4.gif", };
	  Picture p1, p2;
	  Image m_ImgBuffer;
	  private List<Picture> picList =
	        Collections.synchronizedList(new ArrayList<Picture>());
	  
	   private Graphics dbGraphics;
	   

public void init() {  
	this.setSize(new Dimension(500, 500));
	
} 

public void addPic(Picture picture)
{
    picList.add(picture);
    new Thread(this).start();
}

public void start() {
	int i;
	System.out.println("TEST");
    MediaTracker tracker = new MediaTracker(this);

    for (i=0; i < pictures.length; i++)
    {
      pictures[i] = getImage(getDocumentBase(), files[i]);
      tracker.addImage(pictures[i], i); // i ist ein Identifikator dieses Bildes
      System.out.println("TEST");
      try
      {
         tracker.waitForID(i);
      }
      catch(InterruptedException e) {}
    }
    p1 = new Picture(pictures[0], 10, 10, 1, 1);
    p2 = new Picture(pictures[1], 50, 50, 1, 0);
    
    addPic(p1);
    addPic(p2);
}

public void run() { 
	while(true) {
		repaint();
		try { 
			for (Picture picture : picList)
            {
				if(picture.x < this.getSize().width)
				{
				picture.x += picture.newx;
				} else { picture.x = picture.stdx; }
				if(picture.y < this.getSize().height)
				{
				picture.y += picture.newy;
				} else { picture.y = picture.stdy; }
            }
			Thread.sleep(40);
			 repaint();
		}  
		catch (InterruptedException e){}
	}
}

public void paint(Graphics g) { 
	synchronized (pictures)
    {
	for (Picture picture : picList)
    {
        g.drawImage(picture.image, picture.x, picture.y, this);
     }
	}
}

class Picture
{
	Image image;
	int x, y, newx, newy, stdx, stdy;
	public Picture(Image image, int x, int y, int newx, int newy)
	{
		this.image = image;
		this.x = x;
		this.y = y;
		this.newx = newx;
		this.newy = newy;
		this.stdx = x;
		this.stdy = y;
	}
	
}

Danke
skizZ

 

[Marco13]

Wenn du in der paint-Methode vom Applet zeichnest, musst du den Hintergrund mit einem
g.setColor(getBackground());
g.fillRect(getWidth(),getHeight());
löschen. Dann flackert es, und du musst dich um's double Buffering kümmern. Alternative: Auf eine JComponent zeichnen, und dort paintComponent überschreiben.

 

[skizZ]

Hi Marco,

danke mal wieder für deine Antwort ;-)
Das mit dem flackern kenne ich, habe es auch schon so versucht wie du beschrieben hast.

Allerdings kann ich kein Double Buffering erreichen, da ich irgendwie die update() Methode dafür nicht überschreiben kann ...

public void update(Graphics g){
		if (m_ImgBuffer == null) {
        	m_ImgBuffer = createImage(getWidth(),getHeight());		
    	}
        Graphics bufferGraphics = m_ImgBuffer.getGraphics();
        bufferGraphics.clearRect(0,0,getWidth(),getHeight());
        paint(bufferGraphics);
        g.drawImage(m_ImgBuffer,0,0,this); 
    	System.out.println("UPDATE");
	}

 

[Marco13]

Male auf ein JPanel. Du ersparst dir viel Arbeit und Ärger.

 

[skizZ]

Nabend,

gesagt, getan. Nun habe ich aber irgendwie das Gefühl, dass dies nun ruckelt Es springt teilweise ein wenig, weiss nicht wie ichs beschreiben soll... und es lässt sich scheinbar nicht als Applet im Browser einbinden.

Hier mal mein Code

import java.awt.*;

import javax.swing.*;
import java.util.Collections;
import java.util.List;
import java.util.ArrayList;


public class Animation extends JApplet {
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	

	public void init() {
		this.setSize(800, 600);
		int i;
		Bilder[] b = new Bilder[4];
	    MediaTracker tracker = new MediaTracker(this);
	   
		for(i=0;i<b.length;++i) {
			if(i==0)
				b[i]=new Bilder(-100,-150,"new-1.gif",1,1);
			if(i==1)
				b[i]=new Bilder(this.getSize().width,-150,"new-2.gif",-1,1);
			if(i==2)
				b[i]=new Bilder(this.getSize().width/2-100,-150,"new-3.gif",0,1);
			if(i==3)
				b[i]=new Bilder(-100,this.getSize().height/2-100,"new-4.gif",1,0);
			tracker.addImage(b[i].img, i);
			try
			{
				tracker.waitForID(i);
			}
			catch(InterruptedException e) {}
	    }	
		getContentPane().add(new malen(b));
	}
}
class malen extends JComponent implements Runnable{
	private List<Bilder> picList =
        Collections.synchronizedList(new ArrayList<Bilder>());

	public malen(Bilder[] b){
		this.b=b;
		new Thread(this).start();
		for(int i=0; i < this.b.length; i++)
			addPicture(b[i]);
	}
	
	public void addPicture(Bilder b)
    {
        picList.add(b);
    }

	public void paint(Graphics g){
		if(this.b[2].y == this.getSize().height)
		{
			this.b[2].runs += 1;
		}
		if((this.b[2].runs % 2) == 1)
		{
			g.setColor(Color.orange);
			g.fillRect(0,0,this.getSize().width,this.getSize().height);
		} else { 
			g.setColor(Color.green);
		    g.fillRect(0,0,this.getSize().width,this.getSize().height);
		}
		for (Bilder b : picList)
        {
            g.drawImage(b.img, b.x,b.y,this);
        }
	}
	
	
	
	public void run(){
		while(true) {
        try {
        	for (Bilder bi : picList) {
        		if(bi.x <= this.getSize().width && bi.y <= this.getSize().height) 
        		{
        			bi.x += bi.xVer;
        			bi.y += bi.yVer;
        		} 
        		else{
        			bi.x = bi.xStd;
        			bi.y = bi.yStd;
        			}   
        	}
            Thread.sleep(30);
            repaint();
        }  
        catch (InterruptedException e){}
    }
	}
	Bilder[] b;
	Image m_ImgBuffer;
}
class Bilder extends Animation{
	Image img;
	int x;
	int y;
	int xVer;
	int yVer;
	int xStd;
	int yStd;
	int runs;
	public Bilder(int x, int y, String str, int xVer, int yVer){
		this.x=x;
		this.y=y;
		this.img=getToolkit().getImage(str);
		this.xVer=xVer;
		this.yVer=yVer;
		this.xStd = x;
		this.yStd = y;
		this.runs = 1;
	}
}

 

[Marco13]

Wenn Eclipse bei einem Programm nichts rot unterstreicht, heißte das NICHT, dass das Programm "richtig" ist.

Die Klasse "Bilder" von "Animation" erben zu lasen (das von JApplet erbt) ist gröbster Unfug - du erstellst dort 5 Applets, ist dir das klar? :noe: Das KÖNNTE auch ein Grund für eventuelle Geschwindigkeitsprobleme sein. Die init-Methode ... ja, in einer Schleife von 0 bis 4 zu laufen, und in der Schleife dann hauptsächlich zu überprüfen, ob man gerade bei 0, 1, 2 oder 3 ist .. ähm. Ja.

In Bezug auf die Geschwindigkeit (was auch immer du genau meinst) kannst du mal ein bißchen mit den Bewegungsgeschwindigkeiten (xVer und yVer) rumspielen, und ggf. einen anderen Wert beim Thread.sleep angeben.

Dass es im Browser nicht funktioniert, liegt daran, dass man in einem Applet Bilder nicht mit dem Toolkit laden darf, sondern (wie du es ja schon mal hattest) mit getImage/getCodeBase usw.

 

[skizZ]

Hi,

die von dir genannten Probleme wurden gehoben.

Es sieht jedoch immernoch so aus als würden die Grafiken zwischendurch mal einen kleinen sprung machen :-(

-------
Edit: Problem gehoben

Aus

Thread.sleep(50);
repaint();

wird

repaint();
Thread.sleep(50);

und alles wird gut :bahnhof:

 

[Marco13]

:bahnhof:

Um das vielleicht (im Nachhinein ) noch .. ansatzweise zu rechtfertigen: Beim ersten wartet er, und sagt dann (ganz schnell) "Zeichne neu und beweg' dich ein Stück" - und das Bewegen (vom nächsten Schleifendurchlauf) kommt dann vielleicht manchmal dem Zeichnen in die Quere. Beim Zweiten sagt er: "Zeichne mal neu, ich warte solange"

 

[skizZ]

Okay super. Ich danke dir für deine super unterstützung.
Nun funktioniert soweit alles wie es soll.

Jeder fängt mal klein an