标签: aframe

如何在 A-Frame 中将 <iframe> 显示为纹理?

我想将网页显示为具有 VR 场景的 2D 内容。我可以<iframe>https://aframe.io 的WebGL/three.js 中使用元素作为纹理的来源吗?

javascript webgl webvr aframe

4
推荐指数
1
解决办法
2935
查看次数

如何在A-Frame中呈现HTML?

如何在A-Frame中将纯HTML标记渲染或显示为纹理?

我想做的事情如下:

<!-- language-all: lang-html -->
<a-scene>
  <div>HELLO WORLD</div>
</a-scene>
Run Code Online (Sandbox Code Playgroud)

javascript webgl webvr aframe

4
推荐指数
1
解决办法
2396
查看次数

如何在A-Frame中收听相机旋转的变化?

有没有办法在当前视角上添加一个监听器?

换句话说,每当用户看到他的背后,我都想触发一个函数.

最快的方式似乎是有一个监听器来检查当前的头部旋转,并且如果在一定的度数范围内,则会触发该函数

aframe

4
推荐指数
1
解决办法
2843
查看次数

A-frame:如何设置墙壁碰撞器

谁能告诉我如何设置墙壁碰撞器?我已经为墙壁设置了一个使用OBJ文件的房间.非常感谢.

aframe

4
推荐指数
1
解决办法
748
查看次数

A-Frame Daydream控件?

刚刚开始玩A-Frame,我可以看到vive-controls和oculus-touch-controls但谷歌白日梦没什么.

我看过组件回购,但看不到任何看起来像它的工作.现在最接近调查的是游戏手柄API,但我很惊讶我找不到任何东西.

我有一个Pixel XL和白日梦,想要整合控制器,而不仅仅是头部跟踪和基于凝视的控制.请有人指出我正确的方向.

谢谢

更新 - 我让Daydream控制器为点击工作!运行360图像库(https://aframe.io/examples/showcase/360-image-gallery/)接受来自Daydream控制器的点击.我想也许它已经超时我以前的尝试或我没有正确配对!我会一直玩!

daydream aframe

4
推荐指数
1
解决办法
1123
查看次数

如何在A-Frame中禁用键盘或WASD控件?

如何在默认场景中禁用相机的键盘控制?

<a-scene></a-scene>
Run Code Online (Sandbox Code Playgroud)

aframe

4
推荐指数
1
解决办法
1950
查看次数

为A-Frame的WASD控件添加速度

如何为WebVR页面提高WASD控件的速度?因为现在它变得非常慢.

<a-entity position="0 1.8 0" camera look-controls wasd-controls>
  <a-camera id="camera">
    <a-cursor color="#333" maxDistance="30"></a-cursor>
  </a-camera>
</a-entity>
Run Code Online (Sandbox Code Playgroud)

webvr aframe

4
推荐指数
1
解决办法
1680
查看次数

如何检测AR.js中何时找到标记

我正在尝试检测何时在ar.js中找到/丢失标记,同时使用a-frame.

从我在源代码中看到的,当找到标记时,应该触发'getMarker'事件,而且artoolkit似乎派遣了一个markerFound事件.

我试图听那些事件的<a-scene>,或上<a-marker>,但似乎我现在不是弄错了,或者我需要得到更深层次的arController,或arToolkit对象.

当我记录场景或标记时,我只获得对属性的引用,这些属性似乎没有附加上述对象.(例如marker.arController,或marker.getAttribute('artoolkitmarker').arController)

有没有人试过这个并有任何提示如何做到这一点?

three.js artoolkit aframe ar.js

4
推荐指数
1
解决办法
5286
查看次数

如何在 Ar.js 中创建自定义标记?

我想知道 Ar.js 是如何工作的,但我一直在创建自定义标记和自定义形状,有什么方法可以自定义东西。

这就是我要开始的事情。

<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
<!-- include ar.js for A-Frame -->
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
  <a-scene embedded arjs>
    <!-- create your content here. just a box for now -->
    <a-box position='0 0.5 0' material='opacity: 0.5;'></a-box>
    <!-- define a camera which will move according to the marker position -->
    <a-marker-camera preset='hiro'></a-marker-camera>
  </a-scene>
</body>
Run Code Online (Sandbox Code Playgroud)

这是入门的简单示例

javascript aframe ar.js

4
推荐指数
1
解决办法
1万
查看次数

A 帧在相机方向向前移动

我正在尝试在 A 帧中制作一个组件,该组件将在相机面向的方向上移动播放器/相机。它不应该在 y 平面上的任何地方移动,只能在 x/y 平面上移动。dom中的当前设置是:

<a-entity>
    <a-camera></a-camera>
</a-entity>
Run Code Online (Sandbox Code Playgroud)

我想在当前相机方向将实体元素位置移动到 x 单位,但它不应该在 y 平面上移动任何东西。我尝试了各种解决方案,但它们似乎在相机中引入了一些奇怪的转变。

javascript three.js aframe

4
推荐指数
1
解决办法
2122
查看次数

标签 统计

aframe ×10

javascript ×4

webvr ×3

ar.js ×2

three.js ×2

webgl ×2

artoolkit ×1

daydream ×1