Question How to add joystick in Unity UI Toolkit

Hi Mohak_dev,

I suggest you

joystickElement.RegisterCallback<PointerDownEvent>(OnPointerDown)

on your joystick element, then in OnPointerDown(PointerDownEvent e) you call

joystickElement.CapturePointer(e.pointerId)

. Do the same thing with PointerUpEvent but with

ReleasePointer

instead. Then register a callback to PointerMoveEvent where you will calculate the delta between the center of your joystick element (you can use

joystickElement.worldBound.center

) and the pointer position. You will probably want to check if the delta is larger than a certain maximum and if so normalize it and multiply it by the maximum distance, to keep your input within some expected bounds.

Then you do what you wanted to do with the joystick delta you extracted. You will probably want to store it in a local variable and use it in an Update loop, etc. Be sure to reset your delta to 0 in your PointerUpEvent callback, too.

I haven't written my description in proper code but if you're used to UI Toolkit a bit, it's relatively standard stuff. I hope this gives you a reasonable starting point!

 

Hi theunsigned. I've attached a small project that implements what I had explained earlier. The art is extremely crude but you should get the right working principles. About making an official tutorial out of it, it's a good idea, I'll mention it to some colleagues and we'll see.