webgl-matrix-demo:Javascript 与 WebGL 中的高性能矩阵乘法

webgl-矩阵-演示 利用 WebGL 的高性能矩阵乘法。 WebGL 提供了一种在 Web 浏览器中通过 Javascript 访问图形卡上的高性能硬件的方法。 顶点着色器用于提供顶点信息。 对于这个演示，顶点着色器简单地通过由 Javascript 代码渲染的两个三角形的顶点。 片段着色器更有趣一些。 在绘制的每个像素上调用片段着色器。 这允许我们对目标图像中的每个像素进行计算。 在这种情况下，它只是一个简单的矩阵乘法项。 为了获得片段着色器的源矩阵，我们将它们编码为纹理中的浮点数据。 如果支持浮动纹理，那么这很容易，我们只需将文本的红色通道设为左侧矩阵，将蓝色通道设为右侧矩阵。 对于不支持浮点纹理的 GPU，我们使用两个 RGBA 纹理并在每个 texel 中可用的 4 个字节中传递 32 位浮点数据。 计算完成后，我们提取字节并获得矩阵乘积。 在 Radeon 68