美文网首页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