周子伟

在我的上一篇文章Android OpenGL ES 2.0 手把手教学（1）- Hello World!中，我们渲染了一个三角形，现在我们来看看怎么渲染2个三角形。 大家可以画个图看一看，就知道为什么这些顶点是在屏幕左上角和右下角分别有一个三角形了。

修改后，gl_FragColor不再是一个固定值，而是一个类型为varying的颜色值v_Color，varying类型变量是一种经过插值后得到的变量，我们可以看到vertex shader中也声明了同样的varying vec4 v_Color，然后将a_Color赋给v_C…

在之前的例子中，我们都使用到了顶点着色器vertex shader，但只是简单地用了一下，把输入的顶点坐标又原样地输出了，没有做任何操作，这篇文章给大家介绍如何在vertex shader做顶点变换。 这张图展示了我们调用OpenGL的drawXXX()方法后执行的流程，我们传…

今天给大家介绍OpenGL ES 3.0的shader中一些新关键字的特性，我们与OpenGL ES 2.0的shader作对比来看看这些新特性。 另外，我们还能看到之前的attribute、varying关键写变成了in和out，这比较容易理解，在OpenGL ES 2.0中…

GL_TRIANGLE_STRIP的效果就像它名字一样，是带状的，它构成三角形的规则和顶点编号的奇偶有关，如果当前顶点编号是奇数，则三角形顶点顺序是k-1, k-2, k， 如果顶点数量是偶数，则三角形顶点顺序为k-2, k-1, k，这是什么意思呢？我们对照上图来看，对于2号…

在前面的例子中，我们渲染的都是一些比较简单的颜色，如果我们要渲染一张图片，该怎么做呢？这就需要用到纹理，我们需要创建一个纹理并把图片加载到纹理中，然后在fragment shader中对纹理进行采样，从而将纹理渲染出来。 关键点是uniform sampler2D u_text…

frame buffer，即帧缓存，顾名思义，它就是能缓存一帧的这么个东西，它有什么用呢？大家回想我们之前的教程，我们都是通过一次渲染把内容渲染到屏幕（严格来说是渲染到GLSurfaceview上），如果我们的渲染由多个步骤组成，而每个步骤的渲染结果会给到下一个步骤作为输入，那…

这样一方面会占用多个纹理单元，另一方面一旦shader定了，里面支持的纹理数量也就定了，不利于各种数量的纹理，除非自己去生成shader。 我们先来看fragment shader，可以看到，sampler2D变成了sampler2DArray，表示它是一个数组，然后使用的时候…

一个是因此每次渲染都要复制一次，因此内存中的顶点数据要一直留着，不然复制的时候就没有数据来复制了。 另一个是如果顶点数据量大的时候，每次渲染都做这样的一次复制，性能上会有问题，我们的例子中，顶点算是非常少的，那什么时候顶点会多呢？例如做一些形变效果时，往往会划分网格，一般来说划…