三Js 渲染问题

ThreeJs rendering issue

本文关键字：问题 Js      更新时间：2023-09-26

我有一个使用ThreeJs开发的应用程序。3d 渲染后我得到空白窗口，但如果我单击全屏或调整窗口大小，我可以看到输出。

屏幕截图 1：http://ghar360.com/ideas/media/issue-with-output

屏幕截图 2：（所需的输出）http://ghar360.com/ideas/media/desired-output

当我移动到新版本的 ThreeJs （ r57 到 r69） 时，这个问题就开始了

不看代码很难分辨，但很可能您必须手动调用 onResize 函数来触发场景/画布初始化。

这是我能为您提供信息的唯一帮助。添加windowresize()函数

    window.addEventListener('resize', onWindowResize, false);
        function onWindowResize() {
              renderer.setSize(container.offsetWidth, window.innerHeight);
              _camera.aspect = container.offsetWidth / window.innerHeight;
              _camera.updateProjectionMatrix();
}
相关文章：