【问题标题】:How to embed a HTML page in webvr如何在 webvr 中嵌入 HTML 页面
【发布时间】:2019-02-26 14:37:29
【问题描述】:

我已经浏览了链接“http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/”,
但我不需要添加纹理,而是需要像网页一样进行交互。这样我也可以去玩内页了。

【问题讨论】:

    标签: three.js webgl aframe virtual-reality webvr


    【解决方案1】:

    来自A-FrameFAQ

    浏览器无法直接在 WebGL 中显示 HTML 或 iframe。虽然可以在画布上叠加 HTML 元素或 iframe,但它们不会显示在 VR 中,也无法与场景集成。

    不过,我们可以将基本的 HTML 和 CSS 渲染为没有交互性的纹理。我们可以在画布上绘画并将画布用作纹理的来源。生态系统中有一些组件可以实现这一点:

    HTML Shader

    【讨论】:

      【解决方案2】:

      据我所知,你不能。 VR 需要将 2 个摄像机视图渲染到屏幕外缓冲区。另一方面,浏览器仅将其 UI 呈现到前端缓冲区,并且仅呈现一个视图。您也许可以找到一些通过 webGL 模拟/呈现 html 子集的 shim 库,但我还没有真正遇到过这样的事情。

      如果您正在做一个自定义的独立应用程序,您也许可以通过其他方式解决它。

      【讨论】:

      • @KrzysztofBociurko 是的,我们可以使用HTML2Canvas,但这将不允许用户与页面进行交互。它将做什么将图像镜像到平面。
      猜你喜欢
      • 2019-05-13
      • 1970-01-01
      • 1970-01-01
      • 2010-09-22
      • 2010-09-13
      • 2018-04-01
      • 1970-01-01
      • 2015-12-22
      相关资源
      最近更新 更多