swift – 创建透明渐变并将其用作SpriteKit中的alpha掩码

概述我正在尝试制作渐变并将其用作alpha蒙版.现在,我能够制作一个类似于此的图像(从黑色到透明)： 这是我用来制作所有这些的代码： private func createImage(width: CGFloat, height: CGFloat) -> CGImageRef?{ if let ciFilter = CIFilter(name: "CILinearGradient") 我正在尝试制作渐变并将其用作Alpha蒙版.现在,我能够制作一个类似于此的图像(从黑色到透明)：

这是我用来制作所有这些的代码：

private func createImage(wIDth: CGfloat,height: CGfloat) -> CGImageRef?{        if let ciFilter = CIFilter(name: "CIlinearGradIEnt"){            let ciContext = CIContext()            ciFilter.setDefaults()            let startcolor  = CIcolor(red: 0,green: 0,blue: 0,Alpha: 0)            let endcolor    = CIcolor(red: 0,Alpha: 1)            let startVector = CIVector(x: 0,y: height-10)            let endVector   = CIVector(x: 0,y: height-22)            ciFilter.setValue(startcolor,forKey: "inputcolor0")            ciFilter.setValue(endcolor,forKey: "inputcolor1")            ciFilter.setValue(startVector,forKey: "inputPoint0")            ciFilter.setValue(endVector,forKey: "inputPoint1")            if let outputimage = ciFilter.outputimage {                let  cgImage:CGImageRef = ciContext.createCGImage(outputimage,fromrect: CGRect(x: 0,y: 0,wIDth: wIDth,height: height))                return  cgImage            }        }        return nil    }

对我来说,这种方式非常完美,因为我在代码中只创建了一次掩码(创建GUI元素时),因此性能根本不会受到影响.

问题是我实际上需要一个结果图像(渐变纹理)看起来像这样(渐变应该有固定的高度,但黑色区域的大小可能会有所不同)：

因为CIlinearGradIEnt过滤器没有inputimage参数,所以我不能一个接一个地链接两个过滤器.但我必须创建一个图像,并应用过滤器,然后创建另一个图像,并应用新的过滤器.

我解决了这个就像上面描述的那样.此外,我不得不分三步扩展一个过程(创建上部渐变,创建中间,黑色区域并创建较低的渐变),然后将所有这些组合成一个图像.

我想知道有什么关于CILinearGradient过滤器我不知道的？也许有一种更简单的方法可以解决这个问题并制作复杂的渐变？

请注意,我正在使用SpriteKit并使用CAGradIEntLayer解决这个问题并不是我想要的方式.

解决方法 我不确定Core Image是否适合这里的工作 – 使用CGGradIEnt函数绘制图像可能会更好.

旁白：你所要求的是可能的,但在CoreImage中很麻烦.可以想象一下,作为Photoshop或其他常用图形软件的用户创建这些图像所做的工作…… CoreImage的方式是这样的：

>为上部渐变创建图层,使用渐变填充整个画布,然后将图层转换为正确的位置和大小
>为中间黑色部分创建一个图层,用黑色填充整个画布,并将图层转换为正确的位置和大小
>同上#1,但是对于底部渐变.

您可以使用生成器过滤器,变换过滤器和合成过滤器的组合来完成此 *** 作……

gradIEnt    -> transform -\                           }-> composite -\solID color -> transform -/                \                                            }-> compositegradIEnt    -> transform ————————————————--/

但是设置它会很难看.

同样,在Photoshop中,您可以使用选择工具和填充/渐变工具在单个图层内完全创建渐变填充渐变设计……这就是使用CoreGraphics绘制单个图像的类似内容.

那么,如何做单通CG绘图？像这样……

func createImage(wIDth: CGfloat,_ height: CGfloat) -> CGImage {    let gradIEntOffset: CGfloat = 10 // white at bottom and top before/after gradIEnt    let gradIEntLength: CGfloat = 12 // height of gradIEnt region    // create colors and gradIEnt for drawing with    let space = CGcolorSpaceCreateDeviceRGB()    let startcolor = UIcolor.whitecolor().CGcolor    let endcolor = UIcolor.blackcolor().CGcolor    let colors: CFArray = [startcolor,endcolor]    let gradIEnt = CGGradIEntCreateWithcolors(space,colors,[0,1])    // start an image context    UIGraphicsBeginImageContext(CGSize(wIDth: wIDth,height: height))    defer { UIGraphicsEndImageContext() }    let context = UIGraphicsGetCurrentContext()    // fill the whole thing with white (that'll show through at the ends when done)    CGContextSetFillcolorWithcolor(context,startcolor)    CGContextFillRect(context,CGRect(x: 0,height: height))    // draw top gradIEnt    CGContextDrawlinearGradIEnt(context,gradIEnt,CGPoint(x: 0,y: gradIEntOffset),y: gradIEntOffset + gradIEntLength),[])    // fill solID black mIDdle    CGContextSetFillcolorWithcolor(context,endcolor)    CGContextFillRect(context,y: gradIEntOffset + gradIEntLength,height: height - 2 * gradIEntOffset - 2 * gradIEntLength))    // draw bottom gradIEnt    CGContextDrawlinearGradIEnt(context,y: height - gradIEntOffset),y: height - gradIEntOffset - gradIEntLength),[])    return CGBitmapContextCreateImage(context)!}

总结

以上是内存溢出为你收集整理的swift – 创建透明渐变并将其用作SpriteKit中的alpha掩码全部内容，希望文章能够帮你解决swift – 创建透明渐变并将其用作SpriteKit中的alpha掩码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。