title: EaselJS/canvas - how to draw figure B after figure A, so that figure B is "under" figure A
body: <p>I have been working on this game for a few days now. One of the last problems I am facing is this: </p>
  
  <p>When the player moves out of the border moving area (see picture below) the "line" is drawn behind him - he creates some kind of a wall (see directed arrows on the picture). </p>
  
  <p>After this, he is able to move on this wall, BUT you cannot see the player (small red rectangle), until he moves right (in this case) to the white area.</p>
  
  <p>You can see that the player can be seen when he is positioned on the gray border walls, but these walls were created <strong>before</strong> the player was created.</p>
  
  <p>How should I change the rendering here to be able to see the player on the area that was drawn <strong>after</strong> the player? Do I need to redraw everything to be able to get it the way I need it?</p>
  
  <p><img src="https://i.stack.imgur.com/vc55D.png" alt="enter image description here"></p>
  
  <p>Any suggestions highly appreciated. If I was not clear enough, let me know so I can explain it better.</p>
  
  <p>Thanks</p>