Animation Project / Background Build

My student is having trouble with this fence: https://studio.code.org/projects/gamelab/2oPoOibqbsFLtUZHM2PvXI68i1LFeLexoqTdbsNf-U0

Any suggestions on closing the gap and the overlapping issues on the right side of the road/fence?

Hi @burnsk,

What a cool animation! It required so much attention to detail!

Here are the tips I have to help fix the overlap and gaps…

  1. Remove the extra background from all the sprites using the crop tool. This means when .scale is used it is truly scaling only the sprite and not the any extra space in the sprite’s canvas. I have attached a screenshot of the crop tool in the animation tab.
  2. To help troubleshoot, I removed the draw loop for a bit and only put in the drawSprite block so that I could first address the layering of the fences at the very beginning. With all the fences cropped, I changed all the scales to 1 and the layering is mostly gone but some adjustment might need to be made in scaling and space for effect. Here is my attempt to fix layering.
  3. The gaps during animation should be easier to fix with the sprites cropped. I would also try changing the World frameRate to 1 as you are animating to make it easier to fix the gaps during the animation after the drawLoop is returned.
    Screen Shot 2020-01-11 at 7.25.27 AM
    Hope this helps,
    Michelle