我的OpenGL学习进阶之旅学习OpenGL ES 3.0 的实战 Awsome Demo （下）之 图片转场和轮播特效专场

Posted 2022-02-01 字节卷动

前面两篇文章

• 【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （上）

• 【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （中）

介绍了一下项目和部分案例效果展示，这篇接着介绍其他的案例效果展示。

三篇完整版链接：

• 【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （上）
• 【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （中）
• 【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （下）之 图片转场和轮播特效专场

一、介绍

最近在学习OpenGL ES 3.0 相关技术，写了一个Demo工程，记录学习。

1.1 项目地址：

• https://github.com/ouyangpeng/OpenGLESDemo
  

1.2 项目介绍

主要是将下面来源的特效，自己手动敲一遍，熟悉OpenGL ES相关API和GLSL语法以及C++语法

1. 《OpenGL ES 3.0编程指南》 这本书
2. 【Learn OpenGL ES】 网站的一些示例
3. 字节流动的 NDK_OpenGLES_3_0 项目代码
4. 部分ShaderToy网站和 GLSL SANDBOX 网站上的特效移植到android端
5. 转场动画GLTransitions网站上的特效移植到android端

1.3 相关链接

关于 OpenGL ES的相关知识，
可以参考下面的博客查看：

1. 字节卷动 的 OpenGL ES 专栏
2. 字节流动 的 Android OpenGLES 3.0 专栏
3. 【Learn OpenGL ES】
4. ShaderToy
5. GLSL SANDBOX
6. 转场动画 https://gl-transitions.com/gallery

二、案例效果展示

接下来几个案例都是转场动画GLTransitions网站上的特效，移植到Android端来展示 Android 图片转场和轮播特效

学习 Android 图片转场和轮播特效 如何实现

1 图片转场效果1

2 图片转场效果2

3 图片转场效果3

4 图片转场效果4

5 图片转场效果5

6 图片转场效果6

7 图片转场效果7

8 图片转场效果8

9 图片转场效果9

10 图片转场效果10

11 图片转场效果11

12 图片转场效果12

13 图片转场效果13

14 图片转场效果14

15 图片转场效果15

16 图片转场效果16

17 图片转场效果17

18 图片转场效果18

19 图片转场效果19

20 图片转场效果20

21 图片转场效果21