Canvas sprites are dislocated

Questions about Thunkable
,
1

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!

2

Hello @ivevtc6cvxgun
The issue can be caused by the “Resize Mode”.

Stretch: Stretches the label’s to fit the dimensions of the device’s screen.

Float in Place: Renders the label in the same aspect ratio as the design, regardless of the device size.

3

I have tried every possible combination with both the canvas’ resize mode and the stage’s resize mode, nothing had worked.