Questions tagged [webvr]

WebVR is an experimental JavaScript API that provides support for virtual reality devices, such as the HTC Vive, Oculus Rift or Google Cardboard, in a web browser.

Note: WebVR is deprecated and has been superseded by WebXR; see .


The burgeoning WebVR APIs provide sensor information from virtual reality devices (such as the Oculus Rift) which, in conjunction with WebGL, allows for the creation of VR web applications.

More information at:

596 questions
2
votes
0 answers

Loading 3D Models with A-Frame and Vue.js

I'm learning my way around A-Frame and I'm hoping to be able to use with Vue.JS. One problem I'm running into is that I can't seem to load any 3D models when using these two together. I've tried .glb files and .obj files. When working with plain…
radicalappdev
  • 1,298
  • 3
  • 13
  • 27
2
votes
3 answers

aframe disable device sensors pop up

I recenty made a website using aframe and glitch , when the website is on glitch everything works fine , but once I uploaded into my host everytime appears a pop up asking for device sensors permision "access this site over HTTPS to enter VR mode…
user13137967
  • 35
  • 1
  • 5
2
votes
2 answers

How do I use checkpoint controls in A-Frame?

I am new to A-Frame and still trying to figure everything out! I'm currently constructing a 3D space and would like to create a guided experience for visitors by providing dots on the floor for them to click and be transported to that position. I…
2
votes
1 answer

A-Frame Kinematic-body camera height problem

I have a problem where I need my camera to be a Kinematic-body and collide with wall elements however I cannot get it to stay at a fixed y-axis height of 1.6. I need a way to keep the camer a this height while maintaining its kinematic-body…
Moorsie
  • 31
  • 3
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
0 answers

Is there a way to access local filesystem on Oculus Browser?

i'm currently playing some 360 video files, using WebVr (a-frame). Sometimes i need to play them on my local folder. I'm using a Quest with Oculus Browser (but i can easily switch to Firefox Reality) Is there a way to access the classical "DCIM"…
2
votes
1 answer

Aframe Directly updating properties of aframe-particle-system-component in real time without setAttribute()

I'm using the aframe-particle-system-component, and was using .setAttribute() on the tick() function to update the particle system in real time, but it performed terribly, leading to almost instant memory-related crashes. Is there a way to directly…
2
votes
1 answer

A-Frame camera rotation using keyboard

I am building an A-Frame application and when in VR mode I can use the keyboard WASD to navigate and look up or down with movement to change camera height. The camera is facing forward except when I rotate my head in Oculus rift which works fine. In…
MarcusRey
  • 373
  • 1
  • 2
  • 12
2
votes
1 answer

how to create quickmenu in aframe using javascript

I am trying to create a quick menu where if the user clicks the center plane's around it increase in scale from 0 to 1 and the center plane is replaced by a back button now when user clicks back button the planes disappear I tried it with events but…
Jay Dave
  • 59
  • 5
2
votes
1 answer

How to load a gif (with transparency) on a plane in Aframe (glitch)?

Hey guys I'm new to Aframe and trying to set up a whole bunch of gifs in a spatial web environment. I'm getting a bit stuck in loading a gif on a plane. I've loaded the image through the assets folder of Aframe (glitch), currently it looks like…
Marijn
  • 21
  • 1
  • 5
2
votes
2 answers

How to detect camera and sphere's distance in A-Frame

I'm trying to display some text when the camera move closer to the sphere. The idea is when user see the sphere moves much closer, the text then shows up, let's say, "Hello". But right now I only know how to add text with fixed position by using…
S.P.
  • 369
  • 6
  • 18
2
votes
0 answers

A-Frame Scene Using OffscreenCanvas

I am seeking advice on implementing an A-Frame scene using OffscreenCanvas. I am using https://github.com/spite/ccapture.js to record my VR scene and the result is very janky and slow when FPS is above 30. The video and the code samples within the…
2
votes
2 answers

AFrame: How to render a camera to a texture

I'm trying to have a second camera to show a "from the sky" view of an AFrame scene. I've learned how to do it using a 2D canvas for rendering, following this example: But I wonder if this could be done without using a external
, something like…
jgbarah
  • 7,334
  • 1
  • 20
  • 23
2
votes
0 answers

Aframe WebVR Polyfill screen.orientation.lock() failed due to A call to screen.orientation.lock()

On Chrome 70 with Aframe 0.8.2 When entering VR mode I get this error which freezes and sometimes crashes the browser, or results in a black video. screen.orientation.lock() failed due to A call to screen.orientation.lock() or…
beek
  • 3,522
  • 8
  • 33
  • 86
2
votes
0 answers

Web vr chrome not found

I am trying to enter web vr mode by clicking the button in the following link https://threejs.org/examples/?q=vr#webvr_ballshooter but got "vr not found" in the text button. I am running chrome version 69 (64-bit) on macOs and I already enable some…
superphung
  • 105
  • 2
  • 9