Qt Quick Exemple de téléportation libre en 3D - XR

Présentation

Cet exemple montre comment se déplacer vers différents endroits de l’environnement virtuel à l’aide d’un système simple de téléportation libre, une forme de déplacement non continue.

Commandes

Pour naviguer, utilisez le joystick du contrôleur droit :

• Poussez le stick vers l'avant pour viser, puis relâchez-le pour vous téléporter.
• Déplacez le joystick latéralement pour pivoter.

Implémentation

La logique de téléportation est implémentée dans le composant « FreeformTeleporter ».

FreeformTeleporter {
    id: teleporter

    view: xrView
    originNode: xrOrigin
    cameraNode: xrOrigin.camera
    beamHandle: xrRightController

    rotationTriggerValue: xrRightController.xValue
    teleportTriggerValue: xrRightController.yValue

    onDoTeleportation: (cameraOriginPosition)=> {
                           xrOrigin.position = cameraOriginPosition
                       }
    onDoRotation: (cameraOriginRotation, cameraOriginPosition)=> {
                      xrOrigin.rotation = cameraOriginRotation
                      xrOrigin.position = cameraOriginPosition
                  }
}

Le composant FreeformTeleporter dispose des propriétés suivantes qui doivent être configurées :

QtObject xrView

La propriété « xrView » donne accès à la fonction intégrée de sélection de rayons d’ XrView. Vous pouvez utiliser n’importe quel objet implémentant une méthode « rayPick ». Par exemple, un « View3D » peut s’avérer utile pour le prototypage.

Node originNode

La propriété ` originNode ` spécifie le nœud que le téléporteur de forme libre va manipuler. Dans XR, la locomotion artificielle s’effectue en déplaçant l’ XrOrigin. Nous utiliserons donc l’`xrOrigin` de notre ` XrView ` comme ` originNode`.

Node cameraNode

La propriété « cameraNode » fournit la position de la caméra. Lors d’une rotation, elle définit le centre de rotation. Lors d’une téléportation, elle définit la position qui sera placée à l’emplacement sélectionné. Dans cet exemple, nous utilisons l’ XrCamera suivi que nous avons créé précédemment.

Node beamHandle

La propriété ` beamHandle ` correspond au nœud utilisé comme point de départ du faisceau de téléportation. Dans cet exemple, nous utilisons la manette droite comme `beamHandle`.

Exemple de projet sur code.qt.io