问题标签 [webvr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
492 浏览

three.js - WebVR - 如何在耳机屏幕和监视器屏幕上显示

我正在浏览器中显示 WebVR 场景。
但只有佩戴头显(眼裂)的用户才能看到场景。

我的问题:
有没有办法在另一个屏幕上看到用户看到的内容?
我想给用户一些建议(你可以这样做,你也可以去这里,等等)。

谢谢

0 投票
1 回答
910 浏览

html - 在 Chromium 和 Mozilla nightly WebVR 版本中播放 360 度视频

我正在尝试在 WebGL 中集成 360 度视频,使用 HTML5 视频播放器和一个平面视频它确实可以工作,但是当我通过示例使用这个视频时:http: //video.airpano.com/Video-Porto/portu_fin3_ir2048_5mbs.mp4

我得到的只是黑屏。

我为 WebVR 使用铬版本 44.0.2383.0 ( http://blog.tojicode.com/2014/07/bringing-vr-to-chrome.html )。

有没有人尝试过这个问题,或者设法播放 360 视频?谢谢您的帮助 !

编辑

这是我用来流式传输 videotexture 的功能:

但显然这将来自 Chrome 不支持 .mp4,所以我猜代码不涉及这个问题。

0 投票
1 回答
191 浏览

chromium - 无法在 Chromium 版本 44.0.2383.0 上获取游戏手柄事件

我正在尝试用铬制作我的游戏手柄事件。使用以下代码在 Chrome 版本 44.0.2403.130 m 上一切正常:

但是在 Brandon Jones 制作的 WebVR chromium 版本上,我无法得到任何反馈,“navigator.getGamepads()”函数只返回一个包含四个未定义变量的数组。

还不支持吗?还是我需要做一些具体的事情?

谢谢您的帮助!

0 投票
1 回答
1456 浏览

javascript - 朝着我正在寻找的方向移动(webvr、三个 js、Oculus Rift)

在我的 animate() 函数中,我有以下代码:

相机是 characterMesh 的子对象。向前和向后移动完美。但是我想(在飞机上)移动到我实际正在寻找的地方(只是偏航)。我找到了 Unity3D 的代码示例,并尝试将其调整为无效的 three.js。

任何帮助或提示将不胜感激!

0 投票
2 回答
2054 浏览

javascript - three.js - THREE.StereoEffect / webVR-boilerplate + THREE.Mirror

当 VREffect 处于活动状态时,我试图让镜像效果在使用 webvr-boilerplate的项目中正常工作。

我尝试(使用 r72dev 和 r72)使用 THREE.Mirror:

激活 VR 模式且立体查看处于活动状态时,渲染目标停止更新。

镜子在相机后面,我设置了一个旋转的模型来观察镜子的行为。

关于为什么会发生这种情况以及解决它的可能方法的任何想法?我是否缺少镜像或立体效果的一些初始化参数?

例子

提前致谢。


编辑:似乎问题不仅发生在 webvr-boilerplate 上,而且还发生在 StereoEffect.js 和 Mirror.js 上,因为我使用镜像设置了一个场景到three.js StereoEffect.js 示例,但仍然存在同样的问题..

Stereo http://ruidorey.webfactional.com/stereo.png 具有立体效果的镜子 - 现场示例

没有立体声 http://ruidorey.webfactional.com/nostereo.png 没有立体声效果的镜子 - 现场示例

0 投票
1 回答
672 浏览

three.js - three.js / web-vr-boilerplate / polyfill - HMD 到受控对象:轴重新映射也不会重新映射旋转顺序/规则

我正在使用您的 webvr-boilerplate 并尝试将其映射到人脸网格。

我的做法是:

1)将相机连接到眼骨

主js脚本

2) 更改 webvr-manager.js 以更新颈骨(作为初始化参数传递)位置和旋转,在 index.php 中我交换轴以匹配 HMD 与骨骼的轴:

webvr-manager.js

主js脚本


2015 年 10 月 28 日更新:

简化并经过一些额外的调试后实现不是钳位问题..

重述的问题是:

将 VR 控件映射到具有不同 HMD/Cardboard 轴配置的对象并保持正确的旋转规则。对象轴示例:* x - 向上 * y - 深度 * z - 侧面

交换旋转的 object .rotation.x = object .rotation.z结果是,在更新控件后,向一侧旋转会在 45º 后产生不希望的旋转。

每个轴的旋转规则不同:

  • x 旋转直到 PI,然后反转信号并保持与原来相同的方向变化;
  • y 旋转直到 PI/2 并反转方向后(增加时开始减少)
  • z 等于 x。

通过以下方式更改webvr-polyfill.js并修复了键盘/鼠标:

但与其他控制器(HMD、纸板等)没有任何相似之处。也许用户可以使用旋转顺序和映射会很好。谢谢

示例- 在 js 控制台中尝试一组 swappedAxis = true并旋转颈部。

0 投票
1 回答
2390 浏览

javascript - 如何使用 krpano 在 WebView 上启用 WebVR?

我设法在 Chrome 和 Firefox 上使用 WebVR 运行 krpano,纸板按钮可见并已启用。但是在运行它嵌入在 Android 中的 WebView 中时,它不会显示纸板按钮。

但是后来,我发现我用 WebView 编译的 apk 在我的其他设备上显示了纸板按钮。我将如何在我的手机上强制执行相同的行为,因为我知道它可以在我的 android 手机上的 Chrome 和 Firefox Mobile 中运行,但在使用我的 WebView 实现时却不行?

我必须设置什么配置?或者模拟以确保 WebVR 启用到所有可以支持它的 android 设备,而不仅仅是某些设备或设备自行决定,即使它真的可以运行它?

我还尝试在 krpano WebView 插件中启用 WebVR 假模式。但它不起作用。

我猜 WebVR 插件正在检查 WebView 上下文中的某些内容,并且该检查仅在 Chrome Mobile、Firefox Mobile 或其他设备的其他实现上成功。

0 投票
1 回答
434 浏览

javascript - WebVR 样板问题 - 管理器未在 VR 模式下渲染,相机直视下方,全屏仅渲染一半窗口

我正在尝试将 WebVR 实现到我在 Three.js 中构建的项目中,但我很难让它正常运行。

当我查看场景时,会出现许多问题。

  1. 当 VRMode 为 false 时,我的场景会渲染,但是当切换到 VR 模式时,场景会突然停止渲染。我可以看到两个立体窗口,但没有其他任何东西出现。

  2. 当我在桌面上加载场景时,相机指向正下方。在设备上加载时,场景会颠倒过来。我告诉相机看我图像的中心,它似乎没有任何效果。在我摆弄控件和渲染以支持 WebVR 管理器和 VRControls 之前,它工作得很好。

    /li>

我能够很好地设置位置。

  1. 当我单击 GUI 底部的全屏按钮时,屏幕分成两半。上半部分是黑色(我的身体背景和 clearfix 颜色是蓝色),下半部分呈现我的场景。当我手动调整窗口大小时,我有一个可以正常工作的事件侦听器,因此这必须与 VR 管理器相关。

知道什么可能导致这些错误吗?

这是我定义渲染器的方式:

这是我的动画功能:

我的图书馆今天早上刚从凉亭回来,所以我知道它们都是最新的。

0 投票
1 回答
1996 浏览

javascript - Three.js 上的平滑相机控制开关

我正在开发一个网站,该网站允许用户使用 VRControls 查看天空中的对象,并使用通过单击对象初始化的 Trackball 控件查看他们最喜欢的对象。这是演示。https://jsfiddle.net/tushuhei/4f1Lum5n/6/

TWEEN 非常适合从 WebVR 到 Trackball 模式的转换,反之亦然,但在转换结束时仍有一点差距。我猜这来自过渡完成阶段相机旋转的间隙。

考虑到相机位置和旋转,有什么方法可以使两个不同的相机控件之间的过渡平滑?

谢谢,

0 投票
1 回答
3420 浏览

three.js - 使用 webvr-boilerplate 在相机前面定位一个three.js对象,但不绑定到相机

我有一个不可见的 object3D。我可以使用 webvr-boilerplate 自由地环顾四周。单击时,我想将此 object3D 放置在相机前面,使其可见,但位于“地面”上方的某个 y 位置。

我尝试了以下方法,但是如果我看那里,它会将 object3D 放置在半空中,而不是在“地面”上方的某个位置:

var updateMatrix = camera.matrixWorld.clone(); object3D.applyMatrix(updateMatrix);

我认为我需要从中提取某些相机旋转和位置组件并将其应用于我的 object3D 以获得我想要的东西。

非常欢迎任何提示!