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
1
vote
2 answers

Preventing the camera entering entities in A-Frame

I have using A-Frame that includes many randomly placed spheres () and a camera rig. The spheres are centred at random (x,y,z) coordinates at initialisation (and are at different locations on each access to the web page). The…
Nigel
  • 585
  • 1
  • 5
  • 20
1
vote
0 answers

Unable to access input sources for inline WebXR session

I would like to access input sources - in particular, the Quest touch controllers - during an inline WebXR session (not entering immersive VR mode; I am not using three.js or A-Frame) on the Quest browser. I request and store the session with the…
Stemkoski
  • 8,936
  • 3
  • 47
  • 61
1
vote
2 answers

How to animate gtlf models in Augmented reality in Three.js

Helle, I'm new to Three.js and I'm trying to show an animated gltf/glb model in my AR project. There are a lot of examples on how to animate gltf models in a 3d environment but i can't get it to work in my AR project. I can import the 3d model and…
maxim weewauters
  • 21
  • 4
1
vote
2 answers

plane detection with react-three/xr

I`m using react-three/xr and react-three/drei in my next.js project. This code put the 3d model i an static position. const Test: NextPage = () => { return (
…
Shekoofeh Dezhahanj
  • 35
  • 4
1
vote
1 answer

How to share WebXR Anchors over the network?

I'm trying to share anchors from WebXR over the network with other clients. However, they only have one property, anchorSpace, which itself doesn't have any properties: hitTestResult.createAnchor().then((anchor) => { console.log(anchor) }); The…
resaki
  • 13
  • 3
1
vote
0 answers

How to check if the plane detected in WebXR's hit test results is vertical?

I am new to WebXR and trying to only allow the reticle to show up if the plane detected is vertical (like a wall). I am following this basic hit test example as a starting point. I don't see any parameter for vertical detection of the plane but in…
sparkanzo
  • 11
  • 1
1
vote
1 answer

Collision between camera and objects in A-Frame 1.2.0

I'm developing a game with the latest Aframe version 1.2.0 and I'm having a problem. How to manage collisions between the camera and objects? When I approach an object, I cross it. Where other versions handled collisions, for this one I can't find…
CollisionMaster
  • 11
  • 1
1
vote
0 answers

How to create a WebXR-AR app made by Cordova( IOS and Android)

For the installation of the application, I set up xcode for ios and android studio for android. Unfortunately, augmented reality cannot appear in the application, i guess main issue is coming from this part of code: if ( 'xr' in navigator ) { …
Buke
  • 11
  • 2
1
vote
1 answer

Google Model Viewer Hide AR preview button when browser not support AR

I'm using google model viewer lib. for AR support for an e-commerce site. Custom button View in you space I want to hide AR preview button(View in your space) for those browsers who don't have capability of AR. and I also want to show custom "Add to…
Pratik_Jain499
  • 11
  • 2
1
vote
0 answers

How to interact with 3D-objects in an WebXR AR A-Frame scene using dom-overlay touches for the raycast?

I'm trying to achieve some interaction with 3d models in an a-frame AR-scene when using WebXR and dom-overlay. So I managed to implement hit-testing and can create and place 3d-objects on detected planes. The dom-overlay works as well with adding…
eardius
  • 11
  • 4
1
vote
3 answers

A-frame exit vr mode on function

I am wondering using A-frame (https://aframe.io) how I can get a user to exit vr mode if they're in vr mode when a function called myFunction() occurs. Just for clarification. When a function called myFunction() occurs, if the user isn't in vr…
Aidan Young
  • 554
  • 4
  • 15
1
vote
1 answer

webpack-dev-server extremely slow to load on new machine

I've been working on a project from my laptop for the past few months. When webpack compiles my code, reloading the page takes around 1 second. I've now moved to my desktop, and loading the page takes about 11 seconds in Chrome. I'm using the same…
pailhead
  • 5,162
  • 2
  • 25
  • 46
1
vote
0 answers

Unable to update the camera's rotation with headset movement in A-frame

I'm currently working on something that would allow me to stream "what the headset is seeing" on another device's browser. I'm working with A-frame (v 1.2.0) experiences and an Oculus Quest. I used Socket.io & Web rtc to establish the connection and…
Tsukiru
  • 11
  • 1
1
vote
1 answer

Babylon - Poor image quality(textures) in opening glb using SceneLoader

Am using BabylonJS to render my glb file, which I generated with Blender. I have some image textures, displayed as posters over my wall in the model. They are pretty sharp images. When I export the model as gltf file, and load in babylonJS, the…
Maheswaran Ravisankar
  • 17,652
  • 6
  • 47
  • 69
1
vote
0 answers

Aframe/Three/WebXR: disable device orientation in VR mode

I am using AFrame 1.2.0 to develop a VR application and I am struggling with an issue for several days. My goal is to allow the user to see a specific view that is set programmatically and that is absolutely unrelated to the current device…
Timon
  • 76
  • 7
1 2 3
…
9 10