localhost and 192.168.x.x over HTTPS for a-frame webVR development and local testing
来源： https://stackoverflow.com/questions/61525215/localhost-and-192-168-x-x-over-https-for-a-frame-webvr-development-and-local-tes
webvr
How do I use checkpoint controls in A-Frame?
问题 I am new to A-Frame and still trying to figure everything out! I'm currently constructing a 3D space and would like to create a guided experience for visitors by providing dots on the floor for them to click and be transported to that position. I found this code online which is perfect but I can't get it to work. Here is the link to my project on Glitch: https://glitch.com/~museum-exhibit-demo This is the code for my camera: <a-entity position="1.8 -1.1 3" rotation="0 90 0" id="pov"> <a
How do I use checkpoint controls in A-Frame?
问题 I am new to A-Frame and still trying to figure everything out! I'm currently constructing a 3D space and would like to create a guided experience for visitors by providing dots on the floor for them to click and be transported to that position. I found this code online which is perfect but I can't get it to work. Here is the link to my project on Glitch: https://glitch.com/~museum-exhibit-demo This is the code for my camera: <a-entity position="1.8 -1.1 3" rotation="0 90 0" id="pov"> <a
How do I display <iframe>s as a texture in A-Frame?
问题 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
Change initial position and rotation of a model
问题 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
问题 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
aframe register componet add onclick attribute
问题 I want to create dynamic componet using aframe But I cannot add onclick on my component this my code AFRAME.registerComponent('cylinders', { init: function(){ let el = this.el; let sceneEl = document.getElementById('scene1'); let cyl = document.createElement('a-cylinder'); cyl.setAttribute('position', '0 0 0'); cyl.setAttribute('rotation', '0 0 0'); cyl.setAttribute('scale', '0 0 0'); cyl.setAttribute('radius', 1); cyl.setAttribute('height', 0.1); cyl.setAttribute('color', '#39BB82'); cyl
Unity3D开发WebVR之WebVR Assets使用
各种事情导致个人微博没有在更新，一年多时间，现在继续保持写博客的良好习惯。 最近一直在做WebVR的项目，所以感受颇深，着这里跟大家交流交流。 WebVR目前标准协议不是很统一，但是底层基本上都是基于Three.js展开的，而目前最方便的就是使用Aframe框架，实体组件形式加入元素，跟Unity3D使用类似，用起来比较方便，还有使用JS基于Three.js自己编码等等。对这些我都不是很精通略知皮毛，所以今天说一说Unity开发WebVR。 Unity开发WebVR要使用WebVR Assets插件（Asset Store上就有） 主要是这句话 * All other browsers supported through the WebVR polyfill. 设置平台WebGL 开发的过程中设置 other Settings设置中Scripting Runtime Version 设置成.net 4x.. 下载HTC Vive SDK 注意：一定要设置PC 下的XR Setting 中Virtual Reality SDKs Scripting Define Symbols 要设置 最后附上插件github上地址： https://github.com/gtk2k/Unity-WebVR-Assets 来源： oschina 链接： https://my.oschina.net
A-Frame Kinematic-body camera height problem
问题 I have a problem where I need my camera to be a Kinematic-body and collide with wall elements however I cannot get it to stay at a fixed y-axis height of 1.6. I need a way to keep the camer a this height while maintaining its kinematic-body attribute because I need wall collisions to work. I have attached the code which I have been stuck on so far. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http
基于 HTML5 WebGL + WebVR 的 3D 虚拟现实培训系统
前言 2019 年 VR , AR , XR , 5G , 工业互联网 等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋， 5G 是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数字化转型的重要驱动力。 “5G + VR + 工业互联网” 必将成为新的一年不变的话题，如何将当前工业中遇到的问题通过 虚拟现实 结合起来，让我们可以更近的去交流，去感受技术带给我们的变化。在今年苹果的发布会上，相信大家都知道苹果的 5G 手机没有问世，说明 5G 的应用和发展还处在快速发展的阶段，但是手机结合 AR 功能的 APP 已经早就问世， 5G 的速度加上 AR, VR 的身临其境，让我们感受到的不仅仅是技术的革新，更是让我们感受到技术在不同领域的实际应用场景，我相信 2020 年新的一年必定是 “5G + VR + 工业互联网” 应用的又一个新的开始，本文接下来所讲的就是 HT for Web 结合 WebVR 开发的具体应用案例。 系统预览 预览地址： 基于 HTML5 WebGL 与 WebVR 3D 虚实现实的可视化培训系统 http://www.hightopo.com/demo/vr-training/ VR 拆解还原 VR 操作 VR