Deplacer un objet grace au clavier

**peepo** · 04/12/2006, 04h14

Bonjour,
J'ai un jeu a realiser en java; et le doit deplacer mon objcet ki contient une position X et une position Y, en m'aidant des touche du clavier.
et..... Au SECOURS je perd pied!!!
Comment faire pour ke quan j'apuie sur la fleche du haut
le PosY de l'objet soi modifier Ainsi de suite
Merci d'avance

**zorm** · 04/12/2006, 09h01

il faut que tu utilises les fonctions de keyListener et KeyEvent. Si tu ne sais pas comment les utiliser, sun a mis en ligne un petit tutorial que tu trouveras ici http://java.sun.com/docs/books/tutor...ylistener.html
http://java.sun.com/docs/books/tutor...EventDemo.java

Bonne chance.

**peepo** · 04/12/2006, 21h20

Sa m'aide pas trop vu ke c'est en anglaishttp

J'ai beaucoup de cours et de tutorial mai la programmation est toujours differentes je m'y perds.
N'aurait tu pas un bou de code en Exemple

**broumbroum** · 04/12/2006, 23h48

Si tu as déjà les KeyListener il manque un timer pour capturer les événènements du clavier et déplacer l'objet. KeyEventDispatcher -> posX-posY <- timer.actionPerformed() -> draw(posX,posY)
Tu peux t'inspirer du code source de ma platforme sf3Jswing basée sur un Pong classique avec 1 joueur contre la machine. sf3Jswing
idéalement, les sources sont disponibles en exploration cvs sur le site.

**DonkeyMaster** · 18/12/2006, 17h57

Allons, allons, pas de panique.
Ton problème est simple, tu vas voir qu'on va y arriver.

D'abord, tu crées deux KeyListener qui modifient la position. Un sera pour quand on appuie sur une touche, l'autre pour quand on la relâche.

Dans cette méthode, tu regarderas de quelle touche il s'agit, et
Je ne me souviens plus des noms des classes et des méthodes, ça il te faudra le trouver tout seul, mais pour l'algorithme, c'est comme je te montre.

Quand on appuye sur une touche, on démarre le déplacement dans cette direction:

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
 
public void onKeyDown (KeyboardEvent event) {
  switch (event.KeyPressed) {
  case KEY_UP:
    joueur.y_step=-1; //on se déplace vers le haut
    break;
  case KEY_DOWN:
    joueur.y_step=+1; //on se déplace vers le bas
    break;
  case KEY_LEFT:
    joueur.x_step=-1; //on se déplace vers la gauche
    break;
  case KEY_RIGHT:
    joueur.x_step=+1; //on se déplace vers la droite
    break;
  }
}

Quand on relâche une touche, on arrête le déplacement dans cette direction:

Code java :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
public void onKeyUp (KeyboardEvent event) {
  switch (event.KeyPressed) {
  case KEY_UP:
    joueur.y_step=0;    break;
  case KEY_DOWN:
    joueur.y_step=0;    break;
  case KEY_LEFT:
    joueur.x_step=0;    break;
  case KEY_RIGHT:
    joueur.x_step=0;    break;
  }
}

Enfin, à chaque battement de coeur, tu effectues le déplacement:

Code java :

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

1
2
3
 
joueur.x += joueur.x_step;
joueur.y += joueur.y_step;

Voilà, ceci n'est qu'une possibilité parmi beaucoup. J'espère t'avoir aidé.

**Michaeljackfan** · 19/12/2006, 11h33

Bonjour,

tu peux tout simplement faire un repaint() mais avec de nouvelles coordonées:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
 
import java.awt.*;
import java.awt.event.*;
import java.applet.*;
 
 
public class test extends Applet{
/*on crée une image sur laquelle on va dessiner, PUIS afficher, ce qui va éviter que l'écran ne sintille trop et on déclare les
variables de position et de taille du bloc que l'on va déplacer*/
 
Image img=null; // on "déclare" l'image qui va servir à afficher le bloc
Graphics gi=null; // on déclare son "graphic"
 
int X=0, Y=0, tailleX=100, tailleY=50;
 
  public void init(){
 
 	img=createImage(getSize().width, getSize().height);//on crée l'image à la taille de la zone de l'écran
	 gi=img.getGraphics(); // on attribue ce graphic à l'image
     addKeyListener(new KeyAdapter(){ //on se sert d'un keyAdapter afin d'éviter d'avoir à appeler toutes les méthodes du keyListener
          public void keyPressed(KeyEvent evt){
                if(evt.getKeyCode()==evt.VK_RIGHT && X+tailleX<=getSize().width){X++; paindre();} //on contrôle qu'il ne soit pas trop à droite avant de le déplacer vers la droite
                if(evt.getKeyCode()==evt.VK_LEFT && X>=0){X--; paindre();} //on contrôle qu'ils ne soit aps trop à gauche avant de le déplacer vers la gauche
                if(evt.getKeyCode()==evt.VK_DOWN && Y+tailleY<=getSize().height){Y++; paindre();} // on contrôle qu'il ne soit pas trop bas avant de le faire descendre
                if(evt.getKeyCode()==evt.VK_UP && Y>=0){Y--; paindre();} //on contrôle qu'il ne soit pas trop haut, puis on le fait monter
          }
 
     });
 
     paindre();
  }
 
  public void paint(Graphics g){
 
	 g.drawImage(img, 0, 0, this); //paint l'image
 
  }
 
  public void update(Graphics g){paint(g);} //on évite que l'écran ne sintille en demandant à la méthode de simplement paindre par dessus sans rien effacer
 
  public void paindre(){
  	  gi.setColor(Color.white);// on prends la couleur d'arrière plan
     gi.fillRect(0, 0, getSize().width, getSize().height); //on efface l'ancien bloque de l'image
 
     gi.setColor(Color.black);//on prends la couleur d'avant-plan
     gi.fillRect(X, Y, tailleX, tailleY); // on dessine le nouveau bloc sur l'image
 
     repaint(); //on appel la méthode update, qui va paindre la méthode "paint()"
  }
 
}

Voilà, ça te fait un bloc que tu peux déplacer, qui est limité aux limites de l'écran et qui ne sintille pas (ou pas beaucoup), j'éspère que ça t'ira ?

**pendoRa** · 28/07/2010, 15h24

Bonjour, est -il possible de faire la même opération sans applet mais dans une jInternalFrame ?

C'est a dire, au lieu d'avoir notre carré noir dans un applet, il serait déssiné dans une jInternalFrame.

Merci

**sinok** · 28/07/2010, 16h48

Tu remplaces extends Applet par un extends JPanel, tu supprime la redéfinition de la méthode update, tu remplace paint par paintComponent.

Puis tu ajoutes ce JPanel à cette JInternalFrame et m'affaire devrait être jouée.

**pendoRa** · 28/07/2010, 17h14

Merci pour ta réponse, hélas j'ai une grosse erreur ( arret de la JVM lors du lancement de la jInternalFrame) je posterai mon code demain.

L'idée, c'est que j'ai déja ma fenêtre principale, puis après avoir clic sur un bouton, un internalframe se place dans la fenetre principale.. et donc je souhaite pouvoir avoir ce carré noir ( pour le moment, c'est déja bien si j'y parvient apres je pourrais codé le reste ) dans la jInternalFrame et répondre aux actions des touches du clavier.

A demain, et merci.

**pendoRa** · 30/07/2010, 10h56

Bonjour, je n'arrive pas à faire déplacer mon objet (image) sur ma fenêtre principale.

Je souhaite pouvoir déplacer cette image dans les 4 directions cardinales et apres pouvoir l'ajouter à un background pour qu'elle puisse se balader par-dessus ( prochaine étape ).

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
 
// imports....
 
 
public class Fenetre extends JFrame {
 
 
	private JMenu jMenu5;
	private JSeparator jSeparator1;
	private JMenu jMenu4;
	private JMenuItem exitMenuItem;
	private JSeparator jSeparator;
	private JMenuItem openFileMenuItem;
	private JMenuItem newFileMenuItem;
	private JMenu jMenu3;
	private JMenuBar jMenuBar1;
 
 
 
	public static void main(String[] args) {
		SwingUtilities.invokeLater(new Runnable() {
			public void run() {
				Fenetre inst = new Fenetre();
				//inst.setContentPane(new ArrierePlan());
				inst.setContentPane(new Deplacement());
				inst.setLocationRelativeTo(null);
				inst.setTitle("SNAKE JAVA");
				inst.setSize(600, 400);
				inst.setDefaultCloseOperation(inst.EXIT_ON_CLOSE);
				inst.setVisible(true);
			}
		});
 
 
	}
 
 
 
 
	public Fenetre() {
		super();
		initGUI();
	}
 
 
	private void initGUI() {
		try 
			{
		    	setSize(600, 400);
			{
				jMenuBar1 = new JMenuBar();
				setJMenuBar(jMenuBar1);
				{
					jMenu3 = new JMenu();
					jMenuBar1.add(jMenu3);
					jMenu3.setText("File");
					{
						newFileMenuItem = new JMenuItem();
						jMenu3.add(newFileMenuItem);
						newFileMenuItem.setText("New");
					}
						newFileMenuItem.addActionListener(new ActionListener() {
 
							@Override
							public void actionPerformed(ActionEvent e) {
 
 
								}
 
						});
 
										{
						exitMenuItem = new JMenuItem();
						jMenu3.add(exitMenuItem);
						exitMenuItem.setText("Exit");
					}
					exitMenuItem.addActionListener(new ActionListener() {
 
 
						public void actionPerformed(ActionEvent arg0) {
 
 
							System.exit(0);
						}
 
					});
				}
 
 
 
 
			}
 
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

Puis la classe ou se trouve mon image plus la méthode déplacement :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
 
// imports....
 
public class Deplacement extends JPanel implements KeyListener{
 
	private JLabel labelImage = new JLabel(); 
	private int x=0,y=0;
 
	public void paintComponent(Graphics g) {
 
		try {
		   Image  img2 = ImageIO.read(new File("iconO.png"));
 
 
	        g.drawImage(img2, 40,0, this);
 
 
		}catch (IOException e) {
			e.printStackTrace();
		}
		}
 
 
	public void keyPressed(KeyEvent ke) {
		int key = ke.getKeyCode();
		switch (key) {
			case KeyEvent.VK_DOWN : 
				y+=5;
				break;
			case KeyEvent.VK_UP:
				y-=5;
 
				break;
			case KeyEvent.VK_RIGHT:
				x+=5;
				break;
			case KeyEvent.VK_LEFT:
				x-=5;
				break;
 
		}
		labelImage.setBounds(x,y,40,40);
	repaint();
 
 
	}
	public void keyReleased(KeyEvent ke) {}
	public void keyTyped(KeyEvent ke) {
	}
 
 
 
}

Je pense que je dois mal utiliser le repaint(); ou quelque chose du genre...
Merci a vous.

**sinok** · 30/07/2010, 11h17

Bon on va commencer doucement.

Le NullLayout pour faire des animations/déplacements? Beurk, tu peux oublier, . Le NullLayout est déjà à la base une mauvaise pratique, mais ensuite l'utiliser comme ça... Bof bof bof pire pire pire.

Pour faire un déplacement correct il te plutôt passer par le dessin direct de l'image dans le paintComponent avec les coordonnées calculées dans le keyPressed.

C'est à dire que pour l'appel à la méthode drawImage dans le paintComponent tu dois utiliser x et y et non des valeurs en dur.

Enfin il NE FAUT SURTOUT PAS charger l'image dans le paintComponent. En effet les chargement d'une image est une opération couteuse et va te bloquer tout le repaint du composant, et ce à chaque repaint.

L'image doit être chargée dans le constructeur de ta classe.

**pendoRa** · 30/07/2010, 13h15

Merci pour ta réponse,

cela donc devrait plus ressembler à ceci :

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
38
39
40
41
42
43
44
45
 
public class Deplacement extends JPanel implements KeyListener{
 
	private JLabel labelImage = new JLabel(); 
	private int x=0,y=0;
	Image  img2 = ImageIO.read(new File("iconO.png"));
 
	public void paintComponent(Graphics g) {
 
		try {
	        g.drawImage(img2, x, y, this);
}
 
		   public void keyPressed(KeyEvent ke) {
		   int key = ke.getKeyCode();
		switch (key) {
			case KeyEvent.VK_DOWN : 
				y+=5;
				break;
			case KeyEvent.VK_UP:
				y-=5;
 
				break;
			case KeyEvent.VK_RIGHT:
				x+=5;
				break;
			case KeyEvent.VK_LEFT:
				x-=5;
				break;
 
		}
 
		}catch (IOException e) {
			e.printStackTrace();
		}
	}
 
	}
	public void keyReleased(KeyEvent ke) {}
	public void keyTyped(KeyEvent ke) {
	}
 
 
 
}

Cependant, comment récupérer coordonnées calculées du KeyEvent dans le paintComponent ?

**sinok** · 30/07/2010, 14h37

Le keyEvent stocke les données dans x et y. De fait le paintComponent a jouste à se servir de x et y pour dessiner.

Par contre ton KeyListener doit être placé en dehors du paintComponent. Et celui ci doit demander le repaint du composant à chaque exécution de la méthode keyPressed, après le recalcul de position.

**pendoRa** · 30/07/2010, 14h48

Merci bien, c'est ce que je me disais, or, il subsiste une erreur ou Eclipse me dit : "No suggestions available"

Donc voila le code modifié :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
import javax.imageio.ImageIO;
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
 
 
public class Deplacement extends JPanel implements KeyListener{
 
 
	private JLabel labelImage = new JLabel(); 
    int x=0,y=0; 
    Image img = ImageIO.read(new File("pacman2.png")); // CETTE LIGNE EST SOULIGNEE EN ROUGE ( message a la fin du post )
    int bas, haut, droite, gauche;
 
 
 
 
	public void paintComponent(Graphics g) {
 
 
		labelImage.setBounds(x, y, 40, 0);
		g.drawImage(img, x , y ,this);
	}
 
 
 
 
 
 
		 public void KeyPressed(KeyEvent ke) {
    		int key = ke.getKeyCode();
    		switch (key) {
    			case  KeyEvent.VK_DOWN : 
    				bas = y+=5;
 
 
    			case KeyEvent.VK_UP:
    				y-=5;
 
    				break;
    			case KeyEvent.VK_RIGHT:
    				x+=5;
    				break;
    			case KeyEvent.VK_LEFT:
    				x-=5;
    				break;
    		}
    		repaint();
 
    		}
 
 
 
	public void keyReleased(KeyEvent ke) {}
	public void keyTyped(KeyEvent ke) {
	}
 
 
 
}

* Le message est : Default constuctor cannot handle exception type IOException thrown by implicit super constructor. Must define an explicit constructor.

Je comprend donc par la que je dois reféfinir le bon constructeur, mais je vois pas pourquoi il n'est pas bon !

**sinok** · 30/07/2010, 15h17

J'ai dit constructeur pour le chargement de l'image. Pas directement dans la déclaration de l'attribut. En effet la méthode read d'ImageIO déclare qu'elle peut lancer une exception. De fait il faut absolument traiter cette exception correctement. De fait je te conseille fortement de retourner réviser les bases de java avant de t'attaquer à du Swing comme tu es en train de la faire. Tu n'as pas assez intégré les bases de java pour pouvoir attaquer les API avancées.

Accessoirement il faut vraiment que tu fasse disparaitre ton labelImage. Il ne sert à rien du tout à part t'embrouiller.

**pendoRa** · 30/07/2010, 15h46

Code :

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

1
2
3
4
5
6
7
 
public void paintComponent(Graphics g) {
try {
g.drawImage(img, x, y, this);
}catch(IOException e) {
e.printStackTrace();
}

J'avais oublié de mettre dans mon post l'exception, mais rien a faire cela ne fonctionne toujours pas.
Enfin, je comprend ta réaction, or, je suis encore au stade d'apprentissage, étant donné que je dois rendre une application Swing/AWT , enfin voila
Merci quand même

**sinok** · 31/07/2010, 02h55

Le try catch doit se trouver autour de ImageIO.read, pas autours du graphics.drawImage qui ne lui n'a aucune raison de déclencher une exception.

Si tu veux savoir quelle méthode est susceptible de lancer une exception, confère toi à la javadoc.

Toutefois sans un minimum de connaissance de java, ton appli Swing est vouée à perte. Tu gagneras du temps et évitera pas mal de galères de ce genre à reprendre ton cours et des tutos sur les bases de java. Car de fil en aiguille tu vas ne faire qu'à te heurter à des problèmes de ce genre du fait de ta méconnaissance du langage. Et au final perdre beaucoup de temps, voire énormément sur des choses totalement triviales.

Deplacer un objet grace au clavier

Interfaces Graphiques en Java

Discussions similaires

Partager

Partager