使用GPUImage渲染图片教程

简介:

使用GPUImage渲染图片教程

 

Prepare - 准备

GPUImage开源库并不像普通的开源库那样子,拖进你的工程中就可以用.以下将详细的告诉你如何将GPUImage导入到你的工程当中.

首先上官网下载源码: https://github.com/BradLarson/GPUImage

解压后打开以下文件夹:

打开专为iOS使用的文件GPUImage.xcodeproj

注意几个细节:直接编译真机设备使用的静态库,Copy Headers中将所有的头文件拖过来,然后编译

找到静态库文件以及包含头文件的文件夹:

将其拖入到你新建的工程当中(这里也是真机调试的哦):

添加-ObjC标签,别问我为什么哦,因为静态库里面可能有category,必须添加-ObjC,保险起见而已.

把需要的框架添加上,你懂的:

最后设置全局可用,一劳永逸:

到现在为止,你就完成了导入静态库,配置并能编译的所有步骤,剩下的就是如何使用了.

 

 

Usage - 使用

添加一个调解亮度的滤镜

效果图:

 

如下图所示,随便看一眼就会发现有着这么多的滤镜,怎么用呢,你懂的:).

相关实践学习
部署Stable Diffusion玩转AI绘画(GPU云服务器)
本实验通过在ECS上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。
目录
相关文章
|
前端开发 小程序
小程序使用canvas制作beas64图片
小程序使用canvas制作beas64图片
111 0
|
前端开发 小程序
微信小程序 Canvas导出图片模糊?(已解决)
首先确定 userInfo 的 avatar 不是 132,原图是 0; 其次确定你的 destWidth 和 destHeight 不是 width 和 height;
703 0
|
JavaScript 前端开发 Web App开发
带你读《Three. js开发指南: 基于WebGL和HTML5在网页上渲染 3D图形和动画(原书第3版)》之一:使用Three.js创建你的第一个三维场景
本书将介绍如何直在浏览器中创建漂亮的3D场景和动画,并且充分发挥WebGL和现代浏览器的潜能。首先介绍基本概念和基础组件,然后通过逐渐扩展示例代码逐步深讲解更多高级技术。在本书中读者将学到如何从外部加载3D模型和具有真实效果的材质纹理、学习使用Three.js提供的摄像机组件来实现在3D场景中飞行和走动、如何将HTML5视频和画布作为材质贴在3D模型表面。此外还将学习变形动画和骨骼动画,甚至还会涉及在场景中使用物理模拟的方法,例如重力、碰撞检测等等。
|
9月前
|
Android开发 开发者
Android开发之通过渲染纹理展示地球仪
该文阐述了如何使用OpenGL为三维物体添加纹理,以增强其真实感。纹理坐标是二维的,用于标记摊平后的“布料”对应物体的哪个部位,类似裁缝制作衣服的过程。在OpenGL中,启用纹理和深度测试是关键,还包括设置纹理参数、分配纹理编号、绑定位图材质等步骤。计算材质的纹理坐标后,通过`glDrawArrays`结合顶点和纹理坐标逐个贴图。最终示例展示了将世界地图贴到球体上形成逼真的地球仪效果。通过控制旋转、平移和缩放,能实现简单的三维动画效果。
108 2
Android开发之通过渲染纹理展示地球仪
|
小程序 JavaScript API
小程序图片渲染
小程序图片渲染
123 0
|
前端开发 小程序 JavaScript
微信小程序 - DZMDrawingBoard - (Canvas封装的画板、手写签名、生成图片、保存相册...库)
微信小程序 - DZMDrawingBoard - (Canvas封装的画板、手写签名、生成图片、保存相册...库)
233 0
|
缓存 前端开发 小程序
微信小程序canvas画布渲染图片
微信小程序canvas画布渲染图片
238 0
|
JavaScript
Vue实现图片大图预览,v-viewer组件的使用方法演示
Vue实现图片大图预览,v-viewer组件的使用方法演示
728 0
|
前端开发 容器
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
381 0
|
移动开发 Java Linux
网页截图和svg模版动态生成图片Java实现(2)
网页截图和svg模版动态生成图片Java实现(2)
443 0
网页截图和svg模版动态生成图片Java实现(2)

热门文章

最新文章