XRSession: requestHitTestSource() method
The requestHitTestSource()
method of the XRSession
interface returns a Promise
that resolves with an XRHitTestSource
object that can be passed to XRFrame.getHitTestResults()
.
Syntax
requestHitTestSource(options)
Parameters
-
options
-
An object containing configuration options, specifically:
-
space
-
The XRSpace
that will be tracked by the hit test source.
entityTypes
Optional
-
An Array
specifying the types of entities to be used for hit test source creation. If no entity type is specified, the array defaults to a single element with the plane
type. Possible types:
point
: Compute hit test results based on characteristic points detected.
plane
: Compute hit test results based on real-world planes detected.
mesh
: Compute hit test results based on meshes detected.
offsetRay
Optional
-
The XRRay
object that will be used to perform hit test. If no XRRay
object has been provided, a new XRRay
object is constructed without any parameters.
Return value
A Promise
that resolves with an XRHitTestSource
object.
Exceptions
Rather than throwing true exceptions, requestHitTestSource()
rejects the returned promise with a DOMException
, specifically, one of the following:
NotSupportedError
DOMException
-
Thrown if hit-test
is not an enabled feature in XRSystem.requestSession()
.
InvalidStateError
DOMException
-
Thrown if the session has already ended.
NotAllowedError
DOMException
-
Thrown if there is an unreasonable amount of requests. Some user agents might limit usage for privacy reasons.
Examples
Requesting a hit test source
To request a hit test source, start an XRSession
with the hit-test
session feature enabled. Next, configure the hit test source and store it for later use in the frame loop and call XRFrame.getHitTestResults()
to obtain the result.
const xrSession = navigator.xr.requestSession("immersive-ar", {
requiredFeatures: ["local", "hit-test"],
});
let hitTestSource = null;
xrSession
.requestHitTestSource({
space: viewerSpace,
offsetRay: new XRRay({ y: 0.5 }),
})
.then((viewerHitTestSource) => {
hitTestSource = viewerHitTestSource;
});
function onXRFrame(time, xrFrame) {
let hitTestResults = xrFrame.getHitTestResults(hitTestSource);
}
Specifications
Browser compatibility
|
Desktop |
Mobile |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
WebView Android |
Chrome Android |
Firefox for Android |
Opera Android |
Safari on IOS |
Samsung Internet |
requestHitTestSource |
81 |
81 |
No |
No |
68 |
No |
No |
81 |
No |
58 |
No |
12.1 |
See also