Создание прозрачного градиента и использование его в качестве альфа-маски в SpriteKit

Я не уверен, что Core Image является подходящим инструментом для этой работы — вам, вероятно, лучше использовать CGGradient функции для рисования вашего изображения.

В сторону: то, о чем вы просите, было бы возможно, но громоздко в CoreImage. Подумайте об этом по аналогии с тем, что вы сделали бы для создания этих изображений как пользователь Photoshop или другого распространенного графического программного обеспечения... способ CoreImage будет примерно таким:

1. Создайте слой для верхнего градиента, заполните весь холст своим градиентом и трансформируйте слой в нужное положение и размер.
2. Создайте слой для средней черной части, залейте весь холст черным цветом и трансформируйте слой в нужное положение и размер.
3. То же самое № 1, но для нижнего градиента.

Вы можете сделать это с помощью комбинации фильтров генератора, фильтров преобразования и фильтров композитинга...

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

Но устанавливать это было бы некрасиво.

Точно так же в Photoshop вы можете использовать инструменты выделения и инструменты заливки/градиента, чтобы полностью создать свой дизайн градиент-заливка-градиент в пределах одного слоя... это то, что аналогично рисованию одного изображения с помощью CoreGraphics.

Итак, как сделать однопроходный компьютерный рисунок? Что-то вроде этого...

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, y: 0, width: width, height: height))

    // draw top gradient
    CGContextDrawLinearGradient(context, gradient, CGPoint(x: 0, y: gradientOffset), CGPoint(x: 0, y: gradientOffset + gradientLength), [])

    // fill solid black middle
    CGContextSetFillColorWithColor(context, endColor)
    CGContextFillRect(context, CGRect(x: 0, y: gradientOffset + gradientLength, width: width, height: height - 2 * gradientOffset - 2 * gradientLength))

    // draw bottom gradient
    CGContextDrawLinearGradient(context, gradient, CGPoint(x: 0, y: height - gradientOffset), CGPoint(x: 0, y: height - gradientOffset - gradientLength), [])

    return CGBitmapContextCreateImage(context)!
}