Glissé déposé avec Pygame

**ABer2** · 23/03/2013, 20h07

Bonjour,

Je tente de créer une petite interface graphique à l'aide de la bibliothèque Pygame.
Je débute un peu en programmation et j'attaque un truc un peu costaud ... Je souhaiterai pouvoir déplacer une petite image sur mon interface à l'aide de la souris. J'ai tenté de programmer ça à part dans une autre fenêtre et avec un peu d'aide sur le net et sur le site de Pygame j'y suis parvenu. Mais avec mon programme, il faut croire que ce doit être plus subtile que ça. Si vous maitrisez Pygame et si vous pouviez me venir en aide quand à l'utilisation de telle ou telle fonction supplémentaire ce serait super !

En vous remerciant

Voici le programme en question.

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
 
import pygame
from pygame.import*
 
pygame.init()
 
fenetre=pygame.display.set_mode((900,900))
 
fond = pygame.image.load("interface.jpg").convert()
fenetre.blit(fond, (0,0))
 
feu = pygame.image.load("fire-icon.jpg").convert_alpha()
pos_feu = fenetre.blit(feu, (750,600,20,20))
 
display.update(feu)
continuer=1
selected=0
 
while True:
    e= event.wait()
    if e.type == QUIT : break
    elif e.type == MOUSEMOTION and e.buttons [0]:
        ancien_pos =(e.pos[0]-e.rel[0],e.pos[1]-e.rel[1])
 
        if feu.collidepoint(ancien_pos):
               ancien_feu = feu.copy()
               screen.fill(0,feu)
               feu.move_ip(e.rel)
               screen.fill(0xff0000,feu)
               display.update((feu))
 
while 1:
      for event in pygame.event.get():
            if (event.type == QUIT):
              pygame.quit()

**josmiley** · 23/03/2013, 22h26

feu étant une image et non un rectangle, je doute que ce code fonctionne.

j'ai codé ça, peut-être ça peut t'aider; n'hésites pas si tu as des questions.

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
from pygame import *
 
 
class Dragable(Rect,object):
 
    def __init__(self,img,**args):
        self.img = img
        Rect.__init__(self,img.get_rect(**args))
        self.selected = False
 
    def update(self,ev):
        if ev.type == MOUSEBUTTONDOWN and ev.button == 1 and self.collidepoint(ev.pos):
            self.selected = True
        elif ev.type == MOUSEBUTTONUP and ev.button == 1:
            self.selected = False
        elif ev.type == MOUSEMOTION and self.selected:
            relx,rely = ev.rel
            self.x += relx
            self.y += rely
            return True # retourne True si la position change
 
    @property
    def pos(self):
        return self.topleft
 
 
scr   = display.set_mode((500,500))
time.wait(200) # la faute a mon WM
 
img = Surface((50,50)) # cree une image pour test
img.fill(0xff0000)     # en rouge
 
carre = Dragable(img,center=(250,250)) # # cree l'objet et le positionne
 
scr.blit(carre.img,carre.pos) # affiche l'objet
display.flip()
 
while True:
    ev = event.wait()
    if carre.update(ev): # si l'objet bouge on actualise l'affichage
        scr.fill(0)
        scr.blit(carre.img,carre.pos)
        display.flip()
    if ev.type == QUIT: break

**ABer2** · 24/03/2013, 15h09

Merci beaucoup, mais en lançant ce programme j'obtiens le mouvement d'un cube sur l'interface par la souris comme prévu. Simplement j'ai essayé de le remanié avec difficulté et perplexité étant débutant j'ai du mal à déchiffrer toutes les actions de ce programme. Comment puis-je faire pour justement remplacer le cube par un image ?

**josmiley** · 24/03/2013, 16h12

via l'attribut img de l'objet Dragable.

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
from pygame import *
 
class Dragable(Rect,object):
 
    def __init__(self,img,**args):
        self.img = img
        Rect.__init__(self,img.get_rect(**args))
        self.selected = False
 
    def update(self,ev):
        if ev.type == MOUSEBUTTONDOWN and ev.button == 1 and self.collidepoint(ev.pos):
            self.selected = True
        elif ev.type == MOUSEBUTTONUP and ev.button == 1:
            self.selected = False
        elif ev.type == MOUSEMOTION and self.selected:
            relx,rely = ev.rel
            self.x += relx
            self.y += rely
            return True # retourne True si la position change
 
    @property
    def pos(self):
        return self.topleft
 
 
scr   = display.set_mode((500,500))
time.wait(200) # la faute a mon WM
 
feu = Dragable(image.load("fire-icon.jpg"),center=(250,250)) # # cree l'objet et le positionne
 
scr.blit(feu.img,feu.pos) # affiche l'objet
display.flip()
 
while True:
    ev = event.wait()
    if feu.update(ev): # si l'objet bouge on actualise l'affichage
        scr.fill(0)
        scr.blit(feu.img,feu.pos)
        display.flip()
    if ev.type == QUIT: break

**ABer2** · 24/03/2013, 21h36

Merci c'est super ! Juste une dernière question. J'ai ajouté le fond de mon interface, j'ai un peu de difficulté à le faire rester sur la fenetre quand je bouge l'image. Comment faire pour le faire rester sur la fenetre et faire bouger n'importe quelle autre image par dessus avec ton programme ?

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
 
from pygame import *
 
class Dragable(Rect,object):
 
    def __init__(self,img,**args):
        self.img = img
        Rect.__init__(self,img.get_rect(**args))
        self.selected = False
 
    def update(self,ev):
        if ev.type == MOUSEBUTTONDOWN and ev.button == 1 and self.collidepoint(ev.pos):
            self.selected = True
        elif ev.type == MOUSEBUTTONUP and ev.button == 1:
            self.selected = False
        elif ev.type == MOUSEMOTION and self.selected:
            relx,rely = ev.rel
            self.x += relx
            self.y += rely
            return True # retourne True si la position change
 
    @property
    def pos(self):
        return self.topleft
 
 
fenetre = display.set_mode((850,850))
fond = image.load("interface.jpg").convert()
fenetre.blit(fond, (0,0))
feu = Dragable(image.load("fire-icon.jpg"),center=(400,400)) # cree l'objet et le positionne
fenetre.blit(feu.img,feu.pos) # affiche l'objet
display.flip()
 
while True:
    ev = event.wait()
    if feu.update(ev): # si l'objet bouge on actualise l'affichage
        fenetre.fill(0)
        fond.fill(0)
        fenetre.blit(feu.img,feu.pos)
        display.flip()

**josmiley** · 24/03/2013, 23h37

Code :

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

1
2
3
4
5
6
while True:
    ev = event.wait()
    if feu.update(ev): # si l'objet bouge on actualise l'affichage
        fenetre.blit(fond,(0,0))
        fenetre.blit(feu.img,feu.pos)
        display.flip()