WebVR Demo - Quest 3 controller model

Ramon · March 13, 2025, 11:55am

source: Input Sources | PlayCanvas Developer Site

As the documentation shows the latest Quest 3 controller models. Would it be possible to update the demo projects to also include Quest 3 support? (In regards of showing the correct controller model.)

For example these projects:

Or are these privately owned 3D models?

mvaligursky · March 13, 2025, 12:21pm

@will do you know much about this?

will · March 13, 2025, 8:28pm

Yeah. To get headset specific controllers, you need to use this script in your project:

github.com

playcanvas/engine/blob/main/scripts/esm/xr-controllers.mjs

import { Script } from 'playcanvas';

class XrControllers extends Script {
    /**
     * The base URL for fetching the WebXR input profiles.
     *
     * @attribute
     * @type {string}
     */
    basePath = 'https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets/dist/profiles';

    controllers = new Map();

    initialize() {
        if (!this.app.xr) {
            console.error('XrControllers script requires XR to be enabled on the application');
            return;
        }

        this.app.xr.input.on('add', async (inputSource) => {

This file has been truncated. show original

David_G · August 7, 2025, 10:49pm

Thanks Will,

Any chance you could explain how to apply this to a brand new project using the VR Kit Template? I have about 1 day experience with PlayCanvas, so alternatively if you could point me to the right help file, that would be great too!

will · September 2, 2025, 3:48pm

Yes. Use this project as a reference/starting point:

https://playcanvas.com/project/1378484/overview/webxr-vr-and-ar-starter-kit