Animated webxr input?

Help & Support
1

Hello,

I hope you guys are well!

I’m playing with your hand/input tutorials and I’m not sure how to plug in the buttons animations?

https://developer.playcanvas.com/en/tutorials/webxr-controllerhand-models/

Is it supported at all?

Thanks for the support!

Mykel

2

I’ve just tried this with Quest 1.

Hand tracking with animation works fine.
The controller models from what I can see are not supposed to be animating in the project.

If you are looking to have an animated hand model around the controller when using the controller input, that’s not supported in the project.

3

Hello Yaustar.

I’m not looking for the animated hand but to controller itself, the buttons, the trigger, etc… I’m wondering how to connect that to playcanvas.

Thanks for the support

4

Looking at the what you have linked, it looks like they find the node that represents the button/stick on the model and animate directly by tweening/modifying the transform https://github.com/immersive-web/webxr-input-profiles/blob/main/packages/motion-controllers/README.md#animating-components

So you would get the state of the buttons and sticks rotate/translate accordingly.

It looks like you can get that state from the gamepads and events on XrInputSource:

InputSource object is returned when the controllers are detected:

https://playcanvas.com/editor/code/706679?tabs=33666523

Or you can get a list from https://api.playcanvas.com/classes/Engine.XrInput.html#inputSources where XrInput can be retrieved from https://api.playcanvas.com/classes/Engine.XrManager.html#input which is found on the application object https://api.playcanvas.com/classes/Engine.Application.html#xr

1 Like
5

Good!

They are talking about calling every frame :
motionController.updateFromGamepad();

what would be the equivalent in playcanvas of motionController?

Thank you?

6

@max will know more but AFAIK, that’s not needed here. Your animation code can just read use the https://api.playcanvas.com/classes/Engine.XrInputSource.html#gamepad state and/or events on the Xr Input Source

1 Like
7

OK then! I’ll give a try.

Thank you

8

Hi @memleak, models in the example above, are provided by the WebXR community, and do have individual buttons there. You would need to inspect the model, either by using container asset import settings in a project or using PlayCanvas glTF Viewer - so you can find the right node for each button.
Then you can access each axis and button state through gamepad property on input source: https://api.playcanvas.com/classes/Engine.XrInputSource.html#gamepad

2 Likes