[Phaser 3] Rotate a gameobject with two points gesture

Phaser 3
1

I have a gameobject need rotate around by two points gesture on mobile but i don’t know how to make it from phaser docs and examples.

1 Like
2

If I understood the task correctly (which I doubt)…

From the scratch (I may be overlooking an already built-in function or some neater way) is an option to search for the radius between the two points and set the given radius to the object, and then set the center of this diagonal for object as its X an Y coordinate.

How to find radius between two points.

var px_1 = pointer1.worldX;
var py_1 = pointer1.worldY;
var px_2 = pointer2.worldX;
var py_2 = pointer2.worldY;

//Calculate angle
var angle = Math.atan2(py_1-py_2, px_1-px_2);
//Switch to radius
var rad = (angle * (180 / Math.PI) * -1) + 90;

I think this is a base point to go futher.

Now we need to find the coordinate between this line and assign the radius and coordinate to the object.

Hmmm…

try to

Math.sqrt(((px_2 - px_1) ** 2) + ((py_2 - py_1) ** 2));

amd let me know i’m right.

3
4

Probably there is no such function that the phaser would not be able to out of the box … :smiley:

5

Hi @conganhpham ,
There are two problems to resolve:

  1. You need to add the second touch (pointer2).
  2. An object only can recieve one pointer on drag event.
    Here is one posible solution (try it on mobile):

Regards