générateur de scrolling

Bonjour tous le monde,
Je suis en train de développer un jeu (sur python exclusivement avec tkinter) et je voudrais faire défiler le fond (une image importer sur un canvas) sur lequel mon perso se trouve. Je voudrais que le fond défile si mon personnage se trouve dans la moitié haute du canvas ou encore le 1/4. Le problème étant que je ne souhaite pas avoir de barre de scrolling (la position de mon perso serait la seul condition). Avez vous quelques conseils ou méthode pour résoudre ce problème?
Merci

Salut,

Le Canvas a une surface virtuellement infinie et vous affichez la région que vous voulez avec les dimensions que vous voulez.
Par exemple, je créé un Canvas 500 x 500 qui montre le carré 0..500 x 0..500.

Code:

---

1 2 3

>>> import tkinter as tk >>> canvas = tk.Canvas(width=500, height=500) >>> canvas.pack()

---

Je dessine un rectangle autour de 0, 0:

Code:

---

1 2	>>> canvas.create_rectangle(-10, -10, 10, 10, fill='blue') 1

---

et donc on en voit que le quart bas-gauche.
Maintenant, je bouge le repère pour que 0, 0 soit au centre:

Code:

---

1 2	>>> canvas.configure(scrollregion=(-250, -250, 250, 250)) >>>

---

et voilà.

- W

Merci pour votre aide. Toutefois, je pense que je me suis mal exprimer. En effet, c'est l'image que je souhaite déplacer en fonction des coordonnées de mon personnage. Je souhaite que mon image (qui est tellement longue que l'on ne voit que le bas de celle-ci) défile quand mon personnage arrive dans la moitié haute de mon image (et donc du canvas). Je ne savais pas que le canvas avait une surface infinie, merci cela va m’être d'une grande utilité :D

Citation:

---

Envoyé par theflux

Je souhaite que mon image (qui est tellement longue que l'on ne voit que le bas de celle-ci) défile quand mon personnage arrive dans la moitié haute de mon image (et donc du canvas).

---

Dans ce cas, il suffit d'apprendre à jouer avec canvas.move pour déplacer "le fond".

- W

Il y a surement des erreurs d'utilisation de canvas.move ( d'ou le fait que sa ne fonctionne pas lorsque je le test) mais est ce que le code suivant est dans l'idée de ce que je compte faire s'il vous plait:

Code:

---

1 2 3 4 5 6

def defilement(event): global image_fond, canvas x,y=canvas.coords(perso) if 0 < x < 800 and 400< y <800: canvas.move('fond.png',0,-5) False

---

Il n'y a pas d'erreur qui s'affiche donc je pense que la syntaxe est exact mais cela n'a aucun effet sur mon image.

Citation:

---

Envoyé par theflux

Il n'y a pas d'erreur qui s'affiche donc je pense que la syntaxe est exact mais cela n'a aucun effet sur mon image.

---

'fond.png' est une chaîne de caractères. Pour le Canvas çà pourrait correspondre à un tag.... Et si ce n'est pas le cas, çà ne fait rien. Relisez la documentation, apprenez ce que sont identifiants et tags,... discutez avec votre collègue requie.

Citation:

---

Envoyé par theflux

mais est ce que le code suivant est dans l'idée de ce que je compte faire s'il vous plait:

---

Je ne lis pas dans votre cerveau (et c'est heureux) donc "dans l'idée de ce que vous comptez faire" sera une conclusion que vous seul pourrez donner lorsque vous serez arrivé à faire fonctionner quelque chose.

- W

Code:

---

1 2 3 4 5

def defilement(delay=250): global image_fond, canvas canvas.move(img_fond,0,5) monJeu.after(delay,fond) defilement()

---

J'ai finalement réussi a faire défiler le fond grâce a cette fonction (yeeeees) mais les plateforme ne défile pas. En effet j'ai essayer de copier la fonction défilement mais étant donner que les images de mes plateformes sont définis dans une liste avec une boucle for, je n'arrive qu'a faire bouger une seule plateforme en même temps que le fond.

Citation:

---

Envoyé par theflux

En effet j'ai essayer de copier la fonction défilement mais étant donner que les images de mes plateformes sont définis dans une liste avec une boucle for, je n'arrive qu'a faire bouger une seule plateforme en même temps que le fond.

---

Si vous avez plusieurs objets/items à déplacer en même temps, soit vous en faites une liste et vous déplacez chaque élément de la liste, soit vous leur donnez un "tag" identique et c'est le Canvas qui déplacera le tout pour vous.

- W

Citation:

---

Si vous avez plusieurs objets/items à déplacer en même temps, soit vous en faites une liste et vous déplacez chaque élément de la liste

---

J'ai essayer cette methode en faisaint:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

imgplateforme =PhotoImage(file=chemin_fichier+'\\plateform.png') # Création d'une image Tkinter Liste= [[400,400],[250,350],[100,550],[230,600],[450,400],[700,120],[670,700],[200,200]] for n in Liste: plateforme=dessin3.create_image(n[0],n[1] ,image=imgplateforme)   def motion2(delay=200): global plateforme canvas.move(plateforme ,0,20) monJeu.after(delay, motion2)       motion2()

---

Mais il n'y a qu'une seule des plateforme qui se déplace (surement a cause du n[0], n[1]) mais je ne vois pas comment remédier a cela

Citation:

---

Envoyé par theflux

Mais il n'y a qu'une seule des plateforme qui se déplace (surement a cause du n[0], n[1]) mais je ne vois pas comment remédier a cela

---

Si vous écrivez:

Code:

---

1 2	for n in Liste: plateforme=dessin3.create_image(...)

---

à la sortie de la boucle, plateforme sera ce qu'aura retourné le dernier appel à dessin3.create_image...
Donc il n'y aura qu'une seule plateforme qui se déplace: la dernière créée.
Et je vous ai suggéré les solutions (liste ou tags) dans ma réponse précédente.

- W

Citation:

---

Et je vous ai suggéré les solutions (liste ou tags) dans ma réponse précédente.

---

Pourriez vous me donner un exemple de code s'il vous plait (je ne vois vraiment pas ce que vous voulez dire(la liste des plateformes ne suffit pas?)) :?

Citation:

---

Envoyé par theflux

Pourriez vous me donner un exemple de code s'il vous plait (je ne vois vraiment pas ce que vous voulez dire(la liste des plateformes ne suffit pas?)) :?

---

La liste des plateformes suffit largement.
Et construire cette liste dans une boucle à coups d'append est quelque chose que vous devriez avoir appris.

- W

Citation:

---

Et construire cette liste dans une boucle à coups d'append est quelque chose que vous devriez avoir appris.

---

Parlez vous de la liste des plateformes? Si c'est le cas, je l'ai déjà défini:

Code:

---

1 2 3

Liste= [[400,400],[250,350],[100,550],[230,600],[450,400],[700,120],[670,700],[200,200]] for n in Liste: plateforme=dessin3.create_image(n[0],n[1] ,image=imgplateforme)

---

Je ne vois pas vraiment ce que vous voulez dire :weird:

Citation:

---

Envoyé par theflux

Parlez vous de la liste des plateformes? Si c'est le cas, je l'ai déjà défini:

Code:

---

1 2 3

Liste= [[400,400],[250,350],[100,550],[230,600],[450,400],[700,120],[670,700],[200,200]] for n in Liste: plateforme=dessin3.create_image(n[0],n[1] ,image=imgplateforme)

---

Je ne vois pas vraiment ce que vous voulez dire :weird:

---

Dans votre code Liste est l'ensemble des coordonnées ou vous voulez créer des plateformes.
Les plateformes sont créées via dessin3.create_image(...) et c'est celles là dont il faut faire une liste pour pouvoir en bouger chaque élément.

- W

Code:

---

1 2 3 4 5 6

Liste2=[] Liste= [[400,400],[250,350],[100,550],[230,600],[450,400],[700,120],[670,700],[200,200]] for n in Liste: plateforme=dessin3.create_image(n[0],n[1] ,image=imgplateforme) for k in range(Liste): Liste2.append(plateforme)

---

Dois-je crée une liste de ce type si je comprend bien?

Citation:

---

Envoyé par theflux

Code:

---

1 2 3 4 5 6

Liste2=[] Liste= [[400,400],[250,350],[100,550],[230,600],[450,400],[700,120],[670,700],[200,200]] for n in Liste: plateforme=dessin3.create_image(n[0],n[1] ,image=imgplateforme) for k in range(Liste): Liste2.append(plateforme)

---

Dois-je crée une liste de ce type si je comprend bien?

---

Il y a du mieux puisqu'on a une deuxième liste et des .append mais en vous y prenant comme çà, vous aurez, dans Liste2, 8 fois l'identifiant de la dernière "plateforme" et non les identifiants des 8 plateformes créées... Encore un effort, votre cerveau ne s'use que si vous oubliez de vous en servir.

- W

Citation:

---

Il y a du mieux puisqu'on a une deuxième liste et des .append mais en vous y prenant comme çà, vous aurez, dans Liste2, 8 fois l'identifiant de la dernière "plateforme" et non les identifiants des 8 plateformes créées... Encore un effort, votre cerveau ne s'use que si vous oubliez de vous en servir.

---

En suivant votre raisonnement, je devrai alors directement mettre le append dans la boucle for?

Code:

---

1 2 3 4

Liste2=[] Liste= [[400,400],[250,350],[100,550],[230,600],[450,400],[700,120],[670,700],[200,200]] for n in Liste: Liste2.append(dessin3.create_image(n[0],n[1] ,image=imgplateforme))

---

Je changerai alors la fonction motion2 ainsi:

Code:

---

1 2 3 4 5 6

def motion2(delay=200): global plateforme canvas.move(Liste2 ,0,20) monJeu.after(delay, motion2)   motion()

---

Citation:

---

Envoyé par theflux

Je changerai alors la fonction motion2 ainsi:

Code:

---

1 2 3 4 5 6

def motion2(delay=200): global plateforme canvas.move(Liste2 ,0,20) monJeu.after(delay, motion2)   motion()

---

---

Vous êtes adulte (ou presque), pas la peine de me demander la permission pour essayer. Vous devriez constatez que çà ne fait rien. Et je ne pourrais que vous suggérer d'aller relire le mode d'emploi de canvas.move ou vous rappeler que si vous vous êtes em.... à faire cette liste, c'est pour pouvoir déplacer chaque élément i.e. faire une boucle avec des .move dedans.

- W

Code:

---

1 2 3 4 5 6

def motion2(delay=200): global plateforme canvas.move(Liste2 ,0,20) monJeu.after(delay, motion2)   motion2()

---

Effectivement cela ne faisait aucun changement. J'ai changer mon code ainsi avec une boucle for :

Code:

---

1 2 3 4 5 6 7

def motion2(delay=200): global plateforme for i in range(Liste2): canvas.move(i ,0,20) monJeu.after(delay, motion2)   motion()

---

Cela fonctionne parfaitement mais cela crée un nouveau problème: il n'y a plus de plateforme pour mon personnage. Il faudrait qu'au fur et a mesure de la descente, il y ait des plateformes qui se créent

Citation:

---

Envoyé par theflux

Cela fonctionne parfaitement mais cela crée un nouveau problème: il n'y a plus de plateforme pour mon personnage. Il faudrait qu'au fur et a mesure de la descente, il y ait des plateformes qui se créent

---

Ah ben, Python ne fait qu'exécuter les lignes de code que vous avez écrit.
Dans cette discussion, vous trouverez le code d'un jeu ou un personnage doit sauter cours sur un tapis dans lequel il y a parfois des trous qu'il doit sauter. Le tapis est fabriqué avec des rectangles qui sont recyclés lorsqu'ils disparaissent de l'écran.
note: vous ne pouvez pas créer un nombre infini d'objets. Donc il faut penser à détruire ou recycler les objets existants...

- W

Citation:

---

Ah ben, Python ne fait qu'exécuter les lignes de code que vous avez écrit.
Dans cette discussion, vous trouverez le code d'un jeu ou un personnage doit sauter cours sur un tapis dans lequel il y a parfois des trous qu'il doit sauter. Le tapis est fabriqué avec des rectangles qui sont recyclés lorsqu'ils disparaissent de l'écran.
note: vous ne pouvez pas créer un nombre infini d'objets. Donc il faut penser à détruire ou recycler les objets existants...

---

Mes plateformes auront donc toujours les mêmes coordonnées?

Je ne vois pas aussi comment adapter le code de cette discussion pour que les plateforme créé dans ma liste soient "recyclées" pour qu'elle réapparaissent en haut pour qu"elles défilent de nouveau.

Citation:

---

Envoyé par theflux

Mes plateformes auront donc toujours les mêmes coordonnées?

---

Si vous les déplacez, leurs coordonnées changent.

Citation:

---

Envoyé par theflux

Je ne vois pas aussi comment adapter le code de cette discussion pour que les plateforme créé dans ma liste soient "recyclées" pour qu'elle réapparaissent en haut pour qu"elles défilent de nouveau.

---

De toutes façons même un truc simple sera "compliqué" car c'est encore des histoires de boucles et de listes.

Imaginez que vos boîtes descendent de 20 toutes les 200ms.
Au bout d'un moment, il y a celles qu'on voit et celles qu'on ne voit plus.
Si votre canvas montre le rectangle 0..500 x 0..500, celles qu'on voit sont parmi les items retournés par canvas.find_enclosed(0, 0, 500, 500) et celles qu'on ne voit plus sont celles qui ne sont plus dans cette liste.
Pour remonter ces dernières, vous récupérez ses coordonnées (x, y) via canvas.coords(ident) puis vous les déplacez en x = 0 (toujours via canvas.coords).

- W