使用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盲盒。
目录
相关文章
|
8月前
|
JavaScript
懒加载图片案例
懒加载图片案例
|
前端开发
Threejs - 加载视频纹理渲染 实现一个3D视频播放器
Threejs - 加载视频纹理渲染 实现一个3D视频播放器
2175 0
Threejs - 加载视频纹理渲染 实现一个3D视频播放器
|
13天前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
33 14
|
3月前
|
编解码 前端开发 JavaScript
ThreeJs制作模型图片
这篇文章介绍了如何使用Three.js将一张图片转化为3D场景中的像素化模型,通过提取图片的像素颜色并将它们应用到3D立方体上,形成一种特殊的图像展示效果。
47 0
ThreeJs制作模型图片
|
8月前
|
Android开发 开发者
Android开发之通过渲染纹理展示地球仪
该文阐述了如何使用OpenGL为三维物体添加纹理,以增强其真实感。纹理坐标是二维的,用于标记摊平后的“布料”对应物体的哪个部位,类似裁缝制作衣服的过程。在OpenGL中,启用纹理和深度测试是关键,还包括设置纹理参数、分配纹理编号、绑定位图材质等步骤。计算材质的纹理坐标后,通过`glDrawArrays`结合顶点和纹理坐标逐个贴图。最终示例展示了将世界地图贴到球体上形成逼真的地球仪效果。通过控制旋转、平移和缩放,能实现简单的三维动画效果。
96 2
Android开发之通过渲染纹理展示地球仪
|
小程序 JavaScript API
小程序图片渲染
小程序图片渲染
117 0
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
116 0
|
定位技术 API 容器
百度地图覆盖物加载svg图片的实战案例分析
百度地图覆盖物加载svg图片的实战案例分析
616 0
|
前端开发
前端学习案例3-图片懒加载3
前端学习案例3-图片懒加载3
67 0
前端学习案例3-图片懒加载3
|
前端开发
前端学习案例1-图片懒加载1
前端学习案例1-图片懒加载1
76 0
前端学习案例1-图片懒加载1