这门课解决什么工作场景
这门课的核心价值在于“去黑盒化”。市面上很多特效是封装好的 SDK,但这门课从 OpenGL 底层原理出发,解决的是如何在没有高级滤镜库的情况下,手写 Shader 实现定制化视频效果。它覆盖了三个典型的职场应用场景:首先是实时视频渲染,解决如何将外部视频流高效映射到纹理并显示;其次是图像处理算法落地,包括模糊、素描、黑白滤镜以及专业的 3DLUT 调色;最后是 AI 结合图形学,利用人脸关键点数据实现大眼、瘦脸等实时美颜特效。对于想从事短视频工具开发、直播推流技术或图形图像算法工程师的读者来说,这是补齐底层能力的稀缺课程。
适合什么基础、建议先看哪几块
本课程有明确的门槛,要求读者具备 C++ 或 Java/Kotlin 编程基础,并熟悉线性代数中的矩阵变换概念,以及对 GPU 渲染管线有基本认知。如果是纯前端出身但无图形学经验,直接上手会非常痛苦。建议的学习顺序严格遵循由浅入深的逻辑:
- 第一阶段(基础夯实):优先学习第 11 章,重点理解“基于外部纹理渲染视频”的原理。这是所有后续特效的渲染载体,如果这里没通,后面的特效都无从谈起。
- 第二阶段(核心突破):集中攻克第 12 章和第 13 章。第 12 章通过 Kernel 算子讲解模糊、素描等经典特效,第 13 章讲解擦除、放大、百叶窗等转场动画。这两章是 Shader 编程的肌肉记忆训练,必须吃透数据如何从 CPU 传递到 GPU。
- 第三阶段(AI 进阶):最后接触第 14 章。因为引入了 MLKit 人脸识别库,涉及人脸关键点坐标的获取与映射,技术栈跨度大,建议在 Shader 基础牢固后再挑战。
学完能独立做什么、资料怎么用
系统学完并动手实践后,你将具备独立开发移动端视频滤镜引擎的能力。你不再依赖现成组件,而是能根据产品需求,从零编写 Vertex 和 Fragment Shader,实现如 Instagram 风格调色、抖音式实时美颜等复杂效果。配套的视频资料是本课程的灵魂,其中包含了大量的代码调试过程和 Bug 排查细节,文字文档无法替代。建议采用“先原理后实战”的方式配合资料:先看算法讲解视频理解数学逻辑,再看 Shader 编写视频动手敲代码,最后看调试演示验证效果。特别是第 14 章的美颜部分,务必跟随视频完成面部网格的变形调试,才能真正掌握 AI 与图形学结合的工程落地方法。
课程目录
📁 {14}--第14章 特效进阶实战五:如何基于AI实现各种美颜特效? [14.12]--14-12 实现瘦脸特效-调试并展示效果.mp4
[15.3 MB] [14.11]--14-11 实现瘦脸特效-向Shader中传递数据.mp4
[61.7 MB] [14.10]--14-10 实现瘦脸特效-编写Shader程序.mp4
[56.3 MB] [14.9]--14-9 实现瘦脸特效-原理与算法.mp4
[31.5 MB] [14.8]--14-8 实现大眼特效-调试并展示大眼特效.mp4
[28.3 MB] [14.7]--14-7 实现大眼特效-向Shader传递数据-2.mp4
[50.8 MB] [14.6]--14-6 实现大眼特效-向Shader传递数据-1.mp4
[51.0 MB] [14.5]--14-5 实现大眼特效-编写Shader程序.mp4
[99.9 MB] [14.4]--14-4 实现大眼特效-用Shader实现大眼特效的原理.mp4
[31.6 MB] [14.3]--14-3 实现大眼特效-使用MLKit获得眼部位置.mp4
[54.2 MB] [14.2]--14-2 介绍一些好用的人脸识别AI库.mp4
[27.3 MB] [14.1]--14-1 AI的一些基本概念.mp4
[48.8 MB] 📁 {13}--第13章 特效进阶实战四:如何基于OpenGL实现多种经典转场 [13.11]--13-11 实战-OpenGL实现百叶窗转场特效.mp4
[35.0 MB] [13.10]--13-10 原理-百叶窗转场特效算法.mp4
[15.9 MB] [13.9]--13-9 实战-实现OpenGL放大转场特效.mp4
[29.8 MB] [13.8]--13-8 原理-OpenGL放大场特效的算法.mp4
[9.3 MB] [13.7]--13-7 实战-OpenGL实现擦除转场特效-调试.mp4
[31.1 MB] [13.6]--13-6 实战-OpenGL实现擦除转场特效-向Shader传递.mp4
[46.4 MB] [13.5]--13-5 实战-OpenGL实现擦除转场特效-编写Shader代.mp4
[16.5 MB] [13.4]--13-4 实战-OpenGL实现擦除转场特效-拆分Shader程.mp4
[64.0 MB] [13.3]--13-3 实战-OpenGL实现擦除转场特效-算法.mp4
[15.4 MB] [13.2]--13-2 实现转场特效的原理.mp4
[10.3 MB] [13.1]--13-1 什么是转场特效.mp4
[14.4 MB] 📁 {12}--第12章 特效进阶实战三:如何通过OpenGL实现多种经典特效 [12.13]--12-13 实战-使用3DLUT对图象调色-传递数据.mp4
[26.4 MB] [12.12]--12-12 实战-使用3DLUT对图像调色-编写Shader程序.mp4
[70.8 MB] [12.11]--12-11 实战-使用3DLUT对图像调色-算法.mp4
[24.3 MB] [12.10]--12-10 使用3DLUT的基本步骤.mp4
[40.1 MB] [12.9]--12-9 先来了解一下什么是LUT.mp4
[28.2 MB] [12.8]--12-8 实战-使用OpenGL实现素描效果.mp4
[69.4 MB] [12.7]--12-7 实战-通过多种kernel实现不同的特效.mp4
[83.1 MB] [12.6]--12-6 实战-OpenGL实现blur特效-3.mp4
[18.4 MB] [12.5]--12-5 实战-OpenGL实现blur特效-2.mp4
[54.1 MB] [12.4]--12-4 实战-OpenGL实现blur特效-1.mp4
[42.9 MB] [12.3]--12-3 原理-通过kernel算子实现特效.mp4
[45.7 MB] [12.2]--12-2 实战-OpenGL实现黑白特效.mp4
[48.6 MB] [12.1]--12-1 OpenGL实现多种特效.mp4
[11.1 MB] 📁 {11}--第11章 特效进阶实战二:如何基于外部纹理高效的渲染视频? [11.14]--11-14 实战-正确渲染视频内容.mp4
[60.6 MB] [11.13]--11-13 实战-防止视频帧被拉伸(三).mp4
[16.3 MB] [11.12]--11-12 实战-防止视频帧被拉伸(二).mp4
[58.3 MB] [11.11]--11-11 实战-防止视频帧被拉伸(一).mp4
[60.5 MB] [11.10]--11-10 原理-防止视频帧被拉伸.mp4
[33.0 MB] [11.9]--11-9 实战-Shander使用外部纹理渲染视频帧.mp4
[65.9 MB] [11.8]--11-8 实战-获得Camera的最佳分辨率.mp4
[51.1 MB] [11.7]--11-7 实战-打通Camera到OpenGL之间的生命之路.mp4
[88.1 MB] [11.5]--11-5 实战-高效渲染视频之创建外部纹理.mp4
[38.2 MB] [11.4]--11-4 (图片侵权)高效渲染视频-内部纹理与外部纹理的区别及使.mp4
[30.6 MB] [11.3]--11-3 实战-高效渲染视频之通过Camera2采集视频数据.mp4
[67.9 MB] [11.2]--11-2 高效渲染视频-Camera2的基础知识.mp4
[68.7 MB] [11.1]--11-1 高效渲染视频-视频渲染的整体过程.mp4
[40.5 MB] 📁 {10}--第10章 特效进阶实战一:如何基于纹理高效渲染出照片? [10.10]--10-10 理论-高质量渲染图片之防止图片拉伸方法二.mp4
[41.5 MB] [10.9]--10-9 实战-高质量渲染图片之防止图片被拉伸的方法一.mp4
[98.5 MB] [10.8]--10-8 理论-高质量渲染图片之防止图片拉伸方法一.mp4
[41.0 MB] [10.7]--10-7 实战-高质量渲染图片之向Shader送数据并渲染图片.mp4
[79.7 MB] [10.6]--10-6 实战-高质量渲染图片之修改Shader程序.mp4
[60.7 MB] [10.5]--10-5 实战-高质量渲染图片之顶点坐标与纹理坐标之间的对应关系.mp4
[24.0 MB] [10.3]--10-3 高效渲染视频和照片基础-设置纹理参数.mp4
[55.9 MB] [10.1]--10-1 高效渲染视频和照片-纹理基础知识.mp4
[52.1 MB] 📁 {9}--第9章 OpenGL基础实战第五步:特效渲染中的坐标变换与投影 [9.3]--9-3 投影变换的重中之重--透视投影.mp4
[67.2 MB] [9.3]--9-3 投影变换的重中之重--透视投影[4].mp4
[18.4 MB] [9.2]--9-2 简单但很重要的正交投影.mp4
[34.2 MB] [9.2]--9-2 简单但很重要的正交投影[4].mp4
[9.0 MB] [9.1]--9-1 我们不得不知道的视图变换.mp4
[51.3 MB] [9.1]--9-1 我们不得不知道的视图变换[4].mp4
[16.6 MB] 📁 {8}--第8章 OpenGL基础实战第四步:如何提升性能及对渲染的精准控 [8.9]--8-9 在Shader中的使用循环与函数.mp4
[47.6 MB] [8.8]--8-8 在Shader中使用条件判断.mp4
[103.8 MB] [8.7]--8-7 代码优化.mp4
[102.2 MB] [8.6]--8-6 [实战]使用VAO提高绘制模型的效率mp4 [39.7 MB].mp4
[8.5]--8-5 提高Shader性能-VAO基础知识.mp4
[24.2 MB] [8.4]--8-4 [实战]使用EBO提高绘制三角形的效率.mp4
[70.2 MB] [8.3]--8-3 提高Shader性能-EBO基础知识.mp4
[35.9 MB] [8.2]--8-2 [实战]使用VBO提高绘制三角形的效率.mp4
[53.5 MB] [8.1]--8-1 提高Shader性能-VBO基础知识.mp4
[42.5 MB] 📁 {7}--第7章 OpenGL基础实战第三步:牢牢掌握特效渲染中的色彩空间 [7.4]--7-4 RGB与YUV格式之间的相互转换.mp4
[52.7 MB] [7.3]--7-3 RGB与YUV格式是什么样.mp4
[52.9 MB] [7.2]--7-2 各种各样的色彩空间.mp4
[54.8 MB] [7.1]--7-1 光与五彩缤纷的颜色.mp4
[37.3 MB] 📁 {6}--第6章 OpenGL基础实战第二步:如何轻松实现图像的放大缩小、 [6.8]--6-8 [实战]基于齐次坐标实现[平移-旋转-缩放]等图形变换.mp4
[65.7 MB] [6.7]--6-7 利用齐次坐标实现各种3D变换.mp4
[36.3 MB] [6.6]--6-6 各种图形变换的核心-齐次坐标.mp4
[33.6 MB] [6.5]--6-5 基于矩阵实现各种2D变换.mp4
[55.3 MB] [6.4]--6-4 掌握矩阵的基本运算,为图形变换打好基础.mp4
[44.9 MB] [6.3]--6-3 掌握向理的基本运算-向量的叉乘.mp4
[38.9 MB] [6.2]--6-2 掌握向量的基本运算-向量的加法与点乘.mp4
[61.5 MB] [6.1]--6-1 图形学的本质是数学,让我们从向量开始.mp4
[24.3 MB] 📁 {5}--第5章 OpenGL基础实战第一步:如何基于Shader(着色器 [5.7]--5-7 [实战]使用OpenGL完成三角形的绘制.mp4
[85.9 MB] [5.6]--5-6 [实战]Shader程序的编译与加载.mp4
[59.8 MB] [5.5]--5-5 Shader程序的编译与加载.mp4
[31.0 MB] [5.4]--5-4 [实战]编写着色器程序及着色器数据为绘制三角形做好准备.mp4
[62.5 MB] [5.3]--5-3 详解着色器作用及其语法.mp4
[64.4 MB] [5.2]--5-2 掌握好坐标系才能确定图形的起点在哪儿.mp4
[22.4 MB] [5.1]--5-1 什么是Shader?为什么要使用它渲染图像.mp4
[48.1 MB] 📁 {15}--第15章 课程总结 [15.1]--15-1 OpenGL+AI课程总结.mp4
[24.2 MB] 📁 {4}--第4章 掌握渲染环境是实现特效的基石 [4.4]--4-4 [实战]使用GLSurfaceView完成OpenGL.mp4
[77.7 MB] [4.3]--4-3 [原理]以GLSurfaceView为例讲解它是如何构建.mp4
[80.7 MB] [4.2]--4-2 [原理]Android系统下渲染管线的建立与图形渲染管线.mp4
[73.6 MB] [4.1]--4-1 [原理]图形渲染管线清楚图形渲染的流程是怎样的.mp4
[79.1 MB] 📁 {3}--第3章 在系统学习OpenGL特效之前,需要先学会如何实现一个照 [3.10]--3-10 [实战]实现前置摄像头与后置摄像头切换.mp4
[51.2 MB] [3.9]--3-9 [实战]实现相机拍照功能(二).mp4
[78.3 MB] [3.8]--3-8 [理论]实现相机拍照功能(一).mp4
[14.2 MB] [3.7]--3-7 [实战]设置闪光变焦等相机参数.mp4
[56.3 MB] [3.6]--3-6 [实战]定义相机预览界面并展示采集到的图片.mp4
[51.8 MB] [3.5]--3-5 [实战]申请相机权限并实现拍照功能(二).mp4
[61.5 MB] [3.4]--3-4 [实战]申请相机权限并实现拍照功能(一).mp4
[27.4 MB] [3.3]--3-3 [实战]带你创建一个最简单的Android工程并实现相机.mp4
[48.4 MB] [3.2]--3-2 [原理]Android系统下图像渲染原理.mp4
[16.7 MB] [3.1]--3-1 [原理]清楚Android相机采集原理.mp4
[16.6 MB] 📁 {2}--第2章 为什么应该学好OpenGL? [2.1]--2-1 为什么要选择OpenGL及OpenGL的发展.mp4
[54.2 MB] 📁 {1}--第1章 课程介绍及学习指南 [1.1]--1-1 视频渲染-导学.mp4
[45.8 MB]





