Problème avec l'affichage d'un sprite avec PyGame

Résolu
Bonjour,

J'ai 12 ans et je débute en python.
En ce moment je m'entraine à créer des jeux avec le module PyGame.

J'ai créer un jeu où j'aimerais ajouter un bouton jouer sur la fenêtre et faire en sorte que lorsque qu'on clique sur le bouton, le bouton change de couleur pendant 0.1 secondes puis qu'il disparaisse et que 2 autres bouton apparaissent.

J'ai commencé mon projet avec une fenêtre en plein écran mais lorsque j’essaye de faire apparaitre le bouton, il n’apparait pas...

Voilà les parties du code ou j'essaye de faire apparaître le bouton:
# Créer le bouton jouer
class BoutonJouer(pygame.sprite.Sprite):
    def __init__(self):
        super().__init__()
        self.image = pygame.image.load('bouton/jouer.png')
        self.rect = self.image.get_rect()
        self.rect.x = 400
        self.rect.y = 250*


# Bouton jouer du menu principale
bouton_jouer_menu_pricipale = bouton_jouer.BoutonJouer()


# Appliquer le bouton jouer sur le menu principale
    screen.blit(bouton_jouer_menu_pricipale.image, bouton_jouer_menu_pricipale.rect)



Je ne comprends pas pourquoi le bouton ne veux pas s'afficher alors que tout est correcte normalement...

Merci d'avance, cordialement

9 réponses

  1. Bonsoir,

    As-tu fait la mise à jour de la fenêtre après le blit avec
    pygame.display.flip()
    ou
    pygame.display.update()
    ?
    4
    1. Ha non j'avais oublié, merci !

      Mais est-ce normal que le bouton clignote ?
      0
      1. Non ce n'est pas normal, il faudrait que tu montres ton code pour voir ce qui cloche.
        0
    2. Voilà mon code:

      *FICHIER MAIN: *
      
      import pygame
      import time
      from bouton import bouton_jouer
      
      pygame.mixer.init()
      
      pygame.init()
      
      # Fenêtre du jeu
      pygame.display.set_caption("ElementaryQuest")
      icon = pygame.image.load('window/icon.png')
      pygame.display.set_icon(icon)
      screen = pygame.display.set_mode((0, 0), pygame.FULLSCREEN)
      
      # Son du jeu
      menu_music = pygame.mixer.Sound('music/menu_music.wav')
      menu_music.play(loops=1000, fade_ms=5000)
      
      # Arrière-plan du menu principale
      background = pygame.image.load('window/background.jpg')
      
      # Bouton jouer du menu principale
      bouton_jouer_menu_pricipale = bouton_jouer.BoutonJouer()
      
      running = True
      menu = True
      
      
      # Boucle du jeu
      while running:
      
          # Boucle du menu pricipale
          # Applique l'arrière-plan du menu principale
          screen.blit(background, (0, 0))
          pygame.display.flip()
      
          # Appliquer le bouton jouer sur le menu principale
          screen.blit(bouton_jouer_menu_pricipale.image, bouton_jouer_menu_pricipale.rect)
          pygame.display.update()
      
          # Si le joueur ferme la fenêtre
          for event in pygame.event.get():
      
              # Vérifier que l'événement est fermeture de fenêtre
              if event.type == pygame.KEYDOWN:
                  if event.key == pygame.K_ESCAPE:
                      time.sleep(0.25)
                      running = False
                      pygame.quit()
                      print("Fermeture du jeu en cours, veuillez patienter...")
                      time.sleep(3)
                      print("Le jeu à bien été fermé !")
      
              # Vérifier que l'événement est clique
              if event.type == pygame.MOUSEBUTTONDOWN:
                  print('Souris cliqué')
      
      
      *FICHIER BOUTON_JOUER: *
      
      import pygame
      
      
      # Créer le bouton jouer
      class BoutonJouer(pygame.sprite.Sprite):
          def __init__(self):
              super().__init__()
              self.image = pygame.image.load('bouton/bouton_jouer.png')
              self.rect = self.image.get_rect()
              self.rect.x = 550
              self.rect.y = 600
      
      0
      1. Bonjour,

        J'ai répondu hier, mais mon message n'a pas été pris en compte :/

        Il faut s'arranger à n'avoir qu'un seul update (ou flip) dans la boucle, donc faire un update après avoir fait tous les blit sur la fenêtre.
        0
    3. Ha oui merci tout fonctionne !
      0
      1. Mais j'ai une petite question pour le bouton:

        Comment faire pour que PyGame détecte le fait que je clique sur le sprite ?

        Merci, cordialement
        0
        1. Bonsoir,

          C'est avec le rect du sprite que tu dois faire cette vérification.
          Jette un oeil dans les méthodes de Rect (les méthodes collide*)

          Pour la coordonnée du clic, tu dois pouvoir récupérer ça avec
          event.pos
          dans ta boucle.
          0
      2. Ok merci, je vais regarder ça !
        0
        1. Bon, je suis plutôt fière de moi :-)

          J'ai réussi à faire en sorte que le bouton change quand on clique dessus et qu'il disparaisse en suite, mais le problème c'est que je n'arrive pas à faire les deux en même temps...

          Je m'explique, j’arrive à changer l'image du bouton quand on clique dessus mais j'aimerai mettre un temps de latence avant que le bouton ne disparaisse sinon on ne pourra pas voir le bouton changer de couleur (tout ça est esthétique mais j'aime quand c'est beau donc j'ai pris une heure de mon temps pour finir le menu principale.)

          Et là viens le problème, j'ai essayer d'ajouter la commande
          pygame.time.delay(500)
          mais ça ne faisait pas comme je le voulais voici ce que j'ai écris en détaille:
          # Vérifier si le bouton jouer est cliqué
                  if event.type == pygame.MOUSEBUTTONDOWN:
                      if menu.bouton_jouer_menu_pricipale.rect.collidepoint(event.pos):
          
                          # Changer l'image du bouton
                          menu.bouton_jouer_menu_pricipale.image = menu.bouton_jouer_menu_pricipale.image_clique
                          pygame.time.delay(500)
          
                          # Passer au menu suivant (retirer le bouton, le texte et l'arrière-plan)
                          menu.menu_principale = False
                          menu.menu_2 = True
          


          PyGame fait le temps de latence après; lorsque je cliques sur le bouton à ce moment là la commande
          pygame.time.delay(500)
          s'exécutait (alors que moi je voulais qu'elle s'exécute une fois que le bouton à changer de couleur...

          Sinon merci d'avoir pris du temps pour me répondre, cordialement :-)
          1
          1. Bonsoir,

            Je n'ai pas compris pourquoi si c'est un bouton de menu, il doit disparaître si on clique dessus.

            Plutôt que pygame.time.delay qui est comme un time.sleep, sers-toi de
            pygame.time.set_timer()
            qui permet de gérer un événement personnel.

            Lorsque l'utilisateur clique sur ton bouton, tu définis un event avec pygame.time.set_timer(), ainsi lors des prochains tours, si ce type d'event est dans l'event de ta boucle, tu supprimes ton bouton et tu annules ton event.
            0
        2. Je pense que je me suis mal expliqué...

          Je veux faire en sorte que, une fois le bouton cliqué il change de couleur puis que 0.5 secondes après il disparaisse et laisse place à deux autre boutons.
          Sauf que le
          time.sleep(x)
          ne me conviens pas car il met en pause tout le programme alors que je voudrais mettre en pause seulement le bouton une fois qu'il a changé de couleur puis 0.5 secondes après, qu'il disparaisse. /-:

          Pour la commande
          pygame.time.set_timer()
          je n'ai pas bien compris son utilité et de ce que j'ai compris ce n'est pas ce que je recherche...

          Merci, cordialement
          1
          1. pygame.time.set_timer sert à programmer un event personnel dans le temps.

            Voici un simple exemple avec une simple surface pour bouton.

            import pygame as pg
            
            SCREEN_COLOR = (25, 255, 255)
            
            class Button(pg.sprite.Sprite):
                def __init__(self):
                    super().__init__()
                    self.image = pg.Surface((100, 50))
                    self.image.fill((255, 0, 0))
                    self.rect = self.image.get_rect()
            
            
            screen = pg.display.set_mode((400, 400))
            screen.fill(SCREEN_COLOR)
            
            button = Button()
            button.rect.center = 200, 200
            
            screen.blit(button.image, button.rect)
            pg.display.update()
            
            clock = pg.time.Clock()
            running = True
            # identifiant de l'event pour la suppression du bouton
            BUTTON_DELETE_EVENT = pg.USEREVENT
            
            while running:
                clock.tick(30)
                for evt in pg.event.get():
                    if evt.type == pg.QUIT or (
                        evt.type == pg.KEYUP and evt.key == pg.K_ESCAPE
                    ):
                        running = False
                        break
                    elif evt.type == pg.MOUSEBUTTONDOWN:
                        if button.rect.collidepoint(evt.pos):
                            # Changement de le couleur du bouton
                            button.image.fill((255, 255, 0))
                            # Création d'un event qui sera envoyé par pygame dans event.get
                            # après 1,5 secondes
                            pg.time.set_timer(BUTTON_DELETE_EVENT, 1500)
                            screen.blit(button.image, button.rect)
                            pg.display.update(button.rect)
                    elif evt.type == BUTTON_DELETE_EVENT:
                        # On attrape notre event et on le désactive en le redéfinissant
                        # avec 0 ms
                        pg.time.set_timer(BUTTON_DELETE_EVENT, 0)
                        # Remplissage de la couleur de l'écran dans le rect du bouton
                        screen.fill(SCREEN_COLOR, button.rect)
                        pg.display.update(button.rect)


            Comme tu utilises des sprites, il faudra t'intéresser plus tard aux groupes de sprites.
            0
        3. Merci beaucoup, mon programme fonctionne à merveille j'ai galéré à trouver comment ça marche mais au bout d'une heure j'ai compris, merci beaucoup !!
          1