如何解决热插拔 3d 框架
我正在处理的 AR 项目要求我在 .hcap 体积视频场景和交互式游戏场景之间来回转换几次。我在 .hcap 场景中使用 8th wall /three.js (HolovideoObject),并且想在游戏场景中使用 Playcanvas。我需要在同一网页上交换场景的原因是客户端不希望用户多次请求相机权限。在将 html/js 注入 body 来交换场景之前,我先调用这个清理函数:
const cleanUpScene = (scene) => {
switch(scene) {
case SceneType.HCAP:
XR8.stop()
const {scene,camera,renderer} = XR8.Threejs.xrScene()
renderer.xr.dispose()
renderer.dispose()
XR8.clearCameraPipelineModules()
$('#cameraFeed').remove()
break
case SceneType.Game:
XR8.PlayCanvas.stopXr()
pc.app.destroy()
XR8.clearCameraPipelineModules()
$('#application-canvas').remove()
$('#cameraFeed').remove()
break
default:
break;
}
}
我能够成功交换场景,但在多次交换后我收到以下错误消息:
> There are too many active WebGL contexts on this page,the oldest context will be lost.
...
> TypeError: null is not an object (evaluating 'A.TEXTURE_2D')
第二个错误发生在第一个错误发生几次之后。我看过一些帖子推荐在 WebglrenderingContext 上调用 lossContext()。我试过添加:
const cleanUpScene = (scene) => {
switch(scene) {
case SceneType.HCAP:
...
renderer.xr.dispose()
renderer.getContext().getExtension('WEBGL_lose_context').loseContext()
renderer.dispose()
...
break
case SceneType.Game:
...
XR8.PlayCanvas.stopXr()
pc.app.graphicsDevice.gl.getExtension('WEBGL_lose_context').loseContext()
pc.app.destroy()
...
break
default:
break;
}
}
经过几次交换后,添加它会导致在上面列出的 2 个之间出现新的错误消息:
> WebGL: INVALID_OPERATION: loseContext: context already lost
我的猜测是,即使画布元素已被销毁,某些东西仍然保留对 WebglrenderingContext 的引用。
有没有人对正在发生的事情以及如何解决这个问题有任何想法?感谢您阅读所有内容,并提前感谢您提出任何建议。
解决方法
不幸的是,唯一适用于我的用例的解决方案是完全破坏 web gl 上下文和关联的 3d 框架的应用程序实例。上面的“上下文已经丢失”错误已在 8th wall 的版本 v16.1.4.1227 中修复。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。