利用 OpenGL ES 给视频播放器和相机做个字符画滤镜

该原创文章首发于微信公众号：字节流动

最后不少朋友问，“OpenGL ES 入门后怎么学习写一些滤镜？”，“怎么学习 shader ？”。

最近请教了一些大佬，他们一致认为正确的做法就是“去模仿”。先去模仿别人的滤镜怎么实现的，比如观察抖音的一些简单的滤镜，然后自己琢磨去实现一个。

当然，最有效率的方法是研究一些相关的开源项目，比如大名鼎鼎的 android-gpuimage 项目，该项目基本上实现了各种常见滤镜，上手容易，学习 shader 、熟悉 GLSL 或者对 OpenGL 滤镜感兴趣的同学，可以研究下。

顺便说下，最近看了一个项目叫 android-gpuimage-plus ，主要讲是 Native 层实现的滤镜，有一些比较不错的思路可以参考下。

之前有一位朋友发了一副表情画滤镜的效果图，就是利用不同的表情去替换不同的像素，生成一副由表情组成的图像。表情画滤镜的原理其实跟字符画相同，只是字符换成了表情。

由于那副效果图不方便展示，这里就介绍下字符画的实现原理，利用一个 shader 来实现字符画效果。

字符画滤镜原理

字符画滤镜其实跟 LUT 滤镜是同一个原理，本质上就是查表，像素替换。

实现字符画滤镜，首先想到的法子是，对图像进行逐像素替换成字符（一个字符实际上是由多个像素组成的小图片）。

逐像素替换会有两个问题：

1. 一个像素有 RGB 24