Add virtual joystick input

Visually, it should look similar to this.

First, the API design should be proposed based on what information we want to obtain from the joystick. Presumably, we want a vector from the joystick center to where the player pointer (finger / cursor) is, when the joystick is being pressed. Using the vector we can obtain both the direction and length (magnitude that we can use to estimate force).

Edit: functionality is there apart from force, which needs to be calculated and obtained via vector before this is closed.

[AlmasB]

Yes, sounds good, you should be able to use the pressedProperty() of the Parent (which VirtualJoystick is) to see if the foreground circle should be moved to where player input (cursor or finger) is.

Maybe something like this (I call foreground inner for conciseness)

innerCircle.translateXProperty().bind(
    Bindings.when(pressedProperty()).then(input.mouseUIXProperty()).otherwise(center.x)
);

// same for y

Not sure how whether the above will work for multi touch screens (e.g. on mobile), but it’s a start.

[lilbigmouth]

Good stuff! 😃