在 WebGL 中使用 ppm 文件进行纹理映射

Question

我正在尝试在我的 WebGL 程序中使用 .ppm 图像进行纹理映射。如何在 WebGL 中读取 .ppm 图像文件以进行纹理映射？阅读后，如何在我的 javascript WebGL 程序中使用它？它与读取 .jpeg 或 .gif 文件的过程相同吗？谁能解释一下？

我知道 ppm 是未压缩的图像格式，因此阅读它可能应该是逐像素的，但我仍然不清楚如何在 JavaScript 中为 WeBGL 执行此操作。

Answer 1

一个更好的问题是为什么？我的建议是将它们批量转换为 .PNG 或 .JPG，以便浏览器为您加载它们。

但是，如果您想继续使用它，您必须创建一个XMLHttpRequest 才能下载它们。标记您希望XMLHttpRequest 转换为二进制的请求。然后，您将拥有二进制文件。您现在可以将其解析为 TypedArray 并将 TypedArray 传递给 gl.texImage2D

您也许可以以read through this code from three.js that reads .DDS files 为例，下载二进制文件并从中读取纹理。