如何在WebGL中检查或转储纹理内容?

如何在WebGL中检查或转储纹理内容?,webgl,Webgl,我正在尝试在WebGL中使用浮点纹理实现一个计算,它涉及多个步骤,在每个步骤之间切换输出纹理。这并不完全出乎意料,我最初的实现结果是一个简单的黑屏 有没有办法在WebGL中转储纹理的内容,或者以任何其他方式检查它?在这种情况下,这将非常有用,可以逐步完成计算并检查纹理的内容是否正确 我尝试了一些我发现的WebGL调试工具,但它们要么没有这种功能,要么不再像Chrome Canvas Inspector那样存在。我知道我可以很难做到这一点,重写代码以在不同的步骤停止,将输出渲染为颜色,将结果保存到

我正在尝试在WebGL中使用浮点纹理实现一个计算,它涉及多个步骤,在每个步骤之间切换输出纹理。这并不完全出乎意料,我最初的实现结果是一个简单的黑屏

有没有办法在WebGL中转储纹理的内容,或者以任何其他方式检查它?在这种情况下,这将非常有用,可以逐步完成计算并检查纹理的内容是否正确


我尝试了一些我发现的WebGL调试工具,但它们要么没有这种功能,要么不再像Chrome Canvas Inspector那样存在。我知道我可以很难做到这一点,重写代码以在不同的步骤停止,将输出渲染为颜色,将结果保存到图像中,然后再次提取值,但我希望有一种更简单、更方便的方法

要读取子结果之一,您可以尝试:
readPixels

或者
texImage2D
,它是重载的,并且是更大的“纹理对象接口”的一部分。一个签名的行为几乎与
readPixels

然后可以将数据作为二进制数据从javascript读取。但我想这是你不想要的艰难的方式

可能重复的