How to move an object by a certain number of pixels when dragging it?

Hi Guys!

I want to do the same as in the gif. Move the object a set number of pixels so that the tiles don't overlap and line up in neat rows. How can I do this?

dropbox.com/scl/fi/xl0fkmbxwnxspugvgresi/test01.c3p

This will snap the sprite to 10x10 px grid:

Sprite On Drop
OR Sprite Is Dragging

 -> Sprite set position to X: round(self.x/10)*10, Y: round(self.y/10)*10

This will snap the sprite to 10x10 px grid:

> Sprite On Drop
OR Sprite Is Dragging

-> Sprite set position to X: round(self.x/10)*10, Y: round(self.y/10)*10

There is no smoothness in movement, and it is very difficult to fit the edge to the edge of the tile when dragging. If I set position to X: round(self.x/2)*2, Y: round(self.y/2)*2 for example, it's not quite what I need.

What's shown in the gif is done somehow differently. The question is how?

Is your grid also isometric, as in the gif?

Is your grid also isometric, as in the gif?

How to make a grid isometric?

Here is a demo

dropbox.com/scl/fi/jua3vqmhhrartb50hw72s/Isometric_SnapToGrid.c3p