As I mentioned in my last question I'm making a conveyor belt that picks up images from a folder and makes them move from left to right. An unexpected problem rose, I'm already changing images with canvas.image = (New image) to animate the conveyor belt and I thought that I could do the same with the other objects:
#Import
import os
import random
from PIL import Image, ImageTk
from tkinter import Tk, Canvas, PhotoImage, NW
from tkinter import Label
# folder path
dir_path = r'C:\Users\Usuario\Downloads\Experiment'
#------------------------------------------------------------Select Random Image--------------------------------------------------------
imgExtension = ["webp","png"] #Image Extensions to be chosen from
allImages = list()
def Makelist(directory):
for img in os.listdir(directory): #Lists all files
ext = img.split(".")[len(img.split(".")) - 1]
if (ext in imgExtension):
allImages.append(img)
return allImages
Makelist(dir_path)
global potatoes
potatoes = allImages
choice = random.randint(0, len(potatoes) - 1)
randomImage = potatoes[choice] #Image chosen
print(randomImage)
potatoes.remove(randomImage)
#------------------------------------------------------------Canvas---------------------------------------------------------------
root = Tk()
root.attributes('-transparentcolor','#f0f0f0')
canvas = Canvas(root, width = root.winfo_screenwidth(), height=300)
canvas.pack()
#-------------------------------------------------------Conveyor belt gif------------------------------------------------------------
file = r'C:\Users\Usuario\Downloads\Python\Cinta'
allImages = []
Makelist(file)
conveyor = allImages
global current_con
current_con = 0
print(conveyor)
conveyori = Image.open(file+"/"+conveyor[current_con])
conveyorimg = ImageTk.PhotoImage(conveyori)
conveyor_canva = canvas.create_image(0, 0, anchor=NW, image = conveyorimg)
conveyor_label = Label(canvas, image = conveyorimg)
conveyor_label = conveyorimg
def animation():
global current_con
if (current_con < 3):
current_con += 1
else:
current_con = 0
conveyori = Image.open(r'C:/Users/Usuario/Downloads/Python/Cinta/'+conveyor[current_con])
conveyorimg = ImageTk.PhotoImage(conveyori)
canvas.itemconfig(conveyor_canva, image = conveyorimg)
canvas.image = conveyorimg
canvas.after(105, animation)
#-------------------------------------------------------------Potato a image setup------------------------------------------------------------------
im_O = Image.open(r'C:/Users/Usuario/Downloads/Experiment/'+ randomImage)
new_image = im_O.resize((100, 100))
potimg = ImageTk.PhotoImage(new_image)
potato_label = Label(canvas, image = potimg)
potato_label = potimg
#-----------------------------------------------------Positioning the Image inside the canvas-------------------------------------------------------
imga = canvas.create_image(root.winfo_screenwidth()+20, 100, anchor=NW, image = potimg)
#---------------------------------------------------------------Potato a movement setup--------------------------------------------------------------
global pos
pos = root.winfo_screenwidth()+20
def move_imga():
global pos
global potatoes
pos -= 5
# move the image
canvas.move(imga, -5, 0)
if (pos < -90):
#Potato change
if (potatoes == []): #If there are no images left make a new list
allImages = []
Makelist(dir_path)
potatoes = allImages
#Ok now let's actually change the image
choice = random.randint(0, len(potatoes) - 1)
randomImage = potatoes[choice] #Image chosen
print(randomImage)
potatoes.remove(randomImage)
#Do all the stuff, resize it, etc
im_O = Image.open(r'C:/Users/Usuario/Downloads/Experiment/'+ randomImage)
new_image = im_O.resize((100, 100))
potimg = ImageTk.PhotoImage(new_image)
canvas.itemconfig(imga, image = potimg)
canvas.image = potimg
canvas.moveto(imga, root.winfo_screenwidth()+20, 100)
pos = root.winfo_screenwidth()+20
# move again after 25 ms (0.025s)
canvas.after(25, move_imga)
#----------------------------------------------------------Starts the GUI------------------------------------------------------------
move_imga()
animation()
root.mainloop()
What I tried was: When a potato goes off the screen a new image is picked from the array, then I open the image, change the image and teleport it back to the begining. But it doesen't work. I don't really know why but I think it's probably because the conveyor belt is also using the same function to change sprites
What I tried was: When a potato goes off the screen a new image is picked from the array, then I open the image, change the image and teleport it back to the begining. But it doesen't work
Your problem can be fixed.
image = potimg
, It will update on line
on line 98.global potmig
. Like this: global potatoes, potimg
#canvas.itemconfig(imga, image = potimg)
canvas.itemconfig(imga, image = potimg
. Put
this outside of first if-else
block, and before canvas.after
.Snippet:
#Import
import os
import random
from PIL import Image, ImageTk
from tkinter import Tk, Canvas, PhotoImage, NW
from tkinter import Label
# folder path
dir_path = r'C:\Users\Usuario\Downloads\Experiment'
#------------------------------------------------------------Select Random Image--------------------------------------------------------
imgExtension = ["webp","png"] #Image Extensions to be chosen from
allImages = list()
def Makelist(directory):
for img in os.listdir(directory): #Lists all files
ext = img.split(".")[len(img.split(".")) - 1]
if (ext in imgExtension):
allImages.append(img)
return allImages
Makelist(dir_path)
global potatoes
potatoes = allImages
choice = random.randint(0, len(potatoes) - 1)
randomImage = potatoes[choice] #Image chosen
print(randomImage)
potatoes.remove(randomImage)
#------------------------------------------------------------Canvas---------------------------------------------------------------
root = Tk()
root.attributes('-transparentcolor','#f0f0f0')
canvas = Canvas(root, width = root.winfo_screenwidth(), height=300)
canvas.pack()
#-------------------------------------------------------Conveyor belt gif------------------------------------------------------------
file = r'C:\Users\Usuario\Downloads\Python\Cinta'
allImages = []
Makelist(file)
conveyor = allImages
global current_con
current_con = 0
print(conveyor)
conveyori = Image.open(file+"/"+conveyor[current_con])
conveyorimg = ImageTk.PhotoImage(conveyori)
conveyor_canva = canvas.create_image(0, 0, anchor=NW, image = conveyorimg)
conveyor_label = Label(canvas, image = conveyorimg)
conveyor_label = conveyorimg
def animation():
global current_con
if (current_con < 3):
current_con += 1
else:
current_con = 0
conveyori = Image.open(r'C:/Users/Usuario/Downloads/Python/Cinta/' + conveyor[current_con])
conveyorimg = ImageTk.PhotoImage(conveyori)
canvas.itemconfig(conveyor_canva, image = conveyorimg)
canvas.image = conveyorimg
canvas.after(105, animation)
#-------------------------------------------------------------Potato a image setup------------------------------------------------------------------
im_O = Image.open(r'C:/Users/Usuario/Downloads/Experiment/' + randomImage)
new_image = im_O.resize((100, 100))
potimg = ImageTk.PhotoImage(new_image)
#potato_label = Label(canvas, image = potimg)
#potato_label = potimg
#-----------------------------------------------------Positioning the Image inside the canvas-------------------------------------------------------
imga = canvas.create_image(root.winfo_screenwidth()+20, 100, anchor=NW)
#---------------------------------------------------------------Potato a movement setup--------------------------------------------------------------
global pos
pos = root.winfo_screenwidth()+20
def move_imga():
global pos
global potatoes, potimg
pos -= 5
# move the image
canvas.move(imga, -5, 0)
if (pos < -90):
#Potato change
if (potatoes == []): #If there are no images left make a new list
allImages = []
Makelist(dir_path)
potatoes = allImages
#Ok now let's actually change the image
choice = random.randint(0, len(potatoes) - 1)
randomImage = potatoes[choice] #Image chosen
print(randomImage)
potatoes.remove(randomImage)
#Do all the stuff, resize it, etc
im_O = Image.open(r'C:/Users/Usuario/Downloads/Experiment/' + randomImage)
new_image = im_O.resize((100, 100))
potimg = ImageTk.PhotoImage(new_image)
#canvas.itemconfig(imga, image = potimg)
canvas.image = potimg
canvas.moveto(imga, root.winfo_screenwidth()+20, 100)
pos = root.winfo_screenwidth()+20
# move again after 25 ms (0.025s)
canvas.itemconfig(imga, image = potimg)
canvas.after(25, move_imga)
#----------------------------------------------------------Starts the GUI------------------------------------------------------------
move_imga()
animation()
root.mainloop()
Output:
canada.png <--- first start.
['canada-logo.png', 'canada.png', 'canada_1.png', 'canada_2.png', 'card.png', 'Chess_queen.png', 'cricket.png', 'fia_logo.png', 'guyana.png', 'laser.png', 'NOKIA.png', 'p11.png', 'p12.png', 'p13.png', 'p14.png', 'p15.png', 'p16.png', 'p17.png', 'p18.png', 'p19.png', 'p2.png', 'p20.png', 'p21.png', 'p22.png', 'p23.png', 'supra-logo.png', 'supra.png', 'turks_and_caicos.png']
You will see all outputs in below:
fia_logo.png
p19.png
p23.png
supra-logo.png
supra.png
turks_and_caicos.png
p18.png