javascript - 三.JS异步处理几何

标签 javascript asynchronous three.js

我正在开发一款从服务器接收地形数据的网络游戏。

收到数据后,我的代码构建了一个具有 100x100 段的 PlaneGeometry

将地形添加到场景时,该过程会使整个网站卡住片刻,通常约为一两秒。

是否可以让这个过程异步,让游戏体验更流畅?

如果是,可以做什么?

不需要代码示例。

最佳答案

嗯,是的,但这取决于您自己想办法。最有可能发生的原因是 THREE.WebGLRenderer 通过 gl.bufferData() 向 GPU 传输,您可能同时获得大量几何图形,这进程锁定浏览器。您可以尝试在收到它时将其分解并以较小的批处理将其添加到场景/对象中。

这发生在您第一次调用 render() 时,同时具有图形中渲染器尚未遇到的新几何体。

关于javascript - 三.JS异步处理几何,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43888741/

相关文章:

javascript - 动态加载 threejs 到 create react app

html - 将 Three.js 场景与网页结合作为背景

javascript - 单击按钮时调整窗口大小?

javascript - JavaScript 中的动态内容

asynchronous - 使用 io 完成端口时,WriteFile 是否立即在完成时发布完成数据包

javascript - 服务器测试中如何处理setInterval

3d - Blender - Three.js - 导出/导入网格看起来很丑

javascript - `.load`完成后执行函数

javascript - Gulp JS 不输出 CSS 文件

c++ - Boost.Asio - 不执行所有处理程序