I’m having a hard time making heads or tails of this. I know that sprite x/y positions are relative to the sprite’s top-left corner (I’ve suggested that they be changed to the sprite’s center but that’s another conversation…). What I don’t understand is that when I position a canvas so that it’s top-left corner (0,0) touches a button’s bottom-right corner and then – with only the blocks below added to the sprite – I preview the project, the sprite re-sizes itself and moves and ends up in a place that definitely isn’t x=0, y=0. This video shows what happens when I press the preview button: Ignore the three game pieces above the button & canvas area. [canvas bug] Canvas: [image] Blocks: [image] Completed Preview: [image]

Or how about this one… both sprites are 50 width & height. Blocks: [image] Preview #1: [image] Preview #2: [image] ???

Sprites use the midpoint for coords. If you try to put them half off the canvas, strange things happen.

I tested the project @tatiang sent and set the x and y to 25 as mid-point and it behaved as expected. I set the other sprite to 50 and it also showed expected outcome. [image] [image]

That’s good to know! @muneer thanks for confirming that. I actually did find the same to be true. My sprites still resize and move which is weird but at least they end up in the right spots using your values: [image]

Do your sprites resize or does your canvas? I’ve seen the canvas/stage do a resize, but not sure I’ve seen sprites do it.

I’m not sure. If you notice the gif in my first post, that’s what I’m referring to. It happens even in the Design tab without previewing and it happens with a brand new project if I just drop a canvas component onto a screen.

I’m working on a snap-to-grid demo and it works well but if I give the sprite any momentum when dropping it, it glides to a new position that is no longer snapped to the grid. Does anyone know how to prevent that? I basically want to disable movement for the sprites. They should be draggable but not moveable if that makes sense. https://x.thunkable.com/projects/60bcf3db90b63a00128256d1/5bfb81a8-0cff-4cf3-9558-01010c4cdfd6/designer [drag demo]

[image] tatiang: I’m not sure. If you notice the gif in my first post, that’s what I’m referring to. It happens even in the Design tab without previewing and it happens with a brand new project if I just drop a canvas component onto a screen. That’s your canvas resizing - if you put a border on it, you can see it. It’s not really a sprites problem.

[image] tatiang: Does anyone know how to prevent that? I basically want to disable movement for the sprites. They should be draggable but not moveable if that makes sense. Try this: [image] (Do both sprites this way.)

Sprite positioning when canvas loads

Questions about Thunkable X

tatiang June 5, 2021, 8:09pm 2

Or how about this one… both sprites are 50 width & height.

Blocks:

Preview #1:

Preview #2:

???

:video_game: WDC #17 Tic Tac Toe: The Next Generation

Topic		Replies	Views
Sprite poltergeist Questions about Thunkable X sprite	1	300	January 27, 2021
Drag sprite between fixed locations Questions about Thunkable X	3	432	June 28, 2021
Sprite x y coordinates use the centre, not upper left of sprite Canvas / Gaming	6	921	September 4, 2022
Set a sprite at half the width of the screen or canvas or stage Questions about Thunkable X tcanvas	6	1372	May 13, 2021
Canvas sprites are dislocated Questions about Thunkable X canvas , help	5	97	April 22, 2025

Sprite positioning when canvas loads

Related topics