美文网首页2016技术笔记
2016笔记——毛玻璃(二)

2016笔记——毛玻璃(二)

作者: 满庭花醉三千客 | 来源:发表于2018-07-27 10:35 被阅读3次

俗话说,知其然,知其所以然,上一篇的毛玻璃效果并不是很满意,但是还是有收获的呢。

我接触到了CIImage的很多东西。下面就是其中的一个例子:

屏幕快照 2016-01-28 15.34.20.png

其实主要是Filter的配置,我找到了Filter的全部内容的方法:

屏幕快照 2016-01-28 15.50.40.png

总共打印了173种处理方式。

打印的内容是这样的:

屏幕快照 2016-01-28 15.54.28.png

看不清楚是不?没关系,没准备让你看清楚呢,就是让你明白打印出来东西了。

好了,不闹了,好好分析一下这些数据吧,真的挺好用的。

先看看毛玻璃效果那部分都打印了什么:

屏幕快照 2016-01-28 11.14.05.png

第一个要看的是横线的部分,横线标出的是毛玻璃效果的名称,然后框框里的是需要配置的参数,为inputImage和inputRadius。在对应的大括号里面,有该参数的具体解释和所属类型。

我们看一下我们实现毛玻璃时,是不是配置了这两个参数:

屏幕快照 2016-01-28 16.04.17.png

再看一下我们的旋转效果都有什么内容:

屏幕快照 2016-01-28 16.05.39.png 屏幕快照 2016-01-28 16.06.02.png

可以看得出,名称是:CITwirlDistortion。总共需要配置inputAngle、inputCenter、inputImage、inputRadius这么四个属性,当然有些存在默认值的可以不设置。

屏幕快照 2016-01-28 16.14.03.png 屏幕快照 2016-01-28 16.25.54.png 屏幕快照 2016-01-28 16.27.27.png 屏幕快照 2016-01-28 16.28.56.png 屏幕快照 2016-01-28 16.30.34.png 屏幕快照 2016-01-28 16.32.40.png

原图:

屏幕快照 2016-01-28 16.21.52.png

嗯,来看一下旋转的效果:

屏幕快照 2016-01-28 16.20.26.png

看一下变昏暗的效果:

屏幕快照 2016-01-28 16.26.42.png

看一下变亮的效果:

屏幕快照 2016-01-28 16.28.06.png

替换颜色的效果:

屏幕快照 2016-01-28 16.29.43.png

疾行效果:

屏幕快照 2016-01-28 16.31.05.png

凸显线条:

屏幕快照 2016-01-28 16.33.11.png

还有好多好多的效果,等有空了,可以一个一个试一遍~

加油~

相关文章

网友评论

    本文标题:2016笔记——毛玻璃(二)

    本文链接:https://www.haomeiwen.com/subject/yiewmftx.html