标签: aframe
为什么我的Enter VR按钮在A-Frame中丢失或放错了位置？
我正在使用A-Frame,但我看不到通常在右下角的Enter VR按钮.因此我无法进入VR或全屏.
我怎样才能让它出现？
推荐指数
解决办法
查看次数
使用Angular 2的无类型A-Frame组件
推荐指数
解决办法
查看次数
A帧动画
我已经尝试了太多但是相同的结果,当由自定义事件触发的a帧中的动画时,它以相同的方式从(x,y,z)到(x',y',z')和从( x'',y'',z'')到(x',y',z')我玩了动画属性,但从未得到过解决方案!
<html>
<body>
<script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>
<script src="https://rawgit.com/ngokevin/aframe-layout-component/master/dist/aframe-layout-component.min.js"></script>
<a-scene>
<a-entity id="gallery" layout="type: line; margin: 1.2" position="0 0 3">
<a-plane id="one" color="#CCC" look-at="[camera]"></a-plane>
<a-plane id="two" color="#CCC" look-at="[camera]"></a-plane>
<a-plane id="three" color="#CCC" look-at="[camera]"></a-plane>
</a-entity>
<!--camera & env -->
<a-camera position="0 0 4" id="camera">
<a-entity cursor="fuse: true; maxDistance: 30; timeout: 500"
position="0 0 -.6"
scale=".01 .01 .01"
geometry="primitive: ring"
material="color: green; shader: flat">
</a-entity>
<a-animation attribute="position"
begin="one"
to="0 0 4"
dur="1000"
fill="forwards"
easing="ease-in-out-cubic"></a-animation>
<a-animation attribute="position"
begin="two"
to="1 0 4"
dur="1000"
fill="forwards"
easing="ease-in-out-cubic"></a-animation>
<a-animation attribute="position" …推荐指数
解决办法
查看次数
如何隐藏A-Frame的VR模式/护目镜图标？
默认情况下,右下角是一个Goggles图标,单击该图标后,将进入VR或全屏(如果没有耳机).如何隐藏这个以便我可以添加自己的UI,或者完全禁用VR？
推荐指数
解决办法
查看次数
如何在A-Frame中检测桌面与移动与GearVR与Oculus Rift与Vive的对比？
在A-Frame中,我想检测用户是否连接了VR耳机并告诉他们正在使用哪个设备.我怎样才能做到这一点？
- 桌面(无VR显示)
- 移动(例如,webvr-polyfilled Google Cardboard,iPhone,Android)
- 三星GearVR
- Oculus Rift
- HTC Vive
推荐指数
解决办法
查看次数
为什么在WebXR中错误地计算了光线投射方向？
我试图在基于网络的增强现实应用程序中使用常规的 Three.js光线投射(与AR命中测试相反,这个问题不是关于真实飞机上的命中测试).
Web应用程序使用带有aframe-xr组件的 A-Frame 在WebXR Viewer for iOS和WebARCore for Android中获得WebXR支持,并且增强现实在这两个实验性浏览器中一般都可以正常工作.
但是,它包含aframe-xr的三个.xr.js和WebXR polyfill库中的某些内容会导致在具有WebXR支持的实验性浏览器中不正确地投射光线投射的方向向量.光线投射的原点很好(在相机的当前位置),但是方向总是在下方偏移(y坐标太小)并且在它应该的位置稍微向左(x坐标太小)偏移.
巧合(或不是),y似乎A-Frame默认偏移相机偏离1.6米左右.或习惯,因为这似乎已经降级到Three.js最新(未发布)版本,A-Frame这aframe-xr取决于工作.
这通常不是光线投射的问题,正如Glitch中的问题再现所证明的那样,我的测试结果如下:
Device/Example run | Normal 0.7.0 | WebXR | Normal 0.8.0 |
-----------------------|----------------|---------------|------------------|
Windows Chrome w/mouse | Correct | Correct | Correct |
S8 Chrome | Correct | Correct | Correct |
S8 WebARCore | Correct | Incorrect | Correct |
iPad Safari …推荐指数
解决办法
查看次数
如何将脚本包含在 angular.json 中
我想进口aframe在<head>使用标签angular.json配置作为一个单独的包。
在里面，angular.json我有要从 node_modules 导入的脚本：
"scripts": [
"node_modules/aframe/dist/aframe-v1.0.0.min.js"
]
这是在 html 正文的底部捆绑和导入的。
<body>
<app-root></app-root>
...
<script src="scripts.js" ...>
</body>
这是不可取的，因为库特别要求我在<head>.
此外，我想将其作为单独的包导入：
"scripts": [
{ "input": "node_modules/aframe/dist/aframe-v1.0.0.min.js", "bundleName": "aframe-v1.0.0.min" }
]
推荐指数
解决办法
查看次数
如何在A-Frame中使用JavaScript？
我看到A-Frame用于通过标记/ HTML构建虚拟现实体验.如何在A-Frame标记元素旁边使用JavaScript？
推荐指数
解决办法
查看次数
如何在A-Frame中聆听相机的世界位置？
如何获取相机的当前位置？这样我就可以旋转我的天空实体.
假设我有:
<a-scene>
<a-camera id="camera></a-camera>
<a-sky id="mySky"></a-sky>
</a-scene>
推荐指数
解决办法
查看次数
A-Frame&ar.js:多个标记和框
是否有任何关于如何使用A-Frame实现多个AR标记的概念证明？
防爆.这样的事情:https://www.youtube.com/watch？v = Y8WEGGbLWlA
亚历山德拉艾蒂安在这篇文章中的第一个视频是我的目标(具有不同内容的多个不同AR"标记"):https://medium.com/arjs/area-learning-with-multi-markers-in -ar-JS-1ff03a2f9fbe
我有点不清楚,当使用多个标记时,它们需要在相同的相机视图中彼此接近/存在
ar.js repo中的这个例子使用了多个标记,但它们都是不同的类型(即一个是Hiro标记,一个是汉字标记等):https://github.com/jeromeetienne/AR.js/斑点/主/ AFRAME /示例/多独立-markers.html
推荐指数
解决办法
查看次数
标签 统计
aframe ×10
javascript ×3
angular ×2
angular-cli ×1
ar.js ×1
three.js ×1
typescript ×1
webvr ×1