Stack Overflow
Stack Overflow

Questions tagged [webxr]

This specification describes support for accessing virtual reality (VR) and augmented reality (AR) devices, including sensors and head-mounted displays, on the Web.

Hardware that enables Virtual Reality (VR) and Augmented Reality (AR) applications requires high-precision, low-latency interfaces to deliver an acceptable experience. Other interfaces, such as the RelativeOrientationSensor and AbsoluteOrientationSensor, can be repurposed to surface input from these devices to polyfill the WebXR Device API. The WebXR Device API provides purpose-built interfaces to VR/AR hardware to allow developers to build compelling, comfortable immersive experiences.

Documentation:

149 questions
2
votes
0 answers

WebXR content not playing in chrome 81

I got a chrome 81 update in my android phone. After the update, the WebXR output is not playing. The "Enter VR" option is not appearing. On debugging I found that navigator.xr.requestSession request is pending and not getting resolved. Anyone else…
Stanly
  • 663
  • 1
  • 9
  • 26
2
votes
2 answers

Locking the camera position in WebVR / WebXR

What's the best way to lock the camera position to a single point in WebVR/WebXR using three.js? The user would still need to be able to rotate their head, but their head movement shouldn't change the position (x,y,z) of the camera.
rvgmiller
  • 23
  • 3
2
votes
1 answer

WebAR using model viewer does not work on Android

I am trying to build a demo of model-viewer using a simple box object. It works fine on iOS/Safari, but I am unable to get this to work on Android. On Android, it will not activate the camera, just shows the model in blank space, the model can be…
David Karasek
  • 348
  • 3
  • 16
1
vote
0 answers

Three.js Webxr canvas captureStream() method gives blank video

I am trying to use the captureStream method to get the stream from the canvas which is initiated by webglrenderer of three.js with xr enabled. After i capture the stream, i am able to see that the stream is accurate but when i use it to set the…
MR_AMDEV
  • 1,712
  • 2
  • 21
  • 38
1
vote
1 answer

How can I capture a screenshot of a three.js scene that is using the WebXR API to create an augmented reality (AR) experience?

I am developing an augmented reality application using Three.js, WebXR, and Vue.js version 3. My goal is to add a button that, when pressed, captures a snapshot of the current scene. However, I am facing issues while attempting to take the snapshot.…
nazariisme
  • 11
  • 1
1
vote
0 answers

HoloLens 2 failing to provide Immersive AR/VR experience for WebXR

I have a basic WebXR application built using A-Frame. It is the standard AR example with a plane and a sphere, cube and cylinder placed on the plane. I have it running in my laptop and I am accessing it from my HoloLens 2. Both are in same network.…
Anudeep.C.V
  • 11
  • 1
1
vote
1 answer

Simple way to create ability to grab objects without using third party components

while superhands and other components exist, I'd like to build a simple component that allows me to grab objects. Many of these components do a bunch of other things and/or depend on yet other components. When I add superhands, other parts of my…
Mainguy
  • 1,650
  • 13
  • 11
1
vote
0 answers

WebXR Created interactive VR scene is not responding to controllers, it's run as video

I'm trying to create interactive world for my VR headset. Run this on server using web-pack and open this world using VRs browser. I created VR world in WebXR using template found on the internet. Next. I'm running it using web-pack on my…
karol512
  • 23
  • 8
1
vote
0 answers

attach(mesh) issue using @react-three/xr interactive

I'm trying to recreate this three.js attach-to-ray demo in @react-three/xr and have come up against a very strange hiccup that I can't figure out. Using onSelectEnd to attach the mesh works just fine, but once it's attached onSelectEnd will no…
laffan
  • 109
  • 1
  • 2
  • 9
1
vote
1 answer

Call XRSystem.isSessionSupported return true, but Failed to execute 'requestSession' on 'XRSystem'

I'm trying to make a webXR application with A-Frame. I want to detect whether user device(usally mobile) is support AR or not, So I follow this instruction. navigator.xr.isSessionSupported("immersive-ar").then((allow) => { if (allow ===…
Effie Liang
  • 11
  • 2
1
vote
0 answers

How to receive controller touch_pad information in three.js webXR

I am a Japanese student. Sorry if my English is strange. I want to add an event that accompanies the controller pad information by webXR in three.js I want to add an event that when the pad part of the controller is moved, the displayed object is…
謝辰浩
  • 11
  • 1
1
vote
0 answers

Open installed application in quest 2 from quest browser

I am new to oculus development in unity. I want to launch application from oculus browser. I tried this way was working fine in android phone but not launching app in quest 2. https://docs.unity.cn/2021.2/Documentation/Manual/deep-linking.html And I…
Ramji
  • 11
  • 1
1
vote
1 answer

PWA - Launch directly into WebXR

I understand that user interaction is required to launch immersive VR/AR applications on the web, but it seems like allowing direct launching is an important feature for 3D only WebXR PWAs. i.e Once a PWA is downloaded, allow app to launch directly…
chantey
  • 4,252
  • 1
  • 35
  • 40
1
vote
1 answer

How can I justify the text in in aframe?

I want to justify the text rendered in the tag of a-frame. Is there any way I can do it? align attribute allows only center, left, and right.
Abhi Patel
  • 13
  • 2
1
vote
0 answers

How to control three.js objects using AFrame level VR controls

I started using this AFrame example to mess around with graphs in VR: https://github.com/vasturiano/3d-force-graph-vr I needed to have more control over the scene so I moved to the lower level…
Caleb
  • 870
  • 1
  • 10
  • 21
1 2
3
…
9 10