Stack Overflow
Stack Overflow

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

In Three.js, while using WebVR, how do I move the camera position?

I'm trying to adapt my existing three.js project to work with WebVR. I've made decent progress -- I can look around the scene in VR, but I'm unable to move the camera position away from the initial place it gets spawned (which appears to be close…
swirlybuns
  • 113
  • 2
  • 4
6
votes
3 answers

Alpha Animation in Aframe for a-object-model

I have one 3d object with its obj and mtl file which is displayed using in Aframe. I want to apply animation on it which change its Alpha value gradually for Fade out effect. I went through AFrame doc. but couldn't find anything related to 3d…
chikka.anddev
  • 9,569
  • 7
  • 38
  • 46
6
votes
3 answers

How to create a wire-frame 3D cube in a-frame?

I am struggling with creating a wire-frame for a box primitive. Tried color, opacity and transparent attributes but none seems to work. Here is the code -
Tushar Arora
  • 1,106
  • 2
  • 10
  • 22
6
votes
4 answers

aFrame.io creating hyperlinks and download links

Hello I have just started using A-Frame.io and am finding the website very useful. However there is no documentation on how to make a link work if i look at an object. https://aframe.io/examples/showcase/cursor/ in the example above if you hover the…
Raj Kaul
  • 61
  • 1
  • 3
6
votes
4 answers

Displaying web application output with Oculus rift

I have a web application which produces a 3D scene using WebGL. I am wondering whether it is possible to show this scene using Oculus rift? How difficult is it?
yu.pitomets
  • 1,660
  • 2
  • 17
  • 44
5
votes
1 answer

Streaming audio in A-frame

I am building a multi-user experience in A-frame using NAF, and I have some positional audio containing music tracks in different points of the scene. I'm trying to figure out if it's possible to make it that the music is listened simultaneously by…
Dver
  • 51
  • 2
5
votes
0 answers

Getting the absolute (standing) position in WebVR

I am developing a WebVR application using Three.js. In it I am trying to get the standing position relative to the room. How can I use the VRStageParameters.sittingToStandingTransform matrix in Three.js to transform my camera from sitting to…
André Schmidt
  • 391
  • 3
  • 10
5
votes
1 answer

Hiding an embedded aframe scene

I want to programmatically hide and show my embedded aframe scene. The scene is hidden when the website is loaded, however I only get it to work with a delay like this: window.onload = function () { setTimeout(function() {…
bear
  • 663
  • 1
  • 14
  • 33
5
votes
4 answers

Disable inspector

I'm trying to disable inspector on a simple A-Frame WebVR app with no success. Tried to use and also disabling key press Ctrl + Alt + I using JavaScript. But, inspector is still loading. Does anyone knows how to do that? My scene is really…
Rodrigo Brito
  • 51
  • 3
5
votes
3 answers

How do you enable transparency on an aframe entity that is composed of an SVG/HTML?

I'm having trouble getting an SVG properly rendered into aframe's scene. I went the htmltexture-component route, which has a dependency on the draw-component. The problem is in getting the SVG's background to render as transparent. It simply is not…
DaneTheory
  • 282
  • 3
  • 16
5
votes
2 answers

How do I run WebVR content within in an iframe?

I have an A-Frame WebVR scene. I am trying to put it in an iframe. But when I Enter VR, it does not go full screen and render to the VR headset. How can I enable…
ngokevin
  • 12,980
  • 2
  • 38
  • 84
5
votes
2 answers

How to assign different textures to sides of a box in A-Frame

Is there a way to assign different textures for each side of a box geometry in A-Frame, without building the box from 6 unique planes? More specifically, how can I do a cubemap in A-Frame? Here is…
Nathan Diesel
  • 91
  • 2
  • 4
5
votes
1 answer

Javascript - How to detect when user enters VR mode?

Is there any JavaScript event triggered when the user enters VR mode while viewing the VR scene on a webpage? Or is there any function which returns whether the user is viewing the webpage in VR mode or not?
Ram
  • 71
  • 1
  • 7
5
votes
4 answers

How to enable WebVR on Google Chrome?

I am trying to create a WebVR scene. For this task, I want to enable WebVR on Google Chrome. My OS is Windows 8. I open flags using chrome://flags/. WebVR is not there. How can I enable it?
zakjma
  • 2,030
  • 12
  • 40
  • 81
5
votes
2 answers

How do I display