Transparenz Problem

[RichardC]

Folgender Code:

public void paintSpez(Graphics g){
        g.fillRect(0,0,model.gibWidth(),model.gibHeight());

        if ( hilfsImage == null){
            hilfsImage = createImage(100,100);
            gZwei = hilfsImage.getGraphics();
        }
        
        //Projektile werden bearbeitet
        model.zumErstenProjektil();
        while(!model.istAmEnde()){
            temporaer2 = model.gibNaechstesProjektil();
            gZwei.drawImage(rotiereImage(fighter, temporaer2.gibWinkel()), 0, 0,this);
            g.drawImage(hilfsImage, temporaer2.getX(), temporaer2.getY(),this);
        }

        gZwei.drawImage(rotiereImage(fighter, model.gibWinkel()), 0, 0,this);
        g.drawImage(hilfsImage, model.getX(), model.getY(),this);
     }

und

    private Image rotiereImage(Image quelle, double grad) {
        AffineTransform affineTransform =
        AffineTransform.getRotateInstance(Math.toRadians(grad),50,50);
        Image rotiertesImage = createImage(100, 100);
        Graphics2D g = (Graphics2D) rotiertesImage.getGraphics();
        g.setTransform(affineTransform);
        g.drawImage(quelle, 0, 0, null);
        return rotiertesImage;
    }

Vorheriger Code zeigt ein Raumschiff und die abgefeuerten Projektile von demselben(die übrigens genauso aussehn wie das Raumschiff selbst)

Der Code funktioniert insgesamt auch super!
Allerdings wenn ich ein Projektil abfeuere sieht man es erst hinter einem Quadrat erscheinen!

Hier ein Bild:

Ich denke das Problem ist klar! Das Projektil soll mit dem Raumschiff verschmelzen!
Das Qudrat soll Transparent sein!
Es ist mir möglich das Qudrat Schwarz zu färben! Aber trotzdem erscheint ein abgefeuertes Projektil hinter einem schwarzen Quadrat!

Wer kann mir helfen? Danke für jede Hilfe!

 

[Quaxli]

Dein Bilddateien sind vermutlich jpg?
Einfachste Lösung: Ändere Dein Bilddateien in ein Format, welches Transparenz kennt (z. B. gif oder png) und lies dieses ein.

 

[Marco13]

Nur überflogen, aber es kann auch sein, dass bei dem "createImage" die Transparenz flöten geht. Ggf. mit
image = new BufferedImage(w,h,BufferedImage.TYPE_INT_ARGB);
ein Image mit Transparenzinformation erstellen.

 

[Guest]

Ich habe dasselbe Problem, ich hab sämtliche Dateiendungen ausprobiert(für heli.gif eingesetzt ), aber das Quadrat bleibt

 

[Wolfgang Lenhard]

Einfaches umnennen nützt natürlich nichts. Du musst die Grafik aus Deinem Grafik-Programm mit Alpha-Kanal im Format gif oder png exportieren.

 

[RichardC]

N bisschen hab ich ja nu auch wieder drauf^^
Ich kenn mich zumindest in den Bildformaten aus^^

Es ist eine png mit Transparenz als Hintergrund
Zitat von mir: "Es ist mir möglich das Qudrat Schwarz zu färben"
Das ginge nicht ohne jene transparenz

Ich schau mal wie das mit Buffered Image aussieht

Edit: Wer kann mir sagen wie das mit Buffered Image genau geht? Da sind doch die Befehle ganz anders^^

 

[Wolfgang Lenhard]

Hi,
wie lädst Du das Bild genau? Vielleicht stimmt mit dem Typ was nicht. Vielleicht helfen Dir die folgenden Funktionen:


Um eine Farbe transparent zu machen:

	/**
	 * A useful function of many imaging programs such as GIMP is its ability to
	 * make only one color of an Image transparent; this is called applying a
	 * mask. To do this, GIMP evaluates each pixel of an image, and tests if it
	 * is the user specified masking color, if it is it sets that pixel's RGB
	 * value to nothing, and it's alpha to 0.0.
	 * 
	 * @param ref
	 *            image location
	 * @param color
	 *            the color to set transparent
	 * @return
	 */
	public static BufferedImage makeColorTransparent(String ref, Color color) {
		BufferedImage image = loadImage(ref);
		BufferedImage dimg = new BufferedImage(image.getWidth(), image
				.getHeight(), BufferedImage.TYPE_INT_ARGB);
		Graphics2D g = dimg.createGraphics();
		g.setComposite(AlphaComposite.Src);
		g.drawImage(image, null, 0, 0);
		g.dispose();
		for (int i = 0; i < dimg.getHeight(); i++) {
			for (int j = 0; j < dimg.getWidth(); j++) {
				if (dimg.getRGB(j, i) == color.getRGB()) {
					dimg.setRGB(j, i, 0x8F1C1C);
				}
			}
		}
		return dimg;
	}

Und hier die fehlende loadImage-Methode:

	public static BufferedImage loadImage(String ref) {
		BufferedImage bimg = null;
		try {

			bimg = ImageIO.read(new File(ref));
		} catch (Exception e) {
			System.err.println("Error loading image file " + ref);
			e.printStackTrace();
		}
		return bimg;
	}

Und schließlich noch zum Rotieren eines BufferedImage:

	/**
	 * This method, besides doing usual initialization, turns the supplied angle
	 * (in degrees) to radians. It also ensures that the image stays in the
	 * middle of the destination image.
	 * 
	 * @param img
	 * @param angle
	 * @return
	 */
	public static BufferedImage rotate(BufferedImage img, int angle) {
		int w = img.getWidth();
		int h = img.getHeight();
		BufferedImage dimg = new BufferedImage(w, h, img.getType());
		Graphics2D g = dimg.createGraphics();
		g.rotate(Math.toRadians(angle), w / 2, h / 2);
		g.drawImage(img, null, 0, 0);
		g.dispose();
		return dimg;
	}

Ciao,
Wolfgang

P.S.: Die Methoden stammen von http://www.javalobby.org/articles/ultimate-image/ (ist gerade Down aber google hat es im Cache).

 

[RichardC]

Oh danke! Sieht viel versprechend aus!

Das normale Image wird so geladen:

Image fighter = getToolkit().getImage("images/fighter.png");

Noch ne ganz peinliche, aber iwie komische Frage! Ich steh huntert pro aufm Schlauch!

Was muss ich importieren um BufferedImage verwenden zu können?

Edit: Oh cool habs gefunden^^

 

[RichardC]

Sooo
Nun hab ich das alles rein geschrieben!
Es gibt keine Syntax Errors!
Aber irgentwas stimmt nicht.

Wenn ich mein Programm ausführe steht in der anzeige "Creating Object...", aber es passiert nichts!
Ich muss die Maschine resetten um sie wieder benutzen zu können!

Im moment passiert folgendes:

1. Dieser Schrott wird importiert:

import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
import javax.swing.border.*;
import java.awt.geom.AffineTransform;
import java.io.*;
import javax.imageio.*;
import java.awt.image.BufferedImage;

2. Buffered Image wird erzeugt und geladen

   BufferedImage imageAktuell, temp, offImage,fighter,hilfsImage;

fighter = loadImage("images/fighter.png");

public static BufferedImage loadImage(String ref) {
        BufferedImage bimg = null;
        try {
            
            bimg = ImageIO.read(new File(ref));
        } catch (Exception e) {
            System.err.println("Error loading image file " + ref);
            e.printStackTrace();
        }
        return bimg;
    }

3. Bild wird in der paintSpez Methode verarbeitet!

    public void paint(Graphics g){
        if ( offImage == null){
            offImage = new BufferedImage(model.gibWidth(),model.gibHeight(),BufferedImage.TYPE_INT_ARGB); 
        }
        paintSpez( offImage.getGraphics() );
        g.drawImage( offImage, 0, 0, this );
    }

    public void paintSpez(Graphics g){
        g.fillRect(0,0,model.gibWidth(),model.gibHeight());

        if ( hilfsImage == null){
            hilfsImage = new BufferedImage(100,100,BufferedImage.TYPE_INT_ARGB); 
            gZwei = hilfsImage.getGraphics();
        }
        
        //Projektile werden bearbeitet
        model.zumErstenProjektil();
        while(!model.istAmEnde()){
            temporaer2 = model.gibNaechstesProjektil();
            gZwei.drawImage(rotate(fighter, temporaer2.gibWinkel()), 0, 0,this);
            g.drawImage(hilfsImage, temporaer2.getX(), temporaer2.getY(),this);
        }

        gZwei.drawImage(rotate(fighter, model.gibWinkel()), 0, 0,this);
        g.drawImage(hilfsImage, model.getX(), model.getY(),this);
     }

   public BufferedImage rotate(BufferedImage img, double angle) {
      int w = img.getWidth();
      int h = img.getHeight();
      BufferedImage dimg = new BufferedImage(w, h, img.getType());
      Graphics2D g = dimg.createGraphics();
      g.rotate(Math.toRadians(angle), w / 2, h / 2);
      g.drawImage(img, null, 0, 0);
      g.dispose();
      return dimg;
   }

und noch die init und update Methoden:

    public void init(){
        temp = new BufferedImage(model.gibWidth(),model.gibHeight(),BufferedImage.TYPE_INT_ARGB);
        gZwei = temp.getGraphics();
        g = getGraphics();  
    }

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

Was nun?