如何用Image作为背景重写GLCameraRipple示例？

Question

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

Answer 1

相机涟漪效果的工作方式是它在三角形网格上变形纹理坐标 - 所以好消息是你想要的效果与视频纹理完全分开; 他们的纹理恰好是一个视频。 要完成你想要的，你所要做的就是删除所有的摄像机视频代码，然后绑定你自己的纹理。

所以在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非常有趣，看看你可以做出什么样的打击效果。