其他分享
首页 > 其他分享> > 【我的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 项目地址:

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

二、案例效果展示

接下来几个案例都是ShaderToy上的案例,移植到Android端来展示

40 展示一段 ShaderToy的特效:跳动的心

请添加图片描述

41 展示一段 ShaderToy的特效:不断漂浮的云朵

在这里插入图片描述

42 展示一段 ShaderToy的特效:时光隧道

在这里插入图片描述

43 展示一段 ShaderToy的特效:燃烧的旋转的主序星

在这里插入图片描述

44 展示一段 ShaderToy的特效:天路

在这里插入图片描述

45 展示一段 ShaderToy的特效:A Day

在这里插入图片描述

46 展示一段 ShaderToy的特效:Atmosphere system test

在这里插入图片描述

47 展示几段 贝塞尔曲线 绘制的曲边扇形 混合而成的效果

学习如何绘制 贝塞尔曲线

在这里插入图片描述

48 展示一个随着时间变化逐渐放大眼睛的效果

学习如何实现 大眼效果
在这里插入图片描述

49 展示一个随着时间变化逐渐瘦脸的效果

学习如何实现 瘦脸效果

在这里插入图片描述

50 展示 一个随着时间变化头部逐渐放大的效果

学习如何实现 大头效果
在这里插入图片描述

51 展示 一个随着时间变化头部跟着晃动的效果

学习如何实现 头部晃动效果
在这里插入图片描述

52 展示 一个 可视化实时音频 的效果

学习如何实现 可视化实时音频 效果
在这里插入图片描述

53 展示 一个 刮刮卡 的效果

学习如何实现 刮刮卡 效果
在这里插入图片描述

54 展示 一个 3D 阿凡达(Avatar)效果

学习如何实现 3D 阿凡达(Avatar)效果
在这里插入图片描述

55 展示 动态(水波纹)涟漪 效果

学习如何实现 动态(水波纹)涟漪 效果

56 又见MRT

再一次学习 MRT(多重渲染目标) 技术
在这里插入图片描述

57 OpenGL ES 帧缓冲区位块传送(Blit)

学习 FBO Blit 技术
在这里插入图片描述

58 使用uniform 缓冲区对象,即UBO来展示图片

学习uniform 缓冲区对象,即 UBO技术
在这里插入图片描述

59 使用OpenGL实现RGB到YUV的图像格式转换

学习 OpenGL实现RGB到YUV的图像格式转换技术

在这里插入图片描述

60 展示 OpenGL ES 共享上下文 多线程绘制 技术

学习 MULTI THREAD RENDER 技术
在这里插入图片描述

61 展示 OpenGL 使用 FreeType 渲染文字

学习 OpenGL ES 文字渲染 技术
在这里插入图片描述

62 展示 人像留色

学习 人像留色技术:人体区域保留彩色,人体区域之外灰度化。
在这里插入图片描述
未完待续。。。

标签:ShaderToy,Awsome,进阶,效果,展示,OpenGL,学习,ES
来源: https://blog.csdn.net/qq446282412/article/details/122266208