使用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盲盒。
目录
相关文章
|
前端开发
Threejs - 加载视频纹理渲染 实现一个3D视频播放器
Threejs - 加载视频纹理渲染 实现一个3D视频播放器
2027 0
Threejs - 加载视频纹理渲染 实现一个3D视频播放器
|
JavaScript 前端开发 Web App开发
带你读《Three. js开发指南: 基于WebGL和HTML5在网页上渲染 3D图形和动画(原书第3版)》之一:使用Three.js创建你的第一个三维场景
本书将介绍如何直在浏览器中创建漂亮的3D场景和动画,并且充分发挥WebGL和现代浏览器的潜能。首先介绍基本概念和基础组件,然后通过逐渐扩展示例代码逐步深讲解更多高级技术。在本书中读者将学到如何从外部加载3D模型和具有真实效果的材质纹理、学习使用Three.js提供的摄像机组件来实现在3D场景中飞行和走动、如何将HTML5视频和画布作为材质贴在3D模型表面。此外还将学习变形动画和骨骼动画,甚至还会涉及在场景中使用物理模拟的方法,例如重力、碰撞检测等等。
|
3月前
Elementui-Image组件,单个图片点击放大展示
Elementui-Image组件,单个图片点击放大展示
|
4月前
|
Android开发 开发者
Android开发之通过渲染纹理展示地球仪
该文阐述了如何使用OpenGL为三维物体添加纹理,以增强其真实感。纹理坐标是二维的,用于标记摊平后的“布料”对应物体的哪个部位,类似裁缝制作衣服的过程。在OpenGL中,启用纹理和深度测试是关键,还包括设置纹理参数、分配纹理编号、绑定位图材质等步骤。计算材质的纹理坐标后,通过`glDrawArrays`结合顶点和纹理坐标逐个贴图。最终示例展示了将世界地图贴到球体上形成逼真的地球仪效果。通过控制旋转、平移和缩放,能实现简单的三维动画效果。
55 2
Android开发之通过渲染纹理展示地球仪
|
10月前
|
小程序 JavaScript API
小程序图片渲染
小程序图片渲染
80 0
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
89 0
|
缓存 前端开发 小程序
微信小程序canvas画布渲染图片
微信小程序canvas画布渲染图片
206 0
|
定位技术 API 容器
百度地图覆盖物加载svg图片的实战案例分析
百度地图覆盖物加载svg图片的实战案例分析
533 0
|
JavaScript
Vue实现图片大图预览,v-viewer组件的使用方法演示
Vue实现图片大图预览,v-viewer组件的使用方法演示
465 0