如何在 A-Frame 中将 <iframe>s 显示为纹理?
How do I display <iframe>s as a texture in A-Frame?
我想将网页显示为具有 VR 场景的 2D 内容。我可以在 https://aframe.io 的 WebGL/three.js 中使用 <iframe>
元素作为纹理源吗?
没有。目前由于浏览器的限制,<iframe>
s 不能显示在 A-Frame 中,不能用作纹理,也不能与 WebGL 或 WebVR 混合。
虽然可以 overlay an iframe on top of the scene,但它在立体模式 (VR) 下无法正常显示并具有适当的失真,并且无法正确着色。
您不能在 WebGL 中使用 iframe 或任何其他 HTML 元素,因为这会带来安全风险。人们可以从纹理中读取密码和其他私人信息。
但是您可以找到有创意的解决方案 like this one 这是谷歌搜索的第一个结果 "iframe webgl"。
您可以通过将 iframe 放在 webgl canvas 后面,使用 3d 数学 在需要 iframe 显示的地方开一个洞(绘制透明像素)通过使用代表 iframe 的二维平面。然后使用 3D css 定位 iframe 元素以匹配平面。
我想将网页显示为具有 VR 场景的 2D 内容。我可以在 https://aframe.io 的 WebGL/three.js 中使用 <iframe>
元素作为纹理源吗?
没有。目前由于浏览器的限制,<iframe>
s 不能显示在 A-Frame 中,不能用作纹理,也不能与 WebGL 或 WebVR 混合。
虽然可以 overlay an iframe on top of the scene,但它在立体模式 (VR) 下无法正常显示并具有适当的失真,并且无法正确着色。
您不能在 WebGL 中使用 iframe 或任何其他 HTML 元素,因为这会带来安全风险。人们可以从纹理中读取密码和其他私人信息。
但是您可以找到有创意的解决方案 like this one 这是谷歌搜索的第一个结果 "iframe webgl"。
您可以通过将 iframe 放在 webgl canvas 后面,使用 3d 数学 在需要 iframe 显示的地方开一个洞(绘制透明像素)通过使用代表 iframe 的二维平面。然后使用 3D css 定位 iframe 元素以匹配平面。