I ran into a problem where the sprites on the canvas became dislocated. When I manually insert the blaster and beam sprites in the canvas view, they look fine. But when I go into design view or web preview, they are also dislocated, even though they are manually inserted. I have tried many methods in order to fix this issue, including changing the stage and canvas scaling modes, changing the sizes of the stage and canvas, setting the sizes of the stage and canvas via blocks and more, but nothing has worked so far.
Here is a video showcasing the issue
Here is the link to the project
It would be awesome if this issue can be solved, thanks!
Canvas resize mode is float in place, stage background picture resize mode is scale, stage scaling mode is scale. I also tried all other combinations of resize and scaling modes but nothing prevented this from happening, I also tried changing the stage and canvas individually to different sizes, nothing worked. I tried using the default stage size of height 450 and width 300, full screen size (667, 375) and same size as canvas size for the stage, nothing worked. I tried making the canvas cover the entire screen and only part of it, nothing worked. I even tried to delete the entire canvas and make a new one, it did not work too. I have already exhausted every possible combination and variation I could think of. This problem is incredibly frustrating and has taken over a dozen hours of my time. I would give my utmost thanks if this can be solved in a timely manner, as this is an important homework assignment and the time to hand it in is upcoming soon.
