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
26
votes
2 answers

How can I set Z up coordinate system in three.js?

In three.js Y axis represent up and down and Z axis represent forward and backward. But I want Z axis to represent up and down and Y axis to forward and backward. Here is a image showing what I want: I want to change the entire coordinate system in…
Mahmudur Rahman
  • 640
  • 1
  • 6
  • 23
16
votes
1 answer

How do I hide the VR Mode / Goggles icon for A-Frame?

In the bottom right corner, by default, is a Goggles icon that when clicked, enters VR or fullscreen (if no headset). How do I hide this so I can add my own UI, or disable VR altogether?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
13
votes
3 answers

DK2 Head tracking not working "HMD powered off, check HDMI connection" on Windows

Part 1 - Description of the problem I have the DK2 and I am working on a VR project. This project uses FirefoxNightly. I've downloaded it and installed the WebVR Enabler Add-On Got this from http://mozvr.com/downloads/ I have also downloaded and…
kemicofa ghost
  • 16,349
  • 8
  • 82
  • 131
10
votes
1 answer

How can I display text in A-Frame?

For http://aframe.io/, how can I render text without having to create an image?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
9
votes
1 answer

How To Configure React 360 for Google Cardboard

I'm doing some tests with React 360 and the only hardware I have at the moment is a Google Cardboard. I'm using VR Browser on iOS to view the content I've uploaded and it's working, but the stereoscopic image seems to be too far apart resulting in a…
Cmaxster
  • 1,035
  • 2
  • 11
  • 18
9
votes
1 answer

How could I create gaze buttons using React VR?

I'm writing an VR application using React VR and would make gaze buttons with a progress bar (or something) to show the user how long he must watch to that button. How could I do that? I'm thinking to use this pseudocode (may be there are some bug's…
H. Pauwelyn
  • 13,575
  • 26
  • 81
  • 144
9
votes
1 answer

shininess, emissive and specular are not a property of this material in React VR

I'm developing an application with React VR and I've created an 3D pokeball with blender. I've export this as Wavefront .obj file and use it in my React VR application. In the console I see this warnings: THREE.MeshBasicMaterial: shininess,…
H. Pauwelyn
  • 13,575
  • 26
  • 81
  • 144
8
votes
2 answers

A-frame show mouse pointer with a function

I am currently using a scene using A-frame (https://aframe.io) where I am hiding the mouse pointer in my scene. How can I create something where when a function is issued, my mouse pointer will show and when another function occurs, my mouse pointer…
Aidan Young
  • 554
  • 4
  • 15
8
votes
2 answers

Add Speed to WASD Controls for A-Frame

How can I increase the speed of the WASD Controls for my WebVR page? Because now it goes really slow. …
Dionoh
  • 396
  • 1
  • 6
  • 15
7
votes
1 answer

WebXR controllers for button pressing in three.js

I would like to figure out how to map out the controls for my oculus quest and other devices, using three.js and webXR. The code works, and allows me to move the controller, maps a cylinder to each control, and allows me to use the trigger to…
Justin W King
  • 71
  • 1
  • 4
7
votes
4 answers

How can I get camera world direction with webxr?

I would like to use camera.getWorldDirection() and access to the head-mounted display directions. I was able to do this with the previous webVR API. When I use the new HelioWebXRPolyfill.js from THREE, I am not able to receive current positions.
Cagri
  • 657
  • 2
  • 8
  • 17
7
votes
2 answers

How to listen to click event on Android Chrome in WebVR/A-Frame?

I'm trying to listen to click events (To be exact, magnet pull from google cardboard) on Android Chrome, but this seems to not work if the device goes into VR mode. I'm using Samsung Galaxy S7 for testing: JS: window.addEventListener('click',…
TtT23
  • 6,876
  • 34
  • 103
  • 174
7
votes
1 answer

Limit camera positional movements to area of a specific 3D object

I am trying to limit the camera position movements to specific areas defined by a 3D object/objects children. For example, if I had a walkway object on the ocean and I only wanted my user to be able to move the camera forward and backward on that…
cnzac
  • 435
  • 3
  • 13
7
votes
5 answers

aframe - Set camera position at runtime

In a a-scene, I try to change my camera position at runtime. The DOM property changes but the camera does not move. What could have I missed ? my js code: document.querySelector('#myCameraPosition').setAttribute('position', '0 0 0'); My a-scene: …
clement_at_openindoor.io
  • 91
  • 1
  • 4
7
votes
1 answer

How to render YouTube videos as a texture in A-Frame?

I want to take a YouTube url, and put it into an A-Frame scene as a video texture. Like . Is this possible for https://aframe.io?
ngokevin
  • 12,980
  • 2
  • 38
  • 84
1
2 3
…
39 40