javascript - WebGL 和两个图像大小的力量

Question

我想使用 WebGL 制作一个 Flickr 照片流的小型 3D 画廊。看起来 WebGL 只允许将尺寸为 2 的幂的方形图像用作纹理。我需要能够显示任何比例和尺寸的图像。我可以看到，如果我将图像数据复制到另一个最近的方形尺寸的图像中，然后使用纹理坐标使其正确显示。问题是，如果我错了，请纠正我，我不能在 JavaScript 中进行图像处理，并且需要一个运行 ASP.NET、Java 或类似软件的服务器来为我进行处理，然后 WebGL 才能得到它的手在上面。

有没有一种方法可以在 WebGL 和 JavaScript 中使用任意大小的图像而不需要服务器充当中间人图像处理器？

Answer 1

我对 npot 纹理(FF 和 chrome)没问题，前提是你执行:

texParameteri(TEXTURE_2D, TEXTURE_MAG_FILTER, LINEAR);
texParameteri(TEXTURE_2D, TEXTURE_MIN_FILTER, LINEAR);
texParameteri(TEXTURE_2D, TEXTURE_WRAP_S, CLAMP_TO_EDGE);
texParameteri(TEXTURE_2D, TEXTURE_WRAP_T, CLAMP_TO_EDGE);