I wanted to view A-Frame based VR on my Cardboard when connected to PC. The A-Frame uses Firefox browser on PC. When I click on the VR mode it works fine on PC. It seems if one has htc-vive or oculus headsets and connects the same to PC they will be able to view VR and use the head tracking to move the 360 deg image. Is it possible to do something similar with A-Frame and Google cardboard?
Related
I have a question regarding Three JS.
Here is a simple glTF animation.
For example, when I display this in the glTF Viewer
it plays correctly on a desktop PC,
but on mobile web browsers (Chrome, Opera, firefox, etc.)
the mesh is hidden.
What could be the cause of this?
DESKTOP PC
https://i.stack.imgur.com/Eyndb.png
MOBILE BROWSER
https://i.stack.imgur.com/hMq75.jpg
MY glTF File
http://niu.re/t/tes22.glb
By the way, this glTF was created in Blender, and is
SKkeeper, applied a subdivision surface, and added a
and added a shape key every frame.
Reference link:
https://gltf-viewer.donmccurdy.com/
https://github.com/smokejohn/SKkeeper
I'm not able to have a correct immersive VR experience with Aframe and a HTC Vive pro.
Context :
With steamVr, I'm Able to access the VR website from the desktop navigation > chrome or firefox.
Which is basically a curved screen/desktop.
but how can I have the same experience as a standalone application ?
What I am trying to achieve :
I want to provide a full immersive mode as I have with a standalone application.
In steamVr environnement, I still have a curved browser in front of me (even with Vr button pressed).
I didn't find a good explanation on how to access a VR website.
I'm creating an embedded aframe scene. On desktop it loads in the desktop view where I can use WASD and move around. On mobile it turns into the VR headset mode. I want on mobile for it to display as if were on desktop, with no headset attached. Thanks!
I am using:
Aframe 0.8.2
Edge 41.16299, EdgeHTML 16.16299
Windows 10
Code https://pastebin.com/98DUNfBz
Problem: When I enter in VR mode in HMD in Windows Mixed Reality, video entity (a-video) and image entity (a-image) (with video as source) disappears. They are visible in non-VR mode before entering VR mode.
If I enter in VR mode without HMD (of Windows Mixed Reality) i.e. normal VR mode in desktop all those entities are visible.
I am getting the same problem with Aframe versions 0.7.1 and 0.8.0. There is a slight change: those entities appear as black rectangles (in VR mode with HMD in Windows Mixed Reality)
Please let me a work around of this problem. Thanks
(if I am missing any information please let me know)
update: I am getting this error console continuously.
WEBGL11156: INVALID_VALUE: texImage2D: The data for this video is not available three.js (19378,1)
WEBGL11098: drawArrays: The texture is a non-power-of-two texture or not mipmap complete
atm I am trying to create a webVR experience for the HTC Vive on Firefox 55.0.3. It seems there are some performance issues with that. I can not show you code or screenshots from my application, but i also noticed the strange effects of the viewport 'flickering' in the following example from the A-Frame website.
https://aframe.io/examples/showcase/museum/
whenever I look at the center of the room, the viewport starts shaking like crazy. In other examples limke A-Blast this doesn't happen.
Now I am wondering hwhy this happens, as the HMD'S orientation obtained from vrDisplay.pose has to be correct. Then why does the camera, which gets rotated via this pose shakes?
There is also another performance issue with webvr on firefox. at some point, OpenVR/SteamVR just claims firefox is unresponsive, alternating between displaying VIVE Home and the webvr scene in quivk succession.
Did anyone of you also noticed this behavior and has any idea how to fix it?