Stoppen Sie das flackern in einfache Java-Animationen

Habe ich ein einfaches applet, das animiert ein Rechteck entlang der x-Achse der Leinwand. Das problem ist, dass es flackert. Ich habe versucht, Google diesem problem, aber ich wollte nicht kommen mit etwas sinnvolles oder etwas, das habe ich verstanden.

Ich bin relativ neu in Java.

Dank!

import java.awt.Color;
import java.awt.Graphics;
import java.awt.event.*;
import javax.swing.*; 

public class simpleAnimation extends JApplet implements ActionListener { 
    Timer tm = new Timer(10, this); 
    int x = 0, velX = 2;

    public void actionPerformed(ActionEvent event) { 
        if (x < 0 || x > 550){ 
            velX = -velX; 
        }

        x = x + velX; 
        repaint(); 
    }

    public void paint ( Graphics g ) { 
    super.paint(g); 
    g.setColor(Color.RED); 
    g.fillRect(x, 30, 50, 30); 
    tm.start(); 
    } 
}

**********AKTUALISIERT CODE OHNE FLIMMERN**********

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.*;

public class simpleAnimation extends JApplet implements ActionListener  
{ 

     Graphics bufferGraphics; 

     Image offscreen; 

     Dimension dim; 

     int x = 3, velX = 2;

     Timer tm = new Timer(10, this);

     public void init()  
     { 

          dim = getSize(); 

          offscreen = createImage(dim.width,dim.height); 

          bufferGraphics = offscreen.getGraphics(); 
     }

      public void paint(Graphics g)  
     { 

          bufferGraphics.clearRect(0,0,dim.width,dim.width); 

          bufferGraphics.setColor(Color.red); 

          bufferGraphics.fillRect(x,50,50,20); 

          g.drawImage(offscreen,0,0,this); 

          tm.start();   

     }

     public void update(Graphics g) 
     { 

          paint(g); 

     } 

    public void actionPerformed(ActionEvent evt) 
    {   

        if ( x < 0 || x > 550){

            velX = -velX;

        }

        x = x + velX;   

        repaint();

    }

 }

Habe ich dieses applet als Vorlage.

Sie müssen double buffer.
möglich, Duplikat der Java-Applet flackern beim laufen? (nicht jeder sieht, flackern)
Die paint() ist Täter das flackern.
Swing ist double buffered standardmäßig, Sie brauchen nicht etwas besonderes zu tun.

InformationsquelleAutor this_guy | 2013-11-04

1

Das problem ist, top-level-Container wie JApplet nicht double-buffered. Dies bedeutet, dass, wenn es aktualisiert wird, flackert der Bildschirm wie jede Aktion direkt auf den Bildschirm.

Stattdessen sollten Sie eine benutzerdefinierte Komponente erstellen, mit so etwas wie einem JPanel, und überschreiben Sie die paintComponent Methode und führen Sie Ihre custom-painting Aktionen gibt.

Da Swing-Komponenten sind doppelt gepuffert, die Ergebnisse der Lack Maßnahmen gepuffert werden, bevor Sie gemalt werden, um zu dem Bildschirm, so dass es eine einzelne Aktion

Werfen Sie einen Blick auf Performing Custom Painting für mehr details
- Vielen Dank für die Hilfe, die ich wirklich zu schätzen.
- Hmm, ich sehe das klappt scheinbar für die OP. Ich sehe keinen Unterschied. Alle Kommentare zu meinem code? @this_guy, ich würde gerne sehen, den code, den Sie implementiert, um zu sehen, ob es einen Unterschied auf meinem computer.
- Der wesentliche Unterschied zwischen dem, was Sie gemacht haben und was der OP getan hat, ist, dass die OP nicht mehr nehmen Vorteil der Swing-API (oder zumindest die vollen), was ich mich erinnere...und es braucht mehr Arbeit. Die OP Ansatz ist ein " direct-rendering nähern, das heißt, Sie Steuern, Wann das repaint Auftritt, im Gegensatz zu Swing, eine passive-rendering-API, die Aktualisierung, wie es braucht...
- Sorry, wenn ich aus meinem Kommentar habe ich nicht sehen Sie den aktualisierten code und ich dachte, die OP war mit Ihrem Vorschlag zu tun, dem custom painting auf einem JPanel (denn das war Ihr Vorschlag). Ich sehe nicht ein Unterschied, wenn ich mein Beispiel. Beide animieren besser das video der OP auf meine Antwort. Ich denke, die Grafikkarte und die CPU Einfluss auf die animation?
- Die Grafikkarte wird trotzig habe einen Effekt wie wird die zugrunde liegende pipeline
- Bekam die Liebe blind downvotes, die einen Kommentar, warum die Antwort falsch ist oder nicht
InformationsquelleAutor MadProgrammer

Ich immer Mühe mit diesem Konzept des "double buffering".

Hier ist mein Beispiel für das überschreiben von paint() von JApplet und eine paintComponent() eines JPanel, die verwendet double-buffering standardmäßig.

Sehe ich keinen Unterschied in der scheinbaren flackern.

//<applet code="SimpleAnimation.class" width="600" height="300"></applet>
import java.awt.*;
import java.awt.Graphics;
import java.awt.event.*;
import javax.swing.*;

public class SimpleAnimation extends JApplet implements ActionListener {
    Timer tm = new Timer(10, this);
    int x = 0, velX = 2;
    JPanel panel;

    public void init()
    {
        panel = new JPanel()
        {
            @Override
            public Dimension getPreferredSize()
            {
                return new Dimension(50, 100);
            }

            @Override
            protected void paintComponent(Graphics g)
            {
                super.paintComponent(g);
                g.setColor(Color.RED);
                g.fillRect(x, 30, 50, 30);

            }
        };
        add(panel, BorderLayout.SOUTH);

        tm.start();
    }

    public void actionPerformed(ActionEvent event) {
        if (x < 0 || x > 550){
            velX = -velX;
        }

        x = x + velX;
        repaint();
//       panel.repaint();
    }

    public void paint ( Graphics g ) {
    super.paint(g);
    g.setColor(Color.RED);
    g.fillRect(x, 30, 50, 30);
    }
}

Ich den code testen mit: appletviewer SimpleAnimation.java

Ist mein Konzept der "double buffering" fehlerhaft, oder meine Umsetzung, oder beides?

mit jCreator -- youtube.com/watch?v=EU6B5jql4ik&feature=youtu.werden
Das untere Rechteck die animation ist viel glatter als das, was auf dem video gezeigt.
Ja, das ist es, was ich fordere. @this_guy, Wenn die untere animation ist glatter, dann sollten Sie mit dieser Vorgehensweise für Sie custom-painting. Dies ist der Weg der Malerei ist getan Swing ist (wie bereits erwähnt MadProgrammer). Ihr Ansatz, überschreiben von paint() und update() geschieht mit AWT-Komponenten, nicht Swing Komponenten. Auch dieser Ansatz ist einfacher, da Sie nicht brauchen, um zu verwalten eine gepufferte Bild.
Ich sehe das flimmern auf Ihr youtube-video, aber auf meinem Rechner sowohl die oberen und unteren Animationen sind die gleichen, und dann sind besser als das video. Ich denke, die Grafikkarte, CPU-haben Einfluss auf die animation.
Vielen Dank für die Hilfe. Kennen Sie eine gute (Anfänger) java-tutorial Websites, die andere als docs.oracle.com/javase/tutorial ? Eine Menge von Websites, die ich finden über Google zu sein scheinen veraltet.
Ich fange immer mit diesem tutorial.

InformationsquelleAutor camickr

1

Was Sie jetzt tun, funktioniert wie folgt:
```
public void paint ( Graphics g ) {
  //draw the entire area white
  super.paint(g);
  g.setColor(Color.RED);
  //draw a rectangle at the new position
  g.fillRect(x, 30, 50, 30);
}
```
Also mit jedem Schritt, den Sie zuerst wischen Sie das Rechteck, und zeichnen Sie ihn dann frisch. Also das flackern - die Pixel unter dem Rechteck verändern sich von weiß zu rot zu weiß zu rot zu weiß zu rot...

Nun beobachten, dass die kleinste Menge der Gemälde, die Sie tun müssen, ist (vorausgesetzt, Rechteck bewegt sich nach rechts) dieses:
- zeichnen velx Pixel auf der linken Seite WEIß
- zeichnen velx pixes auf der rechten Seite ROT
Wenn Sie das tun, wird die animation gleichmäßig.

Computing, das kann schwierig sein, obwohl, vor allem, wenn Ihre Form ist komplizierter, als nur ein Quadrat /Bewegung ist komplexer. Das ist, wo die doppelte Pufferung ins Spiel kommt.

Mit double buffering, erstellen Sie ein Bild im Speicher, dass ist die gleiche Größe wie Ihre Leinwand. Sie malen Sie Ihre gesamte Thema dort. Dann malen Sie das Bild auf Ihrem Bildschirm auf einmal.

Wenn Sie das tun, gibt es keinen Zwischenschritt der "ganze Bildschirm WEIß ist"; somit kein flackern. Beachten Sie aber, dass Sie am Ende re-Malerei den gesamten Bildschirm statt nur der Bereich, der verändert, was nicht ideal ist. Erwägen Sie die Verwendung clipping - eine Technik, wo Sie streichen, einen vordefinierten Bereich des Bildes und nicht die ganze Sache.
- nicht s/er brauchen würde, dort zu setzen JPanel (alle Malerei, um die Top-Level-Container (standardmäßig ist), verursacht mit flackern) und paintComponent überschreiben und verwenden JFrame statt JApplet
- Vielen Dank für die Hilfe, die ich wirklich zu schätzen.
InformationsquelleAutor iluxa

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.