webvr

I am trying to to use a texture from my own hosted webserver but putting it into the asset-item tag I get the following error. > Access to Image at 'http://192.168.137.1:3000/cat2.jpg' from origin > 'http://localhost' has been blocked by CORS policy: No > 'Access-Control-Allow-Origin' header is present on the requested > resource. Origin 'http://localhost' is therefore not allowed access. The picture is accessible, since I can see it in the webinspector. It works perfectly in a simple image tag. Does anyone know what to do here? Thanks! Update: My code you could find below: <script src="https:

I am using A-Frame (JavaScript library). I would like to load a new scene when user clicks into a certain component in the current scene. How can I achieve this? ngokevin Check out the A-Frame Template Component . Notably the Swapping Example . You can either define your separate scenes within script tags or within separate files. Here is an example with script tag templating: <a-scene> <!-- Templates. --> <a-assets> <script id="scene1" type="text/html"> <a-box></a-box> </script> <script id="scene2" type="text/html"> <a-sphere></a-sphere> </script> </a-assets> <a-entity template="src: #box"><

I use Three.js to render and move (my orbitControl changes camera.position) in a small scene. Now I have an oculus rift. So I added VRControls and VREffect. There is no problem to move the head. But I can no more move in the scene because VRControls override the camera parameters : object.quaternion.copy( state.orientation ); // object is the camera I thought that it was easy to correct : I have only to update the camera instead of overriding it : object.quaternion.copy(stateOrientationQuat.multiply(currentCameraQuat)); But it does not work : it renders a moving flicking scene. VRControls and

I have been working on this VR website for my project for sometime. It used to be able to allow user to view left/right side of the virtual world by moving your phone to the left/right. However, just recently, it suddenly did not work for android phone. I have tested on iphone/ipad, still works as per normal. But for some reason, i tried using note8 , s7 it doesnt work anymore. Would really appreciate if you can identify whats the problem, and how can I fix it? Thank you very much. Try using firefox on android, or the built-in samsung internet app. If everything works as expected, it means you

I have an A-Frame scene with a video or videosphere: <a-scene> <a-assets> <video id="video" src="anothervideo.mp4></video> </a-assets> <a-video src="myvideo.mp4></a-video> <a-videosphere src="#video></a-videosphere> </a-scene> When I test in iOS or Android, I just see a black screen. It works on desktop. Speaking of leveraging Enter VR button, try: <a-scene> <a-assets> <video id="video" src="anothervideo.mp4"></video> </a-assets> <a-video class="video" src="myvideo.mp4"></a-video> <a-videosphere class="video" src="#video></a-videosphere> </a-scene> <script> function playVideo () { var els =