【问题标题】:How to view 3d html5/css3/native javascript page stereoscopically on mobile?如何在移动设备上立体查看 3d html5/css3/native javascript 页面?
【发布时间】:2017-03-16 02:40:29
【问题描述】:

短版:Kieth Clark 有一个 3D html fps 射击游戏演示。它在 html5 元素上使用 3d 转换来产生 3D 世界体验。这不是虚拟现实。是否有 API 可以立体查看?

我有一个类似的引擎。我想出了一种使用 Cardboard 式查看器、3D 电视/显示器或红色/青色立体眼镜立体查看它的方法。但是,我必须使用一对 iframe,并将“世界”文档的副本加载到每个框架中。

这会使 gpu 上的负载加倍,但是,对于 iframe 和 textareas 等可聚焦项目的变通方法,都需要复制对“世界”的所有更改。这一切都很好,但在没有英国皇家空军明显放慢速度和变得神经质的情况下降低了细节的能力。在移动端的 Firefox 中尤其如此,当然还有 iframe 的安全限制问题。

如果有一个 API 可以仅以立体方式查看和控制 3D html5 页面,而无需显式复制所有内容,这会使事情变得更简单、更高效。

如果有人需要知道的话,我在 Galaxy Note 3 上使用 Google Chrome 作为我的标准级目标设备。

长版(旧):

我有一个使用原生 html5/css3/javascript 编写的 3d 游戏。它主要用于移动设备,并且已经包含一个功能齐全的摄像头系统,能够放大或缩小第一人称、第二人称、头顶等,旋转视图的偏航和俯仰,以及地图上的位置围绕头像等。有没有一种简单的方法可以立体地观看它?它将嵌入到 Android 应用程序中,或者至少通过一个应用程序访问,或者通过 Chrome 作为网络应用程序访问。我认为带有 VR Shell 的 Chrome Dev 将有可能尝试并最终集成到应用程序中。还没有运气。从理论上讲,我只需要能够查看具有 css3 3d 转换的普通 html5 页面。例如,如果您有一个由 div 或其他任何东西组成的 3d 立方体,则可以用两个视角查看它,每只眼睛一个视角,而无需更改页面本身的任何内容。基本上,如果您可以立体地查看页面中的任何 3d 内容,就像 VR Shell 听起来一样,它应该可以工作。我似乎想出的只是如何在 Chrome Dev 中打开标志,但我没有看到任何实际激活它的东西。它已完全重新启动等。该页面已经是 3d 并且功能齐全,具有第一人称或其他方式的方向控制。我似乎找到的只是如何打开它或关于 3d 视频。这可以在不使用所有其他东西的情况下在 Google 的 Studio VR 库中完成吗?我只需要第二个眼球。

【问题讨论】:

  • 请将您的文字墙编辑成可读的段落。

标签: javascript android html css virtual-reality


【解决方案1】:

好的。希望为此存在一个 api,但我的解决方案是制作一个包含两个 iFrame 的父文档,并将带有 3d 转换的文档加载到两个 iframe 中。然后在每个中抵消透视原点约 1%(即一个中的 49% 和另一个中的 51%)。在没有使用设备方向添加 mod 的情况下工作得很好,但 obvi 不适用于鼠标控制。理想情况下,两个 iframed 文档都应该由父文档中的 js 控制。缺点是您必须为每次更改控制两个对象,如果您有输入或文本区域需要专门关注,则会出现复杂情况。解决了所有问题,但这是解决方案的低版本。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-19
    相关资源
    最近更新 更多