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

Question

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

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

Answer 1

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

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

您可能可以从读取 .DDS 文件的 three.js 中读取此代码，作为下载二进制文件并从中读取纹理的示例。