javascript - 渲染数百万个元素的最佳 WebGL 框架

标签 javascript frameworks webgl

我是 webGL 新手,想要开始一个项目。我有工程数据,其中有很多元素和点。

请帮助我选择最适合我的框架。

  1. 元素(以百万计)
  2. 渲染质量,阴影不重要也不聚焦
  3. 可以支持定义实体元素或自定义实体元素类型

如果由于任何限制而无法满足我的要求,那么我最好的选择是什么?

最佳答案

此问题尚未被提出here 。我之所以回答这个问题,是因为您还要求提供更多详细信息。

在考虑框架之前,可以显示的“元素”数量和渲染质量仅受硬件限制。

<强>1。元素(以百万计)

对于普通观众,不要计划渲染超过 1-200 万。请参阅some potree examples您可以在其中更改积分数量。对于这个数量,GL 中的主要可用功能是POINTS,它们是一种 Sprite ,面向相机的 2D 平面。您可以在上面画任何您想要的东西,但请记住它们不是体积。它是原生 GL 功能,因此您可以使用或不使用任何库来实现它。

<强>2。渲染质量

您可能指的是不同的方面:

  • 帧速率:这是每个 webgl 应用程序的第一个挑战,保持最高帧速率(60 到 70FPS,具体取决于屏幕)。这主要取决于您要求的 CPU-GPU 计算。
  • 抗锯齿:这是 webgl API 的原生功能。但它使用大量资源,开发人员用来禁用它。
  • 专业人士可以实现更高级别的渲染功能,但如果不严重降低帧速率,则无法在普通设备上运行。

因此,对于此列表,如果您不设置抗锯齿,则您的帧速率是您需要担心的唯一“质量”参数。它几乎只取决于您的程序所要求的 CPU-GPU 计算。如果您使用成熟的库,则几乎不会增加它们。

<强>3。可以支持定义实体元素或自定义实体元素类型

人们对使用“框架”产生了兴趣,它们最初是 javascript 库,其中一些看起来像在线 3D 编辑器:

后者是最完整、最积极支持、记录和使用的,如 docs , stackoverflow taggithub repository证明。

  • 要使用 WebGL 进行快速设置(以及更多),可以使用在线 3D 编辑器,例如 Clara.io让你发现它。

关于javascript - 渲染数百万个元素的最佳 WebGL 框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32463479/

相关文章:

css - 如何在 CSS 自定义片段着色器中正确声明变量?

javascript - bootbox.js -> 仅当条件为 true 时才在 bootbox.dialog() 中显示按钮

java - 我正在寻找java web框架

swift - Cocoapod podspec 上的预处理器标志

ios - 使用迦太基时调试(拥有)框架

rotation - webgl 旋转四边形看起来不正确

javascript - Canvas 图像调整大小/scew/dnd

php - 如何在 JavaScript 中使用按钮 onclick 事件在 div 中加载 php?

javascript - 合并对象数组内的两个对象

javascript - Array.prototype.filter() 的就地替代方法是什么