Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Performance 希望优化webgl中线条的渲染(使用three.js库)_Performance_Three.js_Webgl - Fatal编程技术网

Performance 希望优化webgl中线条的渲染(使用three.js库)

Performance 希望优化webgl中线条的渲染(使用three.js库),performance,three.js,webgl,Performance,Three.js,Webgl,最近开始学习webGL并决定使用Three.js库 目前,除了渲染超过100K的立方体外,我还尝试渲染这些立方体之间的线条(超过100K) 当我尝试绘制线而不是立方体时,会出现渲染问题。渲染100k立方体的速度相对较快。即使渲染那些100K+的线条也相对较快,但当我尝试使用轨迹球控件进行缩放/平移时,FPS几乎降到0 为了提高应用程序的性能,我搜索了StackOverflow和其他各种网站。我使用了合并几何体技术、延迟渲染线条(基本上是使用js中的超时一次渲染x个立方体/线条),并调整线条的外观

最近开始学习webGL并决定使用Three.js库

目前,除了渲染超过100K的立方体外,我还尝试渲染这些立方体之间的线条(超过100K)

当我尝试绘制线而不是立方体时,会出现渲染问题。渲染100k立方体的速度相对较快。即使渲染那些100K+的线条也相对较快,但当我尝试使用轨迹球控件进行缩放/平移时,FPS几乎降到0

为了提高应用程序的性能,我搜索了StackOverflow和其他各种网站。我使用了合并几何体技术、延迟渲染线条(基本上是使用js中的超时一次渲染x个立方体/线条),并调整线条的外观,以需要最短的渲染时间

在构造线条时,是否有其他方法不影响渲染/fps?我正在构建一组线,然后将其添加到场景中。但是,有没有一种方法可以与线合并呢?我应该使用不同的对象来构建我的线条吗

我只是觉得奇怪,我可以很容易地渲染/平移/缩放/保持高fps,拥有超过100k的立方体,但使用线条(除了点之外,这是最基本的几何形式),一切都崩溃了

您已经找到(困难的方法)图形芯片供应商将重点放在他们的Desive驱动程序上的地方。但这在3D图形中是意料之中的,因为线(是的,最基本的几何体)在我的许多游戏中都没有使用,所以它们不像多边形那样受到太多的关注。您可以查看示例webgl_buffergeometry_lines.html,它可能是绘制线条的更快方法