Как создать градиент в Spritekit?

Я не думаю, что это возможно с текущим SKShapeNode, который в настоящее время едва справляется со своими основными функциями. Хорошим подходом, если вы не хотите использовать уже существующие градиентные изображения спрайтов, было бы создать SKTexture из применения CIFilter (например, CILinearGradient в данном случае) к основному изображению блока, а затем создать SKSpriteNode из этого SKTexture.

Вот решение. (Обратите внимание, я использую Rubymotion, привязку ruby ​​для Objective C/iOS, однако логика точно такая же. Если кто-то хочет отредактировать это и поставить эквивалент Objective C, вперед

  size = CGSizeMake(50,50)
  scale = options[:scale] || UIScreen.mainScreen.scale
  opaque = options.fetch(:opaque, false)

  UIGraphicsBeginImageContextWithOptions(size, opaque, scale)
  context = UIGraphicsGetCurrentContext()

  gradient = CAGradientLayer.layer
  gradient.frame = CGRectMake(0,0,50,50)
  gradient.colors = [SKColor.blackColor.CGColor,SKColor.whiteColor.CGColor]
  gradient.renderInContext(context)

  image = UIGraphicsGetImageFromCurrentImageContext()
  UIGraphicsEndImageContext()

  texture = SKTexture.textureWithCGImage(image.CGImage)
  node = SKSpriteNode.alloc.initWithTexture(texture)

Хорошо, вот что я использую сейчас. Я взял за основу решение AwDogsGo2Heaven, но адаптированное для Mac. Было бы сладко с одним полностью совместимым решением. Я далеко не уверен, как создавать контексты. Но вроде работает. Также я не уверен в масштабе. Работает на Mac с сетчаткой и Mac без Retina и не видит никаких проблем, но контекст создается с использованием масштаба 2, поэтому может быть излишним для Mac без Retina. Я поместил это в категорию на SKTexture.

Чтобы использовать его, просто позвоните +(SKTexture*)gradientWithSize:(const CGSize)SIZE colors:(NSArray*)colors.

Изменить: Обновленный код и дополнительные обсуждения здесь: Текстура градиента имеет неправильный масштаб на Retina Mac

Ответ Мэтта правильный, но я пока не могу добавить градиент. Это моя текущая попытка, если кто-то знает, как заставить ее работать, пожалуйста, обновите для темы.

Вот Ссылка на основное изображение

CIFilter *gradientFilter = [CIFilter filterWithName:@"CILinearGradient"];
//[gradientFilter setDefaults];
CIColor *startColor = [CIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:1.0];
CIColor *endColor = [CIColor colorWithRed:0 green:0 blue:0 alpha:1.0];
CIVector *startVector = [CIVector vectorWithX:0 Y:0];
CIVector *endVector = [CIVector vectorWithX:0.21 Y:0.31];
[gradientFilter setValue:startVector forKey:@"inputPoint0"];
[gradientFilter setValue:endVector forKey:@"inputPoint1"];
[gradientFilter setValue:startColor forKey:@"inputColor0"];
[gradientFilter setValue:endColor forKey:@"inputColor1"];

SKEffectNode *effectNode = [SKEffectNode node];
effectNode.filter = gradientFilter;
effectNode.shouldEnableEffects = YES;

[self addChild:effectNode];
//effectNode.position = CGPointMake(200, 200);

Еще один хороший способ протестировать свои фильтры — загрузить демонстрационное приложение CIFunHouse с WWDC 2013.