我正在尝试在 iOS 下的 OpenGL ES 中加载纹理。这是我正在采取的方法:
- 解析一个 obj,从中我得到位置、正常和 texcoord 属性。
- 仅启用(对于此测试)着色器的位置和 texcoords。
- 通过采样器 0 将任意 512x512 png 转换为 raw 并将其加载到 GL。
- 在顶点着色器中,仅在规范体积/剪辑空间中返回 gl_Position,同时将 texcoords 传递给片段着色器。
- 在片段着色器中,将来自 texture2d 的查找分配给 gl_FragColor。
纹理文件:t1.png:
渲染结果:
显然没有纹理映射到立方体上。尽管我从 texture2D() 中获得了一些价值,因为正如您所见,在着色器中没有传递或处理光照或颜色......我的猜测是我以某种方式搞砸了我认为我正在转换的方式png 到原始缓冲区以传递到纹理内存。
这是 obj 文件。一个测试立方体:
# Blender v2.63 (sub 0) OBJ File: ''
# www.blender.org
mtllib cube2.mtl
o Cube
v 1.000000 -1.000000 -1.000000
v 1.000000 -1.000000 1.000000
v -1.000000 -1.000000 1.000000
v -1.000000 -1.000000 -1.000000
v 1.000000 1.000000 -0.999999
v 0.999999 1.000000 1.000001
v -1.000000 1.000000 1.000000
v -1.000000 1.000000 -1.000000
vt 0.000000 0.000000
vt 1.000000 0.000000
vt 1.000000 1.000000
vt 0.000000 1.000000
vn 0.000000 -1.000000 0.000000
vn 0.000000 1.000000 0.000000
vn 1.000000 0.000000 0.000000
vn -0.000000 -0.000000 1.000000
vn -1.000000 -0.000000 -0.000000
vn 0.000000 0.000000 -1.000000
usemtl Material
s off
f 1/1/1 2/2/1 3/3/1
f 1/1/1 3/3/1 4/4/1
f 5/1/2 8/2/2 7/3/2
f 5/1/2 7/3/2 6/4/2
f 1/1/3 5/2/3 6/3/3
f 1/1/3 6/3/3 2/4/3
f 2/1/4 6/2/4 7/3/4
f 2/1/4 7/3/4 3/4/4
f 3/1/5 7/2/5 8/3/5
f 3/1/5 8/3/5 4/4/5
f 5/1/6 1/2/6 4/3/6
f 5/1/6 4/3/6 8/4/6
然后是解析 obj 并创建数据结构的代码 - 法线被正确解析。然后,相关的代码片段是:
确保在链接期间绑定位置和 texcoords:
// Attach vertex shader to program.
glAttachShader(_program, vertShader);
// Attach fragment shader to program.
glAttachShader(_program, fragShader);
// Bind attribute locations.
glBindAttribLocation(_program, 0, "position");
glBindAttribLocation(_program, 1, "tCoordinates");
顶点着色器(只是将 texcoords 传递给片段着色器):
uniform mat4 modelViewProjectionMatrix;
uniform mat3 normalMatrix;
attribute vec4 position;
attribute vec2 tCoordinates;
varying highp vec2 tCoordinatesVarying;
void main()
{
tCoordinatesVarying = tCoordinates;
gl_Position = modelViewProjectionMatrix * position;
}
片段着色器,它“应该”从加载的纹理中获取 vec4 并仅将其作为片段颜色传递:
uniform sampler2D s_texture;
varying highp vec2 tCoordinatesVarying;
void main()
{
gl_FragColor = texture2D(s_texture, tCoordinatesVarying);
}
以及设置代码,预绘图,在设置顶点属性以及纹理和纹理单元/采样器绑定的应用程序中:(暂时忽略我不释放CG对象)
NSString* path = [[NSBundle mainBundle] pathForResource:@"t1.png" ofType:nil];
NSData* texData = [NSData dataWithContentsOfFile:path];
UIImage* image = [UIImage imageWithData:texData];
GLuint width = CGImageGetWidth(image.CGImage);
GLuint height = CGImageGetHeight(image.CGImage);
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
void* imageData = malloc(height*width*4);
CGContextRef context = CGBitmapContextCreate(imageData, width, height, 8, 4*width, colorSpace, kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Host);
CGContextClearRect(context, CGRectMake(0, 0, width, height));
CGContextDrawImage(context, CGRectMake(0, 0, width, height), image.CGImage);
CGContextRelease(context);
[EAGLContext setCurrentContext:self.context];
[self loadShaders];
glEnable(GL_DEPTH_TEST);
glPixelStorei(GL_UNPACK_ALIGNMENT, 4);
glActiveTexture(GL_TEXTURE0);
glGenTextures(1, &_textureId);
glBindTexture(GL_TEXTURE_2D, _textureId);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, imageData);
int loc = glGetUniformLocation(_program, "s_texture");
glUniform1i(loc, 0);
glGenVertexArraysOES(1, &_vertexArray);
glBindVertexArrayOES(_vertexArray);
glGenBuffers(1, &_vertexBuffer);
glBindBuffer(GL_ARRAY_BUFFER, _vertexBuffer);
glBufferData(GL_ARRAY_BUFFER, vboData->vertexAttributesSize, vboData->vertexAttributes, GL_STATIC_DRAW);
glEnableVertexAttribArray(GLKVertexAttribPosition);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, vboData->vertexAttributesStride,vboData->vPositionOffset);
glEnableVertexAttribArray(GLKVertexAttribTexCoord0);
glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, vboData->vertexAttributesStride,vboData->vTCoordinatesOffset);