Swift   发布时间:2022-04-29  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了swift – 创建透明渐变并将其用作SpriteKit中的alpha掩码大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试制作渐变并将其用作alpha蒙版.现在,我能够制作一个类似于此的图像(从黑色到透明):

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

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

@H_419_15@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元素时),因此性能根本不会受到影响.

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

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

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

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

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

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

解决方法

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

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

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

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

@H_419_15@gradient -> transform -\ }-> composite -\ solid color -> transform -/ \ }-> composite gradient -> transform ————————————————--/

但是设置它会很难看.

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

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

@H_419_15@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掩码所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。