iOS+OpenGL ES 2.0：如何将片段着色器与精灵类结合起来？

Question

我目前正在为我的移动 iOS 应用（XCode6、iOS 7.1-8.4、OpenGL ES 2.0）制作动画背景壁纸。目标是在每个视图控制器中显示渐变背景（从浅蓝色到深蓝色）和一些从屏幕底部移动到屏幕顶部的气泡 (*.png)。

泡泡精灵（图 1）

对于气泡，我采用了Ray Wenderlich tutorial on making a 2D-game with OpenGL ES（即Sprite-Class）的一部分。这也适用于它自己。

渐变背景（图 2）

我使用片段着色器 (took some code snippets from this tutorial) 解决了渐变问题。这对它自己来说很好。

问题

因此，目前渐变是通过片段着色器和气泡精灵使用 GLKBaseEffect 实现的。但是当随后调用这两个绘图函数时，它只显示一个或另一个。着色器中混杂了一些东西。

• 如何将自定义片段着色器与 GLKBaseEffect 结合使用？
• 或者如何用自定义着色器替换 GLKBaseEffect（以便将 2D 纹理显示为精灵？

这是问题和目标的说明：

请查看我的示例应用程序（我将其归结为基本部分）：

下载链接示例应用程序：AnimatedBackground.zip

以下是所涉及类的简短说明：

• Sprite.m：这是一个包装器，用于从 *.png 文件加载和绘制纹理（加上 SRT、alpha 混合等）

• BaseShader.m：这是加载和应用着色器文件（Base.vsh 和 Gradient.fsh）的包装器

• WallpaperController.m：这是 GLKViewController 的子类，我将用作所有 UIViewController 的基类。我将 Sprite 和 Shader 实例定义为静态的，因为我想为我的所有视图控制器拥有一个唯一的实例（气泡的动画应该在视图控制器之间转换时不断移动）。

• Toolkit.h：一些辅助函数（随机整数等）

Answer 1

其实你只需要添加语句

[self configureOpenGLES];

在BaseShader 中- (void)renderInRect:(CGRect)rect atTime:(NSTimeInterval)time; 的开头。否则，在调用精灵渲染后，您将使用 GLKBaseEffect 隐式提供的设置，而不是使用从自定义着色器编译的程序对象。