Opengl ES之踩坑记

前因

最近在尝试使用Opengl ES实现一些LUT滤镜效果，在实现这些滤镜效果的时候遇到一些兼容性的坑，踩过这些坑后我希望把这几个坑分享给读者朋友们，
希望同在学习Opengl ES的朋友们能少走弯路。

关于LUT滤镜相关的介绍，也是这个Opengl ES系列入门教程的一项内容，在后面的文章中会专门介绍，这里暂时不展开讲解，后续大家敬请期待。

踩坑详情

1、着色器编译报错

有以下这个片元着色器，在其他手机上正正常编译，但是在华为鸿蒙系统上却编译报错：

#version 300 es 
precision mediump float;
in vec2 TexCoord;
uniform sampler2D ourTexture;
uniform sampler3D textureLUT;
out vec4 FragColor;
void main()
{
vec4 color = texture(ourTexture, TexCoord);
FragColor = texture(textureLUT,color.rgb);
}

报错内容：

no default precision defined for variable 'textureLUT'

很明显说是没有声明精度的问题，然后在第二行不是已经使用precision mediump float;声明了精度了吗？是的，这已经声明了精度，但是这个声明的精度是针对float类型的，
针对sampler3D类型的精度并没有声明，因此我们只需要声明以下sampler3D的精度问题即可。下面是经过修改过的正确的着色器代码：

#version 300 es
precision mediump float;
in vec2 TexCoord;
uniform sampler2D ourTexture;
// 华为手机上必须加上highp，否则报错no default precision defined for 
uniform mediump sampler3D textureLUT;
out vec4 FragColor;
void main()
{
vec4 color = texture(ourTexture, TexCoord);
FragColor = texture(textureLUT,color.rgb);
}

2、glTexImage3D报错GL_INVALID_OPERATION

使用以下代码上传3DLut的cube纹理数据时，部分手机能正常工作，但是同样在华为鸿蒙的手机上却报错，使用函数glGetError()获取到的错误是GL_INVALID_OPERATION。

        GLES30.glTexImage3D(GL_TEXTURE_3D,0,GL_RGB,size, size, size,0,GL_RGB,GL_FLOAT,lutBuffer);

后来经过查阅资料发现是使用函数glTexImage3D时的第三个参数传递错误所致的，将第三个参数GL_RGB改为GLES30.GL_RGB16F即可，正确的代码如下：

    GLES30.glTexImage3D(GL_TEXTURE_3D,0,// 鸿蒙等要用GLES30.GL_RGB16F, 小米等其他手机可用GL_RGBGLES30.GL_RGB16F,size, size, size,0,GL_RGB,GL_FLOAT,lutBuffer);

GLES30.GL_RGB16F格式是浮点帧缓冲的相关内容，当帧缓冲使用了一个标准化的定点格式(像GL_RGB)为其颜色缓冲的内部格式，OpenGL会在将这些值存入帧缓冲前自动将其约束到0.0到1.0之间。
当一个帧缓冲的颜色缓冲的内部格式被设定成了GL_RGB16F,GL_RGBA16F,GL_RGB32F或者GL_RGBA32F时，这些帧缓冲被叫做浮点帧缓冲(Floating Point Framebuffer)，浮点帧缓冲可以存储超过0.0到1.0范围的浮点值。

Opengl ES系列入门介绍

Opengl ES之EGL环境搭建
Opengl ES之着色器
Opengl ES之三角形绘制
Opengl ES之四边形绘制
Opengl ES之纹理贴图
Opengl ES之VBO和VAO
Opengl ES之EBO
Opengl ES之FBO
Opengl ES之PBO
Opengl ES之YUV数据渲染
YUV转RGB的一些理论知识
Opengl ES之RGB转NV21

关注我，一起进步，人生不止coding！！！