首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

OpenGL ES实践教程(九)OpenGL与视频混合

前言 前面的实践教程OpenGL ES实践教程1-Demo01-AVPlayer OpenGL ES实践教程2-Demo02-摄像头采集数据和渲染 OpenGL ES实践教程3-Demo03-...Mirror OpenGL ES实践教程4-Demo04-VR全景视频播放 OpenGL ES实践教程5-Demo05-多重纹理实现图像混合 OpenGL ES实践教程6-Demo06-全景视频获取焦点...OpenGL ES实践教程7-Demo07-多滤镜叠加处理 OpenGL ES实践教程8-Demo08-blend混合与shader混合 其他教程请移步OpenGL ES文集。...核心思路 用AVFoundation处理视频合并的时间轴关系(混合规则),用OpenGL ES处理两个视频图像混合。...OpenGL ES的文集有将近半年没更新,一部分原因是新的工作比较忙碌,一部分原因是觉得需要沉淀一段时间。

2.9K70
您找到你想要的搜索结果了吗?
是的
没有找到

iOS开发-OpenGL ES入门教程1

前言 这里是一篇新手教程,环境是Xcode7+OpenGL ES 2.0,目标写一个OpenGL ES的hello world。 OpenGL ES系列教程在这里。...OpenGL ES系列教程的代码地址 你的star和fork是我的源动力,你的意见能让我走得更远。 核心思路 通过GLKit,尽量简单地实现把一张图片绘制到屏幕。 效果展示 ?...具体细节 1、新建OpenGL ES上下文 - (void)setupConfig { //新建OpenGLES 上下文 self.mContext = [[EAGLContext alloc...setCurrentContext:self.mContext]; } GLKView* view = (GLKView *)self.view;这里需要在storyboard里面把view的类设置成GLKView,其他代码是OpenGL...如果对OpengGL ES感兴趣,但是却毫无图形学基础的,可以看看LearnOpenGL教程。 思考题 1、代码中有6个顶点坐标,能否使用更少的顶点显示一个图像?

1.3K90

iOS开发-OpenGL ES入门教程3

教程 OpenGL ES入门教程1-Tutorial01-GLKit OpenGL ES入门教程2-Tutorial02-shader入门 这次是三维图形变换。...OpenGL ES系列教程在这里。 OpenGL ES系列教程的代码地址 - 你的star和fork是我的源动力,你的意见能让我走得更远。 效果展示 ?...透视投影的推导可以看 这里 OpenGL ES的变换 OpenGL ES通过顶点缓存数组和图元绘制指令,形成基本的图元;图元在顶点着色器会进行顶点变换,也就是几何处理阶段的几何变换和投影变换;到了像素处理阶段...position; // vPos = position; gl_Position = vPos; } 思考题 透视投影里面有一个视锥体的概念,物体不在视锥体内的部分不可见,OpenGL...总结 教程2、3是shader的一个分支,内容相对较难,接下的教程主要以GLKit为主。 附上源码地址 代码里面的util在 这里

1.9K50

iOS开发-OpenGL ES入门教程4

教程 OpenGL ES入门教程1-Tutorial01-GLKit OpenGL ES入门教程2-Tutorial02-shader入门 OpenGL ES入门教程3-Tutorial03-三维变换...OpenGL ES系列教程在这里。 OpenGL ES系列教程的代码地址 - 你的star和fork是我的源动力,你的意见能让我走得更远。 效果展示 ?...4、深度测试 在前面的教程介绍过,开启深度测试需要分配深度测试的缓冲区,并挂载到相应的帧缓冲区。 在GLKit代码中,深度测试的开启十分简单。...总结这几篇教程花了一个星期左右。...学习过程中有几部分最难受: 第一部分是OpenGL ES的顶点属性、纹理贴图,对顶点到图形的过程不理解,对OpenGL ES的数据缓存机制不了解,无知容易使人知难而退; 第二部分是shader和glsl

1.2K50

写给 python 程序员的 OpenGL 教程

文章目录 1 预备知识 1.1 坐标系 1.2 投影 1.3 视景体 1.4 视口 1.5 视点 1.6 OpenGL 变换 2 安装 pyopengl 3 OpenGL 库及函数简介 3.1 OpenGL...核心库 GL 3.2 OpenGL 实用库 GLU 3.3 OpenGL 工具库 GLUT 3.4 Windows 专用库 WGL 4 开始 OpenGL 的奇幻之旅 4.1 OpenGL 基本图形的绘制...使用 OpenGL 不需要具备多么高深的数学水平,只要能辅导初中学生的数学作业,就足够用了。 1.1 坐标系 在 OpenGL 的世界里,有各式各样的坐标系。...OpenGL中的核心库和实用库可以在所有的OpenGL平台上运行。...《OpenGL编程精粹》杨柏林 陈根浪 徐静 编著 Opengl开发库介绍 OpenGL的API函数使用手册 glut处理鼠标事件 Learn OpenGL 本文写作过程持续了两三周,期间可谓呕心沥血。

3K30

在嵌入式linux上玩OpenGL

前言 在我的嵌入式linux上板子资源和性能还是有限。想玩下OpenGL,倒不是板子flash或内存太小,而是底层图形接口是基于framebuffer的dev/fb0的,在标准的OpenGL下不支持。...网上了解到在嵌入式linux或单片机上,可以跑OpenGL的一个子集,叫做TinyGL。...嵌入式linux上移植TinyGL TinyGL是Fabrice Bellard开发的OpenGL 1.1子集。Fabrice不用多说,是神仙级程序员。...- 梦来是缘 - 博客园 在ARM Linux上使用OpenGL - 爱码网 OpenGL | ES 移植(装载)_weixin_30496751的博客-CSDN博客 https://www.cnblogs.com...OpenGL ES 简介_猿说编程的博客-CSDN博客 TinyX显示驱动在ARM开发板上的移植 - 百度文库 在Linux下,从头构建图形环境(TinyX + GTK) TinyX移植步骤_

2.8K30

OpenGL ES实践教程(七)多滤镜叠加处理

教程 OpenGL ES实践教程1-Demo01-AVPlayer OpenGL ES实践教程2-Demo02-摄像头采集数据和渲染 OpenGL ES实践教程3-Demo03-Mirror OpenGL...ES实践教程4-Demo04-VR全景视频播放 OpenGL ES实践教程5-Demo05-多重纹理实现图像混合 OpenGL ES实践教程6-Demo06-全景视频获取焦点 其他教程请移步OpenGL...饱和度和色温.gif 具体步骤 1、初始化OpenGL ES配置 初始化数据->设置CAEAGLLayer->选择OpenGL ES上下文->初始化帧缓存->编译shader->配置顶点数组信息。...GL_TRIANGLE_STRIP, 0, 4); [_context presentRenderbuffer:GL_RENDERBUFFER]; 遇到的问题 GPU Frame Capture没有返回 在OpenGL...在用instrucment的OpenGL ES Analysis时发现帧缓存的设置有问题; 回来检查帧缓存的初始化代码,发现是glFramebufferTexture2D的第一个参数被设置成_tempFramebuffer

2.4K40

OpenGL ES实践教程(四)VR全景视频播放

教程 OpenGL ES实践教程1-Demo01-AVPlayer OpenGL ES实践教程2-Demo02-摄像头采集数据和渲染 OpenGL ES实践教程3-Demo03-Mirror 其他教程请移步...OpenGL ES文集,这一篇介绍以下知识点: AVFoundation——加载视频; CoreVideo——配置纹理; OpenGL ES——渲染视频; 3D数学——球体以及3维变换; 核心思路 通过...AVFoundation加载视频源,读取到每一帧的CMSampleBuffer之后,用CoreVideo创建OpenGL ES纹理缓存并上传GPU;OpenGL ES按照球体的模型来渲染视频;用移动摄像机朝向或者旋转球体的方式来响应手指的移动达到移动镜头的效果...具体细节 1、配置OpenGL ES; loadShaders加载着色器和compileShader编译着色器的内容前面的教程已经介绍过都次,不再赘述; setupBuffers配置缓存信息,并且创建顶点数据缓存...2D视频到球面的显示 之前的教程有介绍过,点这里 下图是一张展开了的地球图像 ? 下图是按照球体的顶点数据进行渲染 ? 6、视角变化 球的圆心在原点,摄像机的所在也是原点,如下图。

2.9K40

OpenGL ES实践教程(六)全景视频获取焦点

教程 OpenGL ES实践教程1-Demo01-AVPlayer OpenGL ES实践教程2-Demo02-摄像头采集数据和渲染 OpenGL ES实践教程3-Demo03-Mirror OpenGL...ES实践教程4-Demo04-VR全景视频播放 OpenGL ES实践教程5-Demo05-多重纹理实现图像混合 其他教程请移步OpenGL ES文集。...当用户一直移动屏幕的时候,需要不断重绘);最后,glReadPixel是同步操作,对性能有较大的影响; 方案3是较为合理的实现方案,仅需要CPU进行少量的浮点变化运算,不需要外设和离屏渲染; 本文在OpenGL...ES实践教程4-Demo04-VR全景视频播放的基础上,添加简单的色块,单焦点进入色块时进行变色。...具体细节 先把OpenGL ES实践教程4-Demo04-VR全景视频播放的工程拖过来。

1.5K50

OpenGL】九、OpenGL 绘制基础 ( OpenGL 状态机概念 | OpenGL 矩阵概念 )

文章目录 一、OpenGL 状态机概念 二、OpenGL 矩阵概念 上一篇博客 【OpenGL】八、初始化 OpenGL 渲染环境 ( 导入 OpenGL 头文件 | 链接 OpenGL 库 | 将窗口设置为...OpenGL 窗口 | 设置像素格式描述符 | 渲染绘制 ) ★ 进行了 OpenGL 渲染环境初始化 ; 本篇博客简单介绍 OpenGL 中的一些理论概念 ; 一、OpenGL 状态机概念 ----...OpenGL 是一个状态机 , 其中包含了很多状态 , 简单列举下面的几项 : OpenGL 中的 矩阵 Matrix , 包含了 投影 ( Projection ) 矩阵 , 模型 ( Model...绘制 3D 图形时 , 就会读取当前的状态机参数 , 利用这些状态机进行绘制 , 而我们就在绘制之前设置上述一系列的状态机 , 确保 OpenGL 绘制按照我们设想的进行 ; 在上一篇博客 【OpenGL...】八、初始化 OpenGL 渲染环境 ( 导入 OpenGL 头文件 | 链接 OpenGL 库 | 将窗口设置为 OpenGL 窗口 | 设置像素格式描述符 | 渲染绘制 ) ★ 中Windows 窗口创建完成后

4K00

OpenGL(五)-- OpenGL中矩阵的变换OpenGL(五)-- OpenGL中矩阵的变换

OpenGL(五)-- OpenGL中矩阵的变换 前言 照常提出几个问题,希望通过阅读可以找到答案。 对物体3维的2维投影进行位移,有几种方式? 模型视图矩阵代表了什么?...确立透视投影需要的参数: aspect(远/近裁切面的宽高比,它本身也是视口) , near(近裁切面位置) , far(远裁切面位置),投影角度,视口位置 以上图片都出自:_superhuihui-OpenGL...中涉及到的矩阵变换 在OpenGL中矩阵的计算方式 // 矩阵计算 m3dMatrixMultiply44(ModelViewMatrix(模型视图矩阵),ViewMatrix(观察者矩阵), ModelMatrix...如果想要了解具体矩阵是如何计算的:3D数学 矩阵知识 矩阵栈 在计算时会发现这种计算会导致物体唯一无法重置,为了解决这种问题OpenGL提出了矩阵栈的概念。栈这个概念应该是很熟悉了吧!

2.1K10
领券