Afficher un sprite et une image de fond 2D

**Anonymal** · 24/04/2017, 15h46

Bonjour,

Je me suis créer un projet java (1stGame) et dedans j'ai fait un JFrame et un JPanel, je n'arrive pas à afficher une image de fond ou un sprite malgré mes recherches sur le Navigateur.

Je vous met mes codes et si vous savez ce qui cloche dites le moi s'il vous plaît. J'ai créer un java project que j'ai nommer "1stGame" dedans j'ai créer un package dans .src que j'ai nommer "fr.Laby.Test" dans ce package j'ai créer 3 classes :"Fenetre", "Main", "et "ImagePanel". Dans fr.Laby.Test j'ai créer le package fr.Laby.Test.images et j'ai mit mon sprite que j'ai appelé "ZELDA.png" et mon fond "fond.png" je n'arrive pas à les afficher malgré ça.

Voilà mes codes :

Fenetre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
package fr.Laby.Test;
 
import javax.swing.ImageIcon;
import javax.swing.JFrame;
 
public class Fenetre extends JFrame{ // plus facile : après fenetre rajouter extends JFrame
 
	public JFrame f;
        // Classe a importer	
	public Fenetre(){
 
		f = new JFrame(); // NE PAS OUBLIER SAUF SI ON UTILISE LA METHODE FACILE
 
		f.setTitle("LabyHard"); // Voici le nom de la fenetre
		f.setSize(680, 680/16*9); // La dimension de la fenetre
		f.setLocationRelativeTo(null); // pour placer la fenetre au milieu dès l'ouverture 
		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // pour dire que la fenetre se ferme quand on appuie sur la croix
		f.setAlwaysOnTop(true); // Pour la metttre au dessus de toute les applications
		f.setVisible(true); // Pour rendre la fenetre visible
		f.setResizable(true); // Pour permetre le redimensionnement de la fenetre
		f.setContentPane(new ImagePanel(new ImageIcon("images/fond.png").getImage()));
 
 
		// ENLEVER les f. si on utilise la methode facile
	}
}

Main :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
package fr.Laby.Test;
 
public class Main {
 
	public static void main(String[] args) {
 
		Fenetre f = new Fenetre();
	}
}

ImagePanel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
package fr.Laby.Test;
 
import java.awt.Graphics;
import java.awt.Image;
 
import javax.swing.JButton;
import javax.swing.JPanel;
 
public class ImagePanel extends JPanel{
    private static final long serialVersionUID = 1L;
 
    /**
     * @param args
     */
    public static void main(String[] args) {
        new Fenetre();
 
    }
 
    private Image img;
 
    public ImagePanel(Image img){
        this.img = img;
        add(new JButton("a"));
        add(new JButton("e"));
    }
 
    private void add(JButton jButton) {
		// TODO Auto-generated method stub
 
	}
 
	public void paintComponent(Graphics g) {
        g.drawImage(img, 0, 0, null);
    }
}

**wax78** · 24/04/2017, 16h04

Vérifie avec le debuggeur que ton image a bien été chargée.

img.height ou img.width ne doivent pas valoir -1 sinon c'est qu'il n'a pas trouvé l'image et donc n'affiche rien.

Edit : Il faut mettre la création de la fenetre dans une "invokeLater" sinon ton image ne s'afffichera que si tu resize la fenetre (par exemple).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
public class Fenetre extends JFrame{ // plus facile : après fenetre rajouter extends JFrame
 
	public JFrame f;
        // Classe a importer	
	public Fenetre(){
 
		SwingUtilities.invokeLater(new Runnable()
		{
			public void run()
			{
 
				f = new JFrame(); // NE PAS OUBLIER SAUF SI ON UTILISE LA METHODE FACILE
				f.setTitle("LabyHard"); // Voici le nom de la fenetre
				f.setSize(680, 680/16*9); // La dimension de la fenetre
				f.setLocationRelativeTo(null); // pour placer la fenetre au milieu dès l'ouverture 
				f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // pour dire que la fenetre se ferme quand on appuie sur la croix
				f.setAlwaysOnTop(true); // Pour la metttre au dessus de toute les applications
				f.setVisible(true); // Pour rendre la fenetre visible
				f.setResizable(true); // Pour permetre le redimensionnement de la fenetre
				f.setContentPane(new ImagePanel(new ImageIcon(getClass().getResource("0_11fc13_9702530c_L.png")).getImage())); // Attention que le path fait que l'image doit être placé dans le même package que "Fenetre".
 
 
			}
		});
		// ENLEVER les f. si on utilise la methode facile
	}
}

**yildiz-online** · 24/04/2017, 16h08

Il faut utiliser le class loader pour charger des resources depuis un chemin relatif au code:

Url url = getClass().getClassLoader().getResource(chemin relatif à la classe);
Puis utiliser l'url pour charger le fichier.

On peut aussi directement utiliser getResourceAsStream si l'api de destination convient.

**Anonymal** · 24/04/2017, 16h43

Je ne comprend pas il faut créer une autre class "url" ?

Et ce code je le met ou ?

Envoyé par wax78

Vérifie avec le debuggeur que ton image a bien été chargée.

img.height ou img.width ne doivent pas valoir -1 sinon c'est qu'il n'a pas trouvé l'image et donc n'affiche rien.

Edit : Il faut mettre la création de la fenetre dans une "invokeLater" sinon ton image ne s'afffichera que si tu resize la fenetre (par exemple).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
public class Fenetre extends JFrame{ // plus facile : après fenetre rajouter extends JFrame
 
	public JFrame f;
        // Classe a importer	
	public Fenetre(){
 
		SwingUtilities.invokeLater(new Runnable()
		{
			public void run()
			{
 
				f = new JFrame(); // NE PAS OUBLIER SAUF SI ON UTILISE LA METHODE FACILE
				f.setTitle("LabyHard"); // Voici le nom de la fenetre
				f.setSize(680, 680/16*9); // La dimension de la fenetre
				f.setLocationRelativeTo(null); // pour placer la fenetre au milieu dès l'ouverture 
				f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // pour dire que la fenetre se ferme quand on appuie sur la croix
				f.setAlwaysOnTop(true); // Pour la metttre au dessus de toute les applications
				f.setVisible(true); // Pour rendre la fenetre visible
				f.setResizable(true); // Pour permetre le redimensionnement de la fenetre
				f.setContentPane(new ImagePanel(new ImageIcon(getClass().getResource("0_11fc13_9702530c_L.png")).getImage())); // Attention que le path fait que l'image doit être placé dans le même package que "Fenetre".
 
 
			}
		});
		// ENLEVER les f. si on utilise la methode facile
	}
}

J'ai tout fait, elle ne s'afficher pas;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
package fr.Laby.Test;
 
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.SwingUtilities;
 
public class Fenetre extends JFrame{ // plus facile : après fenetre rajouter extends JFrame
 
	public JFrame f;
        // Classe a importer	
	public Fenetre(){
 
		SwingUtilities.invokeLater(new Runnable()
		{
			public void run()
			{
 
				f = new JFrame(); // NE PAS OUBLIER SAUF SI ON UTILISE LA METHODE FACILE
				f.setTitle("LabyHard"); // Voici le nom de la fenetre
				f.setSize(680, 680/16*9); // La dimension de la fenetre
				f.setLocationRelativeTo(null); // pour placer la fenetre au milieu dès l'ouverture 
				f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // pour dire que la fenetre se ferme quand on appuie sur la croix
				f.setAlwaysOnTop(true); // Pour la metttre au dessus de toute les applications
				f.setVisible(true); // Pour rendre la fenetre visible
				f.setResizable(true); // Pour permetre le redimensionnement de la fenetre
				f.setContentPane(new ImagePanel(new ImageIcon(getClass().getResource("fond.png")).getImage())); // Attention que le path fait que l'image doit être placé dans le même package que "Fenetre".
 
 
			}
		});
		// ENLEVER les f. si on utilise la methode facile
	}
}

**wax78** · 24/04/2017, 16h47

Envoyé par Anonymal

Je ne comprend pas il faut créer une autre class "url" ?

Et ce code je le met ou ?

Non URL est une classe java de base.

Regarde mon code j'ai utilisé ça il y'a un exemple.

**Anonymal** · 24/04/2017, 16h51

Ok et mon image le la met ou ? dans un package ? dans le package ou y'a le fenetre ou je la met pas dans un package je la laisse dans un dossier sur le pc.

Dans ma console il y a quelques erreurs xD :

Exception in thread "AWT-EventQueue-0" java.lang.NullPointerException
at javax.swing.ImageIcon.<init>(ImageIcon.java:217)
at fr.Laby.Test.Fenetre$1.run(Fenetre.java:26)
at java.awt.event.InvocationEvent.dispatch(InvocationEvent.java:311)
at java.awt.EventQueue.dispatchEventImpl(EventQueue.java:756)
at java.awt.EventQueue.access$500(EventQueue.java:97)
at java.awt.EventQueue$3.run(EventQueue.java:709)
at java.awt.EventQueue$3.run(EventQueue.java:703)
at java.security.AccessController.doPrivileged(Native Method)
at java.security.ProtectionDomain$JavaSecurityAccessImpl.doIntersectionPrivilege(ProtectionDomain.java:76)
at java.awt.EventQueue.dispatchEvent(EventQueue.java:726)
at java.awt.EventDispatchThread.pumpOneEventForFilters(EventDispatchThread.java:201)
at java.awt.EventDispatchThread.pumpEventsForFilter(EventDispatchThread.java:116)
at java.awt.EventDispatchThread.pumpEventsForHierarchy(EventDispatchThread.java:105)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:101)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:93)
at java.awt.EventDispatchThread.run(EventDispatchThread.java:82)

ça viens de quoi ?

Tiens mes codes je suis perdu x)

Fenetre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
package fr.Laby.Test;
 
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.SwingUtilities;
 
public class Fenetre extends JFrame{ // plus facile : après fenetre rajouter extends JFrame
 
	public JFrame f;
        // Classe a importer	
	public Fenetre(){
 
		SwingUtilities.invokeLater(new Runnable()
		{
			public void run()
			{
 
				f = new JFrame(); // NE PAS OUBLIER SAUF SI ON UTILISE LA METHODE FACILE
				f.setTitle("LabyHard"); // Voici le nom de la fenetre
				f.setSize(680, 680/16*9); // La dimension de la fenetre
				f.setLocationRelativeTo(null); // pour placer la fenetre au milieu dès l'ouverture 
				f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // pour dire que la fenetre se ferme quand on appuie sur la croix
				f.setAlwaysOnTop(true); // Pour la metttre au dessus de toute les applications
				f.setVisible(true); // Pour rendre la fenetre visible
				f.setResizable(true); // Pour permetre le redimensionnement de la fenetre
				f.setContentPane(new ImagePanel(new ImageIcon(getClass().getResource("fond.png")).getImage())); // Attention que le path fait que l'image doit être placé dans le même package que "Fenetre".
 
				Url url = getClass().getClassLoader().getRessource()
 
			}
		});
		// ENLEVER les f. si on utilise la methode facile
	}
}

ImagePanel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
package fr.Laby.Test;
 
import java.awt.Graphics;
import java.awt.Image;
 
import javax.swing.JButton;
import javax.swing.JPanel;
 
public class ImagePanel extends JPanel{
    private static final long serialVersionUID = 1L;
 
    /**
     * @param args
     */
    public static void main(String[] args) {
        new Fenetre();
 
    }
 
    private Image img;
 
    public ImagePanel(Image img){
        this.img = img;
        add(new JButton("a"));
        add(new JButton("e"));
    }
 
    private void add(JButton jButton) {
		// TODO Auto-generated method stub
 
	}
 
	public void paintComponent(Graphics g) {
        g.drawImage(img, 0, 0, null);
    }
}

**wax78** · 24/04/2017, 18h05

Cette ligne ne sert a rien.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Url url = getClass().getClassLoader().getRessource()

Est-tu bien sûre, comme je le disais plutôt dans le petit commentaire, d'avoir bien mis ton image dans la même package que la classe fenêtre ? (pour un début ca sera déjà bien mais il vaut mieux mettre toutes les ressources dans une package a part)

**Anonymal** · 24/04/2017, 18h24

Oui dans le package "fr.Laby.Test" il y a les 3 classes : imagePanel, Main, Fenetre et dans ce même package il y a un autre package qui s'appelle fr.Laby.Test.images" ( où j'ai mit mon fond.png et mon sprite"

Sa y est j'ai réussi merci de votre aide mon erreurs était que au lieu de jpg j'ai mit png et l'image était dans un package appart

merci beaucoup. Maintenant je fait comment pour le sprite ?

Juste comment je fait pour changer la taille de l'image la commande c'est setSize mais je sais pas ou la mettre

et comment je me tun sprite

**yildiz-online** · 24/04/2017, 20h35

En lisant la documentation de swing

**Anonymal** · 24/04/2017, 23h59

Envoyé par yildiz-online

En lisant la documentation de swing

je l'a trouve ou ?

**yildiz-online** · 25/04/2017, 06h44

Sur un moteur de recherche

**wax78** · 25/04/2017, 09h41

Comme tu l'as fait pour "l'image de fond" tu fais pareil pour "le sprite". Tu charge une image et dans le paintcomponent tu l'affiches.

**ohnomorejmmings** · 25/04/2017, 15h30

Merci aux autres de leur aide mais je te conseille vivement de faire des didacticiels/cours Java sinon tu ne vas pas t'en sortir. Rien qu'un coup d'œil à la FAQ, sa section GUI notamment, t'aurait sans doute permis de trouver la solution. J'en remets une couche mais vraiment dans mon cas les The Java Tutorials avaient été très utiles. Il y en avait un spécial dessin 2D : Formes géométriques, images… Après c'était à l'époque du JDK de Sun et peut-être que ça a changé depuis l'acquisition de Java par Oracle. Une traduction française ? Des équivalents ? Sur le site en matière de dessin j'ai seulement trouvé un tuto pour AWT, l'ancêtre de Swing, datant de 2005. Enfin connaitre un minimum la documentation officielle, des fondamentaux en passant par les bibliothèques, est indispensable. Pour résumer il faut avoir de bonnes bases pour se débrouiller assez par soi-même.

Sinon je pense que tu as posté dans le mauvais forum. Il en existe des spécialisés pour Java.

Bon courage avec ton The Legend of Java !!

**Anonymal** · 25/04/2017, 19h04

Envoyé par wax78

Comme tu l'as fait pour "l'image de fond" tu fais pareil pour "le sprite". Tu charge une image et dans le paintcomponent tu l'affiches.

*Je l'ai fait mais elle s'afficher mais en ENORME j'ai changer les dimensions même testé le 1x1 ça la met toujours en grand/enorme

**wax78** · 25/04/2017, 19h25

Et si tu postais le code ?

**Anonymal** · 25/04/2017, 19h46

Envoyé par wax78

Comme tu l'as fait pour "l'image de fond" tu fais pareil pour "le sprite". Tu charge une image et dans le paintcomponent tu l'affiches.

Envoyé par ohnomorejmmings

Merci aux autres de leur aide mais je te conseille vivement de faire des didacticiels/cours Java sinon tu ne vas pas t'en sortir. Rien qu'un coup d'œil à la FAQ, sa section GUI notamment, t'aurait sans doute permis de trouver la solution. J'en remets une couche mais vraiment dans mon cas les The Java Tutorials avaient été très utiles. Il y en avait un spécial dessin 2D : Formes géométriques, images… Après c'était à l'époque du JDK de Sun et peut-être que ça a changé depuis l'acquisition de Java par Oracle. Une traduction française ? Des équivalents ? Sur le site en matière de dessin j'ai seulement trouvé un tuto pour AWT, l'ancêtre de Swing, datant de 2005. Enfin connaitre un minimum la documentation officielle, des fondamentaux en passant par les bibliothèques, est indispensable. Pour résumer il faut avoir de bonnes bases pour se débrouiller assez par soi-même.

Sinon je pense que tu as posté dans le mauvais forum. Il en existe des spécialisés pour Java.

Bon courage avec ton The Legend of Java !!

j'ai déjà fait les personnages et le fond il me reste les script et les java tutorial sont seulement en anglais

Envoyé par wax78

Et si tu postais le code ?

très bien ...

code fenetre :

Code java :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import java.net.URL;
 
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.SwingUtilities;
 
public class Fenetre extends JFrame{ // plus facile : après fenetre rajouter extends JFrame
 
	public JFrame f;
        // Classe a importer	
	public Fenetre(){
 
		SwingUtilities.invokeLater(new Runnable()
		{
			public void run()
			{
 
				f = new JFrame(); // NE PAS OUBLIER SAUF SI ON UTILISE LA METHODE FACILE
				f.setTitle("LabyHard"); // Voici le nom de la fenetre
				f.setSize(1280, 720); // La dimension de la fenetre
				f.setLocationRelativeTo(null); // pour placer la fenetre au milieu dès l'ouverture 
				f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // pour dire que la fenetre se ferme quand on appuie sur la croix
				f.setAlwaysOnTop(true); // Pour la metttre au dessus de toute les applications
				f.setVisible(true); // Pour rendre la fenetre visible
				f.setResizable(false); // Pour permetre le redimensionnement de la fenetre
 
				f.setContentPane(new ImagePanel(new ImageIcon(getClass().getResource("ZELDA.png")).getImage())); // Attention que le path fait que l'image doit être placé dans le même package que "Fenetre".
				f.setContentPane(new ImagePanel(new ImageIcon(getClass().getResource("fond.jpg")).getImage()));
				URL url = getClass().getClassLoader().getResource("fond.jpg");
				URL url2 = getClass().getClassLoader().getResource("ZELDA.png");
 
 
			}
		});
		// ENLEVER les f. si on utilise la methode facile
	}
}

code ImagePanel :

Code java :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
package fr.Laby.Test;
 
import java.awt.Graphics;
import java.awt.Image;
 
import javax.swing.JButton;
import javax.swing.JPanel;
 
public class ImagePanel extends JPanel{
    private static final long serialVersionUID = 1L;
 
    /**
     * @param args
     */
    public static void main(String[] args) {
        new Fenetre();
 
    }
 
    private Image img;
 
    public ImagePanel(Image img){
        this.img = img;
        add(new JButton("a"));
        add(new JButton("e"));
    }
 
    private void add(JButton jButton) {
		// TODO Auto-generated method stub
 
	}
 
	public void paintComponent(Graphics g) {
		g.drawImage(img, 0, 0, 240, 200, this);
    }
 
	private Image Sprite;
 
	public void paintComponent2(Graphics g) {
		g.drawImage(Sprite, 0, 0, 16, 16, this);
	}
 
 }

**yildiz-online** · 25/04/2017, 21h35

Tu devrais commencer par lire un cours (un vrai, pas une suite de tutos sans rapports entre eux) sur java, on voit par ton code que tu tâtonnes et que tu assemble juste des bouts en code en espérant que ça va marcher.

Ca prendra un peu de temps d'acquérir de bonnes bases, mais ça t'évitera de devoir tout mettre à la poubelle parce que tu serais parti du mauvais pied et ensuite tu avanceras beaucoup plus vite et seras autonome.

**Anonymal** · 25/04/2017, 22h13

J'ai cherché des tutos en Français ... Si tu en aurais à me proposer donne moi les liens s'il te plaît, je suis motivé pour mon projet ! Et surtout je ne trouvais jamais des tutos pour mon cas ...

**plegat** · 26/04/2017, 07h26

Salut,

Va falloir songer à revoir le design du site, personne ne trouve les tutos...

Tout en haut de cette page, tu cliques sur le bouton "java". Sur la page java, tu cliques sur le bouton "tutoriels java", et là tu tombes sur tout plein de tutos. Au hasard, prend celui de JM Doudoux...

**Anonymal** · 26/04/2017, 15h19

Très bien ! Merci à toi !

Afficher un sprite et une image de fond 2D

Développement 2D, 3D et Jeux

Discussions similaires

Partager

Partager