I have this wierd situation: I am trying to animate 2 images going one past the other on the canvas.
I have a function to calculate their new locations etc, and when it's time to play the animation in calls another function to render the new state of the images.
Now, that render function removes the "tile" around both images and places the background back instead, and then redraws the new images there.

The result i am getting is that only the background is now seen.
when i neytralize the bg drawing, i see that the images are getting painted - so it's as if the background is being painted on top of the animated objects, although the call to painting it is done before.
What can I do to avoid that and ensure that the animated objects are drawn on the canvas on top of the background, and not vice versa?