BabylonJS 场景切换卡顿

Question

Live Demo

我想在介绍动画的 2 个复杂场景之间切换。两个场景都从 .gltf 或 .babylon 文件加载并包含相机运动。

我遇到的问题是，当我从场景 1 切换到 2 时，在下一个场景动画开始之前会出现冻结/卡顿。一旦场景被渲染，场景的切换将照常进行。可能很难发现，但第一次转换和后续转换之间肯定存在差异。

我尝试在加载场景后立即使用scene2.render();，它有一点帮助，但它也让第一个场景在尝试渲染两个场景时出现卡顿。有什么我可能会错过的吗？我找不到在网上运行良好的场景切换介绍示例。只有相机开关，但这不是我想要的。

Answer 1

这是因为需要编译第二个场景的着色器（因为它们可能与第一个场景中使用的不同）。

Babylon.js v4 将支持并行着色器编译，但这并不适用于所有浏览器。

最好的选择可能是事先强制编译：

scene1.meshes.forEach(mesh => {
            mesh.material.forceCompilation(mesh);
        });