相关疑难解决方法(0)

WebGL周围有许多抽象用于运行并行处理，例如：

• https://github.com/MaiaVictor/WebMonkeys
• https://github.com/gpujs/gpu.js
• https://github.com/turbo/js

但是我很难理解并行的简单而完整的示例在WebGL的普通GLSL代码中是什么样子。我没有使用WebGL的丰富经验，但我了解到存在片段和顶点着色器，以及如何从JavaScript将其加载到WebGL上下文中。我不知道如何使用着色器或应该使用哪个着色器进行并行处理。

我想知道是否可以演示一个简单的并行添加操作示例，本质上是使用GLSL / WebGL着色器的这种并行形式，但是应该这样做。

var array = []
var size = 10000
while(size--) array.push(0)

for (var i = 0, n = 10000; i < n; i++) {
  array[i] += 10
}

我想我基本上不明白：

1. 如果WebGL 自动并行运行所有内容。
2. 或者，如果有最大数量的并行运行的事物，那么如果您有10,000个事物，但只有1000个并行事物，那么它将连续执行1000次并行10次。
3. 或者，如果您必须手动指定所需的并行度。
4. 如果并行处理进入片段着色器或顶点着色器，或两者都存在。
5. 如何实际实现并行示例。