webvr

how can i add entity on cursor position using aFrame

由 五迷三道 提交于 2019-12-11 17:53:30
问题 i need to know how i can add entity on position cursor using aFrame on click i want to add entity far from camera 2 meter away or something like that or i need to know how can i get position on click event (x,y,z) but the problem here i what to add entity on 360 photo and i using a-sky tag and i tried to get position using js but i Failed it's working on entity only this.el.addEventListener('click', function (evt) { console.log('I was clicked at: ', evt.detail.intersection.point); for Example

three.js WebVR example code works on threejs.org but not on my local server

由 断了今生、忘了曾经 提交于 2019-12-11 02:46:16
问题 When I try out the example: https://threejs.org/examples/webvr_cubes.html on my Android 7.0 Samsung Galaxy 7 phone using the Chrome browser and the Utopia360 headset, everything works and I can enter VR mode. When I try the exact same thing with exactly the same code, only on my local server, I get "Your browser does not support WebVR. See webvr.info for assistance." The code is exactly the same and the three.js and WebVR.js files are exactly the same except for where the three.js and WebVR

Is it possible to link to a 360 YouTube video with ReactVR?

由 喜你入骨 提交于 2019-12-11 01:29:16
问题 In the documentation for ReactVR for VideoPano it demonstrates pointing to a video in the code base. Is it possible to link to an external link (aka Youtube)? So instead of video.mp4, it would link to https://www.youtube.com/watch?v=hkgYIr_LWPw&index=1&list=PL-BE7kqSgbEj44peyt5BmLK63kbDp7Rhu let videoUrl = 'video.webm'; const supportedFormats = NativeModules.VideoModule.supportedFormats; for (let i = 0; i < supportedFormats.length; i++) { if (supportedFormats[i] === 'mp4') { videoUrl = 'video

How to fit a-plane to the a-canvas

由 这一生的挚爱 提交于 2019-12-08 11:33:36
问题 I'm trying to fit a <a-plane> to the a-frame canvas. I've managed to get the necessary params: scene = document.querySelector('a-scene'); width = scene.canvas.width; height = scene.canvas.height; I can't find a solid anwser regarding the correlation between pixels and meters, so i found a ratio of zPosition/590 which seems to work well on 720p and 1080p, but something is not linear, the distance between the window and the plane is different when the window is small, and when it's big. Tried

How to embed a HTML page in webvr

由 帅比萌擦擦* 提交于 2019-12-08 07:05:05
问题 I have gone through the link "http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/", But I need not to add the texture instead I need that to be interactive like a webpage. So that i can go and play the inner pages also. 回答1: From the A-Frame FAQ: There is no direct way for the browser to display HTML or iframes within WebGL. While it is possible to overlay HTML elements or iframes on top of the canvas, they will not display in VR nor can it integrate with the

VideoSphere not playing video in A-Frame, even after following other guidance

由 梦想与她 提交于 2019-12-08 05:23:10
问题 I'm working on an A-Frame VR project and having issues getting video playback on the a-videophere element. The guidelines I've followed: - Place playsinline or webkit-playsinline inside of video asset and include meta tag in head. - Load video source during window load, then use a button to start the playback. - I'm aware of the autoplay issues for video playing in mobile. I've looked around all over stack overflow to find solutions, the latest one I tried is here, so please don't flag me for

VideoSphere not playing video in A-Frame, even after following other guidance

由 半腔热情 提交于 2019-12-07 07:51:29
I'm working on an A-Frame VR project and having issues getting video playback on the a-videophere element. The guidelines I've followed: - Place playsinline or webkit-playsinline inside of video asset and include meta tag in head. - Load video source during window load, then use a button to start the playback. - I'm aware of the autoplay issues for video playing in mobile. I've looked around all over stack overflow to find solutions, the latest one I tried is here , so please don't flag me for duplicate question. The JS in this question is even a modification of that other question. Before you

how to reset camera position on enter VR?

由 倾然丶 夕夏残阳落幕 提交于 2019-12-06 11:08:58
How can I reset the camera position when the user clicks the enter VR button in an A-Frame scene? I set a nice camera position for desktop wasd-controls users, but want to reset the position and rotation when a Vive user enters VR. I followed the pattern of this answer to setup the camera initially: <!-- Player --> <a-entity id='cameraWrapper' position='1 1.8034 1' rotation='-35 40 0'> <a-entity camera look-controls wasd-controls="fly: true"></a-entity> </a-entity> and here I attempt to reset the position and rotation with the window.onvrdisplaypresentchange event from the WebVR API: // // if

Disable inspector

由 元气小坏坏 提交于 2019-12-06 04:59:21
问题 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 simple: <html> <head> <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> </head> <body> <a-scene> <a-assets><img id="render" src="back.png"></a-assets> <a-sky src="#render"></a-sky> </a-scene> </body> </html> 回答1: this should work for 0

How to enable WebVR on Google Chrome?

由 让人想犯罪 __ 提交于 2019-12-06 02:35:41
问题 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? 回答1: Official channels of Google Chrome do not support WebVR. (now they do, see below) There is an unofficial build of chrome that does. FYI Firefox Nightly also supports WebVR in their official and current release, as does Samsung Internet Beta for GearVR (the latter after some configuration). UPDATE:
订阅 webvr