SceneKit_中级10_滤镜效果制作

SceneKit_入门01_旋转人物
SceneKit_入门02_如何创建工程
SceneKit_入门03_节点
SceneKit_入门04_灯光
SceneKit_入门05_照相机
SceneKit_入门06_行为动画
SceneKit_入门07_几何体
SceneKit_入门08_材质
SceneKit_入门09_物理身体
SceneKit_入门10_物理世界
SceneKit_入门11_粒子系统
SceneKit_入门12_物理行为
SceneKit_入门13_骨骼动画
SceneKit_中级01_模型之间的过渡动画
SceneKit_中级02_SCNView 详细讲解
SceneKit_中级03_切换照相机视角
SceneKit_中级04_约束的使用
SceneKit_中级05_力的使用
SceneKit_中级06_场景的切换
SceneKit_中级07_动态修改属性
SceneKit_中级08_阴影详解
SceneKit_中级09_碰撞检测
SceneKit_中级10_滤镜效果制作
SceneKit_中级11_动画事件
SceneKit_高级01_GLSL
SceneKit_高级02_粒子系统深入研究
SceneKit_高级03_自定义力
SceneKit_高级04_自定义场景过渡效果
SceneKit_高级05 检测手势点击到节点
SceneKit_高级06_加载顶点、纹理、法线坐标
SceneKit_高级07_SCNProgram用法探究
SceneKit_高级08_天空盒子制作
SceneKit_高级09_雾效果
SceneKit_大神01_掉落的文字
SceneKit_大神02_弹幕来袭
SceneKit_大神03_navigationbar上的3D文字

让学习成为一种习惯

本节学习目标

在SceneKit 游戏引擎中如何使用滤镜

其实很简单的

需要重点关注一个属性和一个类

• SCNNode 的一个属性

open var filters: [CIFilter]?

• CIFilter

内置的核心图像滤镜处理,这个类可以创建很多滤镜效果,当然我们也可以自定义滤镜效果,关于这个类的详细使用情况请查阅苹果官方文档

举个简单的例子告诉你怎么使用

• 第一步 创建工程(略)
• 第二步 导入框架SceneKit
• 第三步 创建游戏专用视图

let scnView = SCNView(frame: self.view.bounds, options: [SCNView.Option.preferredRenderingAPI.rawValue:true])     
scnView.backgroundColor = UIColor.black
self.view.addSubview(scnView)

• 第四步 创建游戏场景

 let scene = SCNScene()
 scnView.scene = scene

• 第五步 创建照相机

let cameraNode = SCNNode()
cameraNode.camera = SCNCamera()
scene.rootNode.addChildNode(cameraNode)

• 第六步 创建一个正方体

let box = SCNBox(width: 1, height: 1, length: 1, chamferRadius: 0)
box.firstMaterial?.diffuse.contents = "1.png"
let boxNode = SCNNode(geometry: box)
boxNode.position = SCNVector3Make(0, 0, -2)
scene.rootNode.addChildNode(boxNode)

可以添加一个环境光源如果不手动创建环境光,系统会自动创建一个环境光,注意一点,系统这个光源是没有办法获取的

这个时候,你可以运行一下

让学习成为一种习惯

上面是基本的东西,相信所有跟着我的教程学习的所有伙伴都已经完全掌握了,那么我们接下来就演示一下如何对我们这个图片进行滤镜

• 滤镜1

let filter = CIFilter(name: "CIEdgeWork")!
boxNode.filters = [filter]

让学习成为一种习惯

• 滤镜 2

  let filter = CIFilter(name: "CIGaussianBlur")!
  filter.setDefaults()
  filter.setValue(10, forKey: kCIInputRadiusKey)
  boxNode.filters = [filter]

让学习成为一种习惯

• 滤镜 3

 let filter = CIFilter(name: "CISepiaTone")!     
 filter.setDefaults()
 filter.setValue(0.8, forKey: kCIInputIntensityKey)                    
 boxNode.filters = [filter]

让学习成为一种习惯

• 滤镜 4

  let filter = CIFilter(name: "CISepiaTone",withInputParameters: [kCIInputIntensityKey: 5])!
 boxNode.filters = [filter]

让学习成为一种习惯

• 滤镜 5

let filter = CIFilter(name: "CIPixellate",
withInputParameters: [kCIInputScaleKey: 10.0])!
boxNode.filters = [filter]

感谢一直关注我的朋友们,你们的认可,给了我前进的动力

• 滤镜 6

let filter = CIFilter(name: "CIPhotoEffectProcess")!
 boxNode.filters = [filter]

让学习成为一种习惯

我们知道滤镜属性是一个数组,那么必然可以组合使用,我们下面演示一下

 let filter1 = CIFilter(name: "CIPixellate",
        withInputParameters: [kCIInputScaleKey: 10.0])!
let filter2 = CIFilter(name: "CIPhotoEffectProcess")!
    boxNode.filters = [filter1,filter2]

分享是一种快乐,点赞是一种美德

偷偷的告诉你

系统框架提供了很多滤镜效果,上面只是冰山一角,应该都满足大多数的滤镜效果,如果你真的需要自定义滤镜效果,那你可以使用 CIKernel,CISampler, CIFilterShape 他们 或者GLSL 进行自定义滤镜设计

参考

CIAdditionCompositing //影像合成
CIAffineTransform //仿射变换
CICheckerboardGenerator //棋盘发生器
CIColorBlendMode //CIColor混合模式
CIColorBurnBlendMode //CIColor燃烧混合模式
CIColorControls
CIColorCube //立方体
CIColorDodgeBlendMode //CIColor避免混合模式
CIColorInvert //CIColor反相
CIColorMatrix //CIColor矩阵
CIColorMonochrome //黑白照
CIConstantColorGenerator //恒定颜色发生器
CICrop //裁剪
CIDarkenBlendMode //亮度混合模式
CIDifferenceBlendMode //差分混合模式
CIExclusionBlendMode //互斥混合模式
CIExposureAdjust //曝光调节
CIFalseColor //伪造颜色
CIGammaAdjust //灰度系数调节
CIGaussianGradient //高斯梯度
CIHardLightBlendMode //强光混合模式
CIHighlightShadowAdjust //高亮阴影调节
CIHueAdjust //饱和度调节
CIHueBlendMode //饱和度混合模式
CILightenBlendMode
CILinearGradient //线性梯度
CILuminosityBlendMode //亮度混合模式
CIMaximumCompositing //最大合成
CIMinimumCompositing //最小合成
CIMultiplyBlendMode //多层混合模式
CIMultiplyCompositing //多层合成
CIOverlayBlendMode //覆盖叠加混合模式
CIRadialGradient //半径梯度
CISaturationBlendMode //饱和度混合模式
CIScreenBlendMode //全屏混合模式
CISepiaTone //棕黑色调
CISoftLightBlendMode //弱光混合模式
CISourceAtopCompositing
CISourceInCompositing
CISourceOutCompositing
CISourceOverCompositing
CIStraightenFilter //拉直过滤器
CIStripesGenerator //条纹发生器
CITemperatureAndTint //色温
CIToneCurve //色调曲线
CIVibrance //振动
CIVignette //印花
CIWhitePointAdjust //白平衡调节

代码库,听说经常给人点赞都变帅了!