7

我正在尝试以图像为背景重写 Apple Sample GLCameraRipple代码。实际上我正在尝试使用此代码在水图像上创建波纹效果，但代码适用于相机，相反我只想使用简单的水图像作为背景而不是相机。任何方向或任何示例代码都会有很大帮助。提前致谢。

4

1 回答 1

10

相机涟漪效果的工作方式是它使三角形网格上的纹理坐标变形——所以好消息是您想要的效果与视频纹理完全不同；他们的纹理恰好是一个视频。要完成您想要的，您所要做的就是删除所有相机视频代码，并绑定您自己的纹理。

因此，在 viewDidLoad 中，您将注释掉[self setupAVCapture]，然后在 SetupGL 中注释掉两个纹理制服，因为您只会使用一个（两行是glUniform1i(uniforms[UNIFORM_Y], 0);, glUniform1i(uniforms[UNIFORM_UV], 1);），然后创建并绑定您自己的纹理。

GLKit 是完成此类工作的最快方法。GLKit 对你隐藏了很多 OpenGL 函数调用，但是非常快速和有效。

//create the GLKTextureInfo object
NSError *error;
NSDictionary *options = [NSDictionary dictionaryWithObject:[NSNumber numberWithBool:YES] forKey:GLKTextureLoaderOriginBottomLeft];
GLKTextureInfo *texture = [GLKTextureLoader textureWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"image" ofType:@"png"] options:options error:&error];
if (error) NSLog(@"Ripple FRONT TEXTURE ERROR: %@", error);

//bind the texture to texture unit 0
glActiveTexture(GL_TEXTURE0);
glBindTexture(texture.target, texture.name);
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);

现在您丢失了 setupAVCapture 中包含的一些非常重要的设置。所以把它放在viewDidLoad中上面的代码之后：

if (_ripple == nil ||
    texture.width != _textureWidth ||
    texture.height != _textureHeight)
{
    _textureWidth = texture.width;
    _textureHeight = texture.height;

    _ripple = [[RippleModel alloc] initWithScreenWidth:_screenWidth
                                          screenHeight:_screenHeight
                                            meshFactor:_meshFactor
                                           touchRadius:5
                                          textureWidth:_textureWidth
                                         textureHeight:_textureHeight];

    [self setupBuffers];
}

最后，您必须稍微更改片段着色器。

打开 Shader.fsh 并将 main 函数更改为：

void main()
{
    gl_FragColor = texture2D(SamplerY, texCoordVarying);
}

无论如何，应该这样做。尝试 RippleModel 并看看你能做出什么样的怪异效果非常有趣。

于 2012-10-06T02:45:01.880 回答