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

VR with A-Frame a-assets not reading properly for .jpg material source

Swapped from Three.js to A-Frame. The following code works:
Ronk
  • 215
  • 2
  • 11
0
votes
0 answers

How to detect long click on entity in a-frame scene?

I want to listen to long clicks on objects (lets say a two seconds click) to give my users a second form of interaction other than single click. What I've tried I've accomplished this on desktop browsers by implementing an a-frame component that…
Jairo Lozano
  • 3,883
  • 3
  • 20
  • 29
0
votes
1 answer

Daydream Controller Orientation

I'd like to draw a primitive where the Raycaster or the remote is pointing. I am searching for some kind of "get Orientation" method in aframe or three.js. Is there a simple and fast way to get the world coordinates, where my controller is…
JllX
  • 13
  • 1
  • 4
0
votes
0 answers

How can I rotate the camera when the mouse roll over (no click & drag)?

I use A-Frame for displaying a 360 image. By default the camera rotates when you click and drag it. But I want that A-Frame let the the camera rotates when mouse rolls over. Here is my code:
tana
  • 1
  • 1
0
votes
1 answer

Cordova WebVR App Flicker on Android

I'm using WebVR Boilerplate with Cordova for a VR app using 360 video. I'm testing on a Huawei 9 (Android 7) and have a problem with a flickering screen as you rotate the device and watch video. This doesn't happen on any of the other Android…
beek
  • 3,522
  • 8
  • 33
  • 86
0
votes
1 answer

Is it possible to link to external images / videos with React-VR?

According to the documentation, there doesn't seem to be any examples of using external images or external videos (i.e. from YouTube). I was wondering if anyone knew if it was possible (like this)
0
votes
1 answer

Accessing SimpleHTTPServer on iPhone

I'm developing with WebVR and I'm serving my HTML using the SimpleHTTPServer on my Mac. I want to figure out a way to access this website on my iPhone so I can see what I have created with my Google Cardboard. I looked through a bunch of stack…
halapgos1
  • 1,130
  • 4
  • 16
  • 34
0
votes
1 answer

Adjusting for the differences in camera rotation value between non-vr and vr mode in aframe

I'm working on a WebVR scene in Aframe where there are various miniature 3d scenes (roughly eight) that surround the viewer; you have to rotate to look at the different scenes. The number of scenes exceeds what can be fit into 360 degrees of…
meyerd02
  • 1
  • 1
0
votes
2 answers

How to disable gyro based rotation on mobile phones

i want to disable the camera rotation, while being on mobile. I though making look-controls="hmdEnabled:false" would disable moving the camera along with the mobile device, yet it didn't work. I tried to find which controls should i disable, but i…
Piotr Adam Milewski
  • 14,150
  • 3
  • 21
  • 42
0
votes
1 answer

Aframe - call aframe function from another javascript file

I'm trying to turn positional tracking off, and I believe that this function in the aframe code is what I'm after: checkHasPositionalTracking(); However, in my second js file (which is defined AFTER aframe.js), if I try to call that function, I…
Alex Coulombe
  • 87
  • 1
  • 7
0
votes
2 answers

AFRAME - Can a cursor work with both gazing and clicking?

It seems like when you set fuse = "true", a cursor becomes tied to gazing and no longer reads mouse clicks. Isn't there a way to have both options, gazing and clicking both triggering the same events?
Alex Coulombe
  • 87
  • 1
  • 7
0
votes
0 answers

How can I prevent a mobile device from dimming the screen or sleeping in A-Frame?

When viewing A-Frame in stereoscopic view on my Android phone with a Cardboard-like viewer, the screen dims and then shuts off. I know that I can change this in Android settings, but is there an HTML way to prevent a screen from dimming or shutting…
scottlittle
  • 18,866
  • 8
  • 51
  • 70
0
votes
1 answer

Why is the opacity different depending on the camera angle?

Upon first loading the scene, when panning left and right, the left bars are semi-transparent, but the right ones are opaque. If you strafe right (key d) of the rightmost bar, all of the bars become transparent. Is this an issue with lighting or…
scottlittle
  • 18,866
  • 8
  • 51
  • 70
0
votes
1 answer

A-Frame camera rotation using lookAt()

Word up SO, I'm trying to pull together something akin to an 'anchor look' component in A-Frame – the idea was supposed to be like a combination of aframe-href-component and aframe-look-at-component, where clicking a link to an anchor (
wosevision
  • 123
  • 11
0
votes
2 answers

Play a local sphere video by Aframe

Im trying to play a sphere video store locally in my laptop with Aframe platform. First, i used this video: https://ucarecdn.com/bcece0a8-86ce-460e-856b-40dac4875f15/ it worked, but when i downloaded this video and changed the links to local link:…
W.Fre
  • 1