OpenGL ES之Swift使用GLSL语言渲染图片的显示

2024-04-04 23:51:58

整体思路

一、GLSL和iOS

本片主要使用编译链接自定义的shader（顶点着色器/片元着色器）。用简单的GLSL语言来实现顶点、片元着色器，并对图形进行简单的变换。
OpenGL ES只是用来做渲染的，所iOS要提供一个载体，就是CAEAGLLayer，创建的方法是，通过重写UIView的类属性（OC中是类方法）返回CAEAGLLayer.self。它是一个对core animation的封装，它能满足所有的OpenGLES的方法访问。
CAEAGLLayer：在制定该图层关联的视图作为渲染器的目标图形上下文之前，可以使用drawableProperties属性更改呈现属性。此属性允许您配置呈现表面的颜色格式以及表面是否保留其内容。因为OpenGL ES渲染的效果是要提交到用户使用的核心动画上，所以使用在该layer上的任何效果和动画都会影响渲染的3D效果，为了时性能最佳你应该做一下操作：设置图层为不透明，设置图层边界以匹配显示的尺寸，确保图层没有做变换。
尽量避免在CAEAGLLayer添加其layer。如果必须要添加其他非OpenGL内容，那么如果将透明的2D内容置于GL内容之上，并确保OpenGL内容是不透明的且没有转换过，那么性能还是可以接受的。当在竖屏上绘制横向内容时，应该自己旋转内容，而不是使用CAEAGLLayer转换来旋转它。

二、GLSL实现图片渲染的思路

创建图层：重写layerClass，将YDWView返回的图层从CALayer替换成CAEAGLLayer，并设置描述属性；
创建上下文ÿ

OpenGL ES之Swift使用GLSL语言渲染图片的显示相关推荐

OpenGL ES 案例04：GLSL加载图片
OpenGL + OpenGL ES +Metal 系列文章汇总本案例的主要目的在于理解GLSL语言自定义着色器以及自定义着色器是如何使用的 [文末提供了OC和Swift版本,案例的讲解使用OC] ...
借助 OpenGL* ES 2.0 实现动态分辨率渲染
作者:omar-a-rodrigue 下载借助 OpenGL* ES 2.0 实现动态分辨率渲染[PDF 677KB] 代码样本: dynamic-resolution.zip[ZIP 4MB] 像 ...
android opengl es 纹理不同设备白色,android – OpenGL ES 2.0纹理没有在某些设备上显示...
早上好,这是2个纹理非幂的典型例子. 由于多种原因,纹理在分辨率上需要2的幂,这是一个非常常见的错误,每个人都碰巧陷入这个陷阱:)我也是. 2个纹理的非功率在某些设备/ GPU上运行平稳的事实,仅仅取 ...
自己解决在Vue中动态渲染图片不显示的问题
乐于助人前言分析思路 1. 绝对路径 2. 相对路径总结本篇文章记录的是自己在 Vue-Cli2 中如何去解决的这个问题,心里路程比较多,所以话比较多哈哈,感谢阅读,大概耗时2分钟前言如上 ...
OpenGL ES：配合MediaCodec硬解码渲染（视频加滤镜播放）
注意点: MediaCodec 解码后的原始数据,格式为yuv,而OpenGL所能渲染的格式为rgb,因此我们需要使用扩展库中的扩展纹理 GLES11Ext.GL_TEXTURE_EXTERNAL_O ...
OpenGL ES之纹理翻转的解决策略
原因分析在前面的文章:OpenGL ES之Swift使用GLSL语言渲染图片的显示和OpenGL ES之GLSL渲染图片显示的整体流程中,我们都对图片纹理做了翻转的处理,不做处理,最后看到的图片显示 ...
viewpager初始化fragment没有绘制_NDK OpenGL ES渲染系列之绘制三角形
前言新的知识学习都是循序渐进的,从基础到复杂.前面OpenGL ES概念已经介绍了OpenGL ES的相关概念,这篇文章开始我们就正式开始OpenGL ES渲染系列第一站---绘制三角形.绘制三角 ...
Android OpenGL ES 离屏渲染（offscreen render）
通常在Android上使用OpenGL ES,都是希望把渲染后的结果显示在屏幕上,例如图片处理.模型显示等.这种情况下,只需要使用Android API中提供的GLSurfaceView类和Rende ...
【OpenGL ES】二维图形绘制
目录 OpenGL ES 学习--2D 着色器语言基础知识绘制纯色背景 JAVA版本 C++版本绘制圆点.直线.三角形 JAVA版本 C++版本绘制彩色三角形 JAVA版本 C++版本绘制纯色 ...

最新文章

热门文章