aframe

Automatically move camera A-frame js

由 对着背影说爱祢 提交于 2020-07-07 10:19:25
问题 I am creating flat tour using a-frame js . I wanted to move camera automatically.currently I am doing that using mouse .can anyone help me? 回答1: To do tweening in A-Frame, you'll probably use the a-animation system: <a-entity camera position="0 1.6 0"> <a-animation attribute="position" dur="2000" easing="linear" to="0 1.6 -10"></a-animation> </a-entity> JSFiddle. To customize this, see the animation documentation. Aside: For VR scenes, moving the camera automatically is often uncomfortable

How do I display <iframe>s as a texture in A-Frame?

由 ◇◆丶佛笑我妖孽 提交于 2020-06-27 16:36:05
问题 I want to display webpages as 2D content with a VR scene. Can I use an <iframe> element as a source for a texture in WebGL/three.js in https://aframe.io? 回答1: You can't use iframes or any other HTML element inside WebGL as it would be a security risk. People could read passwords and other private info from the textures. you can however find creative solutions like this one which is the first hit of googling "iframe webgl". You do it by putting a iframe behind a webgl canvas, using 3d math cut

Display an immersive 360 photo while using a website in a VR browser

由 微笑、不失礼 提交于 2020-06-27 06:30:14
问题 I started playing with WebVR and I'm trying to have a 360 immersive background dynamically change while a user is using my website. In this hypothetical situation the user would choose to launch the immersive experience running in the background around them while using the site. I'm still a newbie on WebVR but from what I understood it's all rendered inside a <canvas> element. So would it be possible to display the site inside an iframe with a z-index higher than the fullscreen canvas in

Image Tracking using AR.js - Problem with Custom Image Descriptors

由 自闭症网瘾萝莉.ら 提交于 2020-06-17 16:22:25
问题 I am trying to generate an AR scene using Image Tracking based on the tutorial in AR.js documentation. When I was using the sample URL as provided in the demo in Codepen, it worked but when I specified the URL to be the path to my own generated image descriptors in my local machine, I got this error: "Error in loading marker on Worker 404" Since it was working well when I used the image descriptors provided in the demo, I assume it's something to do with the image descriptors that I generated

Image Tracking using AR.js - Problem with Custom Image Descriptors

由 有些话、适合烂在心里 提交于 2020-06-17 16:19:44
问题 I am trying to generate an AR scene using Image Tracking based on the tutorial in AR.js documentation. When I was using the sample URL as provided in the demo in Codepen, it worked but when I specified the URL to be the path to my own generated image descriptors in my local machine, I got this error: "Error in loading marker on Worker 404" Since it was working well when I used the image descriptors provided in the demo, I assume it's something to do with the image descriptors that I generated

Change initial position and rotation of a model

由 杀马特。学长 韩版系。学妹 提交于 2020-06-17 13:09:09
问题 Got a simple .html file using A-Frame that loads a specific model. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Octant Cube - by Dodds, H. & Peres, T.</title> <meta name="description" content="Present in the Taxonomy article"> <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> </head> <body> <a-scene background="color: #FAFAFA"> <a-assets> <a-asset-item id="octant" src="octant.glb"></a-asset-item> </a-assets> <a-entity gltf-model="#octant"></a-entity> </body

Change initial position and rotation of a model

由 六眼飞鱼酱① 提交于 2020-06-17 13:06:29
问题 Got a simple .html file using A-Frame that loads a specific model. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Octant Cube - by Dodds, H. & Peres, T.</title> <meta name="description" content="Present in the Taxonomy article"> <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> </head> <body> <a-scene background="color: #FAFAFA"> <a-assets> <a-asset-item id="octant" src="octant.glb"></a-asset-item> </a-assets> <a-entity gltf-model="#octant"></a-entity> </body

AR.JS Can't get Video or Picture working with NFT only 3D

由 女生的网名这么多〃 提交于 2020-06-17 09:11:11
问题 I finally have given up as I can't get AR.JS to run with a simple NFT marker that should display a Video or a PNG image over it. If I run it with a GLTF Model it works without problems. I tried changing the scale and position to see if it is somehow behind the marker etc. but that doesn't help in any way. The console doesn't throw me any errors as well. Could anybody throw me a short fix as I tried a lot of different stuff but nothing gets displayed. Link to page with marker https://natrium83

AR.JS Can't get Video or Picture working with NFT only 3D

由 半城伤御伤魂 提交于 2020-06-17 09:11:07
问题 I finally have given up as I can't get AR.JS to run with a simple NFT marker that should display a Video or a PNG image over it. If I run it with a GLTF Model it works without problems. I tried changing the scale and position to see if it is somehow behind the marker etc. but that doesn't help in any way. The console doesn't throw me any errors as well. Could anybody throw me a short fix as I tried a lot of different stuff but nothing gets displayed. Link to page with marker https://natrium83

Wrong clipping in glTF-model - AFrame

由 邮差的信 提交于 2020-06-01 07:41:05
问题 Video preview : https://i.imgur.com/VMhJV8v.mp4 I'm having clipping issues for quite some time now, not sure what causes this but so far the only solution is to move the object closer towards the camera and scale it down ( video preview link above ) I tried messing around with the camera clipping settings ( changed far / near values ). Played around with the 3d object transparency and container marker visibility (1) - no dice , tried to change renderOrder (2) , frustumCulled (3) values
订阅 aframe