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

gltf material override stops animation mixer

I'm very stuck with an issue with a gltf model. If I try to override the gltf's material, the animation stops. I think it has something to do with the update function of the override and the tick function of the animation mixer colliding somehow,…
2
votes
0 answers

How to use div as video source?

This javascript is used to stream the video in the above div. I have used web rtc to get the video from the…
Manish
  • 21
  • 2
2
votes
0 answers

A-Frame VR mode portrait uneven lenses

When I enable VR mode on my iphone from portrait is make the lenses uneven. If I start from landscape more they are even.. See pics below UNEVEN from portrait EVEN from Landscape mode
Spinteractive
  • 251
  • 1
  • 4
  • 19
2
votes
0 answers

VR mode (stereo mode) is not working in a WebView for a 360 degree video

I am trying to load the following URL in an Android Webview URL : http://storage.net-fs.com/hosting/2727323/5/index.htm The following is the output in a WebView When clicked on the VR button from top right, I am expecting the below. Which when…
2
votes
1 answer

Hooking into aframe-alongpath-component events and state

In the docs for the aframe-alongpath-component it has a section on events and on state. One of the states is "moveonpath" - The Entity currently moving along the path. How would I hook into that so that whilst the entity is moving it plays a…
2
votes
1 answer

How to show split vr mode in A-Frame when using desktop without connected to VR Headsets

I am new in A-Frame. How to show split/stereo VR mode on desktop without connected to VR headsets like this example? https://threejs.org/examples/#webgl_effects_stereo Do I have to modify the code in aframe.js, or create a own component? Thanks a…
Tiffany
  • 219
  • 7
  • 17
2
votes
2 answers

How to animate the change when setting attribute using Javascript in A-frame

I am brand new to A-frame so apologies if this is a very obvious question. Using A-frame with javascript, I am changing the attribute of various elements when an event occurs (in this case a mouseover of another element but I don't only want to be…
Nick
  • 914
  • 1
  • 10
  • 30
2
votes
2 answers

How to animate an image to move in a circle in a-frame?

I have been trying to move an image in a perfect circle but not able to do that perfectly. I have coded a box to revolve in a square path. The code is below.
2
votes
1 answer

WebVR development on VSCode

I'm interested in developing WebVR on VSCode (Visual Studio Code). However, I can't get IntelliSense assist from the editor. Is there any way to enable IntelliSense from WebVR?
sohnryang
  • 725
  • 2
  • 13
  • 27
2
votes
3 answers

How to change camera to 3rd person in React VR?

Composing a scene in React VR is somewhat cumbersome because you're always stuck in 1st person view which makes it hard to judge the depth at which objects are placed. By default the camera is placed at [0, 0, 0] coords, I'd like to know if there's…
Valentin
  • 2,772
  • 1
  • 27
  • 40
2
votes
1 answer

aframe zoom animation in vr-mode

i have an issue with the camera zoom in AFRAME vr-mode on mobile or in other vr gear. i have built a zoom animation it doesnt work on mobile or in other vr gear. can someone help pls. here is the code:
Stephan
  • 25
  • 3
2
votes
1 answer

Smooth Camera Rotation (look-controls) in A-Frame

Working on the beta of my website I am using A-Frame for the 360 part of the application. This is a snippet of my code for the camera I can drag my mouse and look…
2
votes
2 answers

A-Frame WASD controls substitute on mobile devices

I have an A-Frame multiplayer project, which relies on each user moving around the map, and it works well in desktop browsers. The stumbling block is the lack of motion controls in mobile, like the WASD-controls for the camera. What workaround would…
Daniil A
  • 21
  • 5
2
votes
1 answer

How to mange memory used by A-Frame?

I'm building a web app which has 360 degree images loaded into an a-sky primitive. I'm using aframe-react. There are total of 20+ 360 degree images and only one img asset inside a-assets. once user switches scene react will change src of asset img…
AKT
  • 176
  • 2
  • 10
2
votes
0 answers

How to link to external and internal pages in React-VR?

I would like the ability for the user to click a button using the React-VR cursor and be able to go to external and internal pages like this onEnter={() => Linking.openURL("https://www.google.com").catch(err => console.error('An error occurred',…
Yoni Binstock
  • 241
  • 4
  • 19