Faire défiler une image de haut en bas

Version imprimable

02/12/2015, 12h39
mimievan

1 pièce(s) jointe(s)

Faire défiler une image de haut en bas

Bonjour à tous.
Je chercherais un moyen de faire défiler une partie de mon image dans JPanel suivant le déplacement du joueur. L'image en question est elle-même utilisée comme terrain de jeu. Est-ce que quelqu'un pourrait me donner quelques tuyaux pour commencer? Merci pour ceux qui vont répondre
Pièce jointe 194094
07/12/2015, 09h59
Kazh Du

Je te déconseille d'aborder le problème via Swing. Swing sert à afficher et contrôler des fenêtres.

Pour gérer des images, il faut directement se tourner vers l'API Java2D et la manipulation de la classe Graphics. La méthode drawImage devrait pouvoir t'aider à faire ce que tu souhaites.
07/12/2015, 12h07
Népomucène

Plus simple :

Ton image est placée dans un JPanel (qui lui-même est probablement placé dans un JFrame).
Tu peux placer le JPanel dans un JScrollPane ce qui rend ton JPanel "défilant".

Exemple

un exemple opérationnel :

Ton JPanel qui contient le terrain :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
import java.awt.Graphics;
import java.awt.Image;
 
public class PanelTerrain extends javax.swing.JPanel {
 
    public PanelTerrain() {
    }
 
    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        java.awt.Toolkit toolkit = java.awt.Toolkit.getDefaultToolkit();
        Image img = toolkit.getImage("terr.png");
        int w = img.getWidth(this);
        int h = img.getHeight(this);
        g.drawImage(img, 0, 0, w, h, this);
    }
 
}

Le JFrame qui affiche le tout :

Code:

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
 
import java.awt.Dimension;
import javax.swing.JScrollPane;
 
public class JFrameDuJeu extends javax.swing.JFrame {
 
    public JFrameDuJeu() {
        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setSize(220, 320);
        PanelTerrain panelTerrain = new PanelTerrain();
        panelTerrain.setPreferredSize(new Dimension(190, 517));
        jScrollPane = new JScrollPane(panelTerrain);
        add(jScrollPane);
 
//        en option : suppression de l'affichage de la barre de défilement verticale
//        jScrollPane.getVerticalScrollBar().setPreferredSize(new Dimension(0, 0));
 
        pack();
        setLocationRelativeTo(null);
    }
 
 
    public static void main(String args[]) {
 
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new JFrameDuJeu().setVisible(true);
                frameDuJeu.setDefilement(70);
            }
 
        });
    }
 
 
//      ci-dessous tu fixes le défilement du terrain par programme.
    public void setDefilement(final int value) {
        jScrollPane.getVerticalScrollBar().setValue(value);
    }
 
JScrollPane jScrollPane;
 
 
}

07/12/2015, 14h01
mimievan

Merci pour les réponses.

Et si je veux faire cela de bas en haut? parce que normalement le joueur part du bas vers le haut.
07/12/2015, 14h10
Kazh Du

Une soustraction peut-être ? :aie:

Le point d'origine des images est toujours en haut à gauche, c'est une convention qui a été prise (relatif au fonctionnement des écrans au passage). A toi d'adapter ton code à cette norme. Je te conseille tout de même de faire en sorte que ton terrain corresponde à l'interface (utiliser le même point d'origine et éventuellement la même échelle), ça évitera des calculs trop tirés par les cheveux.
07/12/2015, 14h13
Népomucène

Dans l'exemple que j'ai posté, tu utilises la méthode setDefilement pour fixer le niveau.
donc si tu fais :
- setDefilement(200) on voit le bas du terrain
- setDefilement(100) on voit le milieu du terrain
- setDefilement(0) on voit le haut du terrain

Après, il faudra très probablement régler le problème de la fluidité de l'affichage si tu fais plusieurs setDefilement de suite.

Tu peux m'expliquer? Comment 200 c'est vers le bas dans ton exemple?
si :
Code:

1 2 3 4 5 /*....*/ setSize(220, 320); PanelTerrain panelTerrain = new PanelTerrain(); panelTerrain.setPreferredSize(new Dimension(190, 517)); /*....*/

07/12/2015, 14h56
Népomucène

C'est la valeur de déplacement de la verticalScrollBar.

Mais il faut prendre en considération la hauteur de la fenêtre visible.
Dans mon exemple elle est de 280 c'est la valeur renvoyée par :
System.out.println(jScrollPane.getVerticalScrollBar().getVisibleAmount());

Donc si on met la valeur à :
0 : elle est tout en haut -> on voit le terrain de 0 à 280
100 : on l'a descendue de 100 -> on voit le terrain de 100 à 380 (cad 100 + 280)
200 : on l'a descendue de 200 -> on voit le terrain de 200 à 480 (cad 200 + 280) c'est presque le bas du terrain
pour voir exactement le bas du terrain, il faut mettre la valeur à 517-280 = 237