How do I animate an object on canvas with a bind with an animation already "running"

Question

I was making a copy game of Space Invaders but when I went to do the "shot" of the ship, I came across a following problem :

As seen in Gif, when I press the key, everything on the canvas "freezes" until the shot reaches the end, how do I solve this ? thanks in advance.

Excerpt from the code :

def Update (self):
    while True :
        self.Move_nave()
        self.root.update()
        self.root.after(30)

def Shot (self, event):
    self.a_0 , self.a_2 = int(self.c.coords (self.bola)[0]), int(self.c.coords (self.bola)[2])
    self.a_1, self.a_3 = int (self.c.coords(self.bola)[1]), int (self.c.coords(self.bola)[3])
    self.tiro = self.c.create_rectangle(self.a_0 + 10, self.a_1, self.a_2 - 10, self.a_3, fill = 'blue')
    for c in range (10):
        self.c.move(self.tiro, 0, -10)
        self.root.after(40)
        self.root.update_idletasks()

Answer 1

You need a rewrite in your code.

When firing the shot, you can’t animate the shot completely to the end. Instead, you must create an object that stores the position of the shot, you can use a class for that, or just a simple structure like a tuple.

Next you need to add this structure that represents shooting to a list, can call tiros_atuais that will contain all the shots that are active at the moment.

At a certain single point of your code, you need to update all the elements of the game. Update the position of the ship and also any shots on the list tiros_atuais. So you’ll have one .after() only in his code - and he will do all updates that depend on your game’s time.

Finally, if the shot has reached its destination, remove it from the list tiros_atuais so that it stops being updated.