Why my animation is smoothly not change position? ||help

Question

I draw a box,, which changing position in everyone second.
But, position smoothly slide not changing ...

My code:

https://code.sololearn.com/WwYNX3ykg4Cp/?ref=app

Answer 1

Because transition property does not work on objects inside the canvas.
You can use Javascript to animate the object inside the canvas.

Answer 2

I guess because you are changing the boxes and not updating their position

Answer 3

Prajyot can you edit my code for animation with canvas