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
0
votes
1 answer

A-frame Screen space reflections

Is there any tutorial or easy way to use screen space reflections in A-frame?. I know there are some way to do it with hsls shaders, but it could take so long for me (i'm an artist, and know about shaders, but just some bases). The idea is to keep…
0
votes
1 answer

How to restart webxr session with all objects(only models) removed from the scene

currently when webxr session restarts 2 X previous objects are shown on the screen , I want to show clear screen just as if session restart , currently I write this: for( var i = scene.children.length - 1; i >= 0; i--) { …
aryanknp
  • 1,135
  • 2
  • 8
  • 21
0
votes
1 answer

Access VR headset orientation in Three.js

How can I access the VR headset orientation in Three.js? The WebXRManager doesn't seem to provide a way to do this.
xyz
  • 23
  • 5
0
votes
1 answer

Can you intersect objects created in AR-mode using raycaster on A-Frame?

I am making a web application that stacks blocks in AR-mode of A-Frame. A newly created block object in AR-mode does not respond to Raycaster. I want to know where the block and Raycaster intersect. It reacts to the originally placed object (Hello…
sgi-don
  • 43
  • 1
  • 4
0
votes
2 answers

On click event in AR mode A-frame

I'm quite new to AR, so the answer to this question may be simple. I've written a simple component that changes the colour of a box once clicked. This component works in VR mode however it doesn't work at all in AR mode when I tap the screen on the…
g78os20
  • 1
  • 1
0
votes
1 answer

How to use Chart.js in A-Frame?

I am having trouble adding a Chart.js canvas graph inside an A-Frame scene. You can see my problem and the source code in this Glitch project, or you can view the image here: You can see the original canvas graph on the left, and on the right, the…
Toli
  • 13
  • 4
0
votes
1 answer

WebXR - "dom-overlay" optional feature on Android 11

I'm playing around with WebXR and implemented a dom-overlay with some controls for the AR-Experience. It all worked fine on Android 10, but with Android 11 the overlay is not transparent anymore. I have made no changes except of course update to…
Armalyte
  • 33
  • 3
0
votes
1 answer

How to add a custom texture image for particle system in 8th wall?

I am working on 8th wall particle system (https://www.8thwall.com/8thwall/fireworks-aframe) and I want to add a custom texture instead of the default 'star2.png'. I created an 'images' folder under assets and tried to reference it but it is not…
0
votes
0 answers

Understanding problems in a setAttribute and appendChild function for dynamically generating A-frame objects

Here's the code: