标签: webvr

如何在Google Chrome上启用WebVR?

我正在尝试创建一个WebVR场景.对于此任务,我想在Google Chrome上启用WebVR.我的操作系统是Windows 8.

我打开旗帜chrome://flags/.WebVR不存在.我该如何启用它?

flags google-chrome webvr

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

如何在一个框架中创建线框3D立方体?

我正在努力为盒子原语创建一个线框.尝试过颜色,不透明度和透明属性但似乎没有效果.这是代码 -

<a-entity geometry="primitive: box; width: 1; height: 1; depth: 1" position="0 1 0" material="color: #0000FF; opacity: 0.5;" rotation="0 0 120"></a-entity>
Run Code Online (Sandbox Code Playgroud)

需要渲染这样的东西 -

在此输入图像描述

webvr aframe

5
推荐指数
1
解决办法
1256
查看次数

如何在 A-Frame 中为盒子的侧面分配不同的纹理

有没有办法为 A-Frame 中的盒子几何体的每一侧分配不同的纹理,而无需从 6 个独特的平面构建盒子?

<a-box></a-box>  <!-- How to apply a cubemap? -->
Run Code Online (Sandbox Code Playgroud)

更具体地说,如何在 A-Frame 中制作立方体贴图?这是three.js中立方体贴图的一个例子:http ://threejs.org/examples/#webgl_materials_cubemap

谢谢!

webvr aframe

5
推荐指数
1
解决办法
1965
查看次数

禁用检查器

我试图在一个简单的 A-Frame WebVR 应用程序上禁用检查器,但没有成功。

尝试使用并禁用按键Ctrl+ Alt+I使用 JavaScript。但是,检查员仍在加载。

有谁知道怎么做?

我的场景很简单:

<html>

<head>
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
</head>

<body>
  <a-scene>
    <a-assets><img id="render" src="back.png"></a-assets>
    <a-sky src="#render"></a-sky>
  </a-scene>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

mozilla webvr aframe

5
推荐指数
1
解决办法
1192
查看次数

如何从VRFrameData计算FOV?

曾经有过视野信息VREyeParameters,但已被弃用.所以现在我想知道:有可能使用提供的视图/投影矩阵来计算VRFrameData吗?

javascript webgl webvr

5
推荐指数
1
解决办法
363
查看次数

如何在 A-Frame 中将 &lt;iframe&gt; 显示为纹理?

我想将网页显示为具有 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
查看次数

如何在iframe中运行WebVR内容?

我有一个A-Frame WebVR场景.我想把它放在一个iframe中.

<iframe src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>
Run Code Online (Sandbox Code Playgroud)

但是当我进入VR时,它不会全屏显示并呈现给VR耳机.如何在iframe中启用立体VR?

webvr aframe

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

为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
查看次数

如何在 A 形框架中获得双面彩色平面

当我创建a-plane并分配属性时color="red",颜色仅应用于一侧。我向飞机添加了旋转动画,飞机的背面是白色的:fiddle

让平面两面都着色的方法是什么?我是否应该创建 2 个相同颜色的平面,然后旋转其中一个,以便它们背靠背并且对用户来说看起来像一个平面?

webvr aframe

3
推荐指数
1
解决办法
1676
查看次数

标签 统计

webvr ×10

aframe ×8

javascript ×3

webgl ×3

flags ×1

google-chrome ×1

mozilla ×1