我正在进行一个Sprite Kit项目,在其中有时需要仅显示现有图像的一半。
我尝试将精灵的框架变小,但它只会拉伸图像。
是否有可能使用蒙版或其他方式来仅显示精灵/图像/纹理的一半?
我正在进行一个Sprite Kit项目,在其中有时需要仅显示现有图像的一半。
我尝试将精灵的框架变小,但它只会拉伸图像。
是否有可能使用蒙版或其他方式来仅显示精灵/图像/纹理的一半?
// Obj-C
SKSpriteNode *skelet = [SKSpriteNode spriteNodeWithImageNamed:imageName];
// Swift
let skelet = SKSpriteNode(imageNamed: imageName)
2) 创建SKCropNode:
// Obj-C
SKCropNode * cropNode = [SKCropNode node];
// Swift
let cropNode = SKCropNode()
3) 创建遮罩
// Obj-C
SKSpriteNode *mask = [SKSpriteNode spriteNodeWithColor:[UIColor blackColor] size:CGSizeMake(skelet.frame.size.width/2, skelet.frame.size.height)];
// Swift
let mask = SKSpriteNode(color: .black, size: CGSize(width: skelet.frame.size.width/2, height: skelet.frame.size.height))
** 将掩模位置设置为所需结果的一半(您需要骨架的一半 -> 将掩模位置设置为骨架的一半的一半)
// Obj-C
mask.position = CGPointMake(skelet.frame.size.width/4, 0);
// Swift
mask.position = CGPoint(x: skelet.frame.size.width/4, y: 0)
除以4是因为你需要将遮罩的中心点不放在骨架节点的中心,而是移动到骨架的一半(提醒一下,遮罩节点使用默认的锚点0.5 0.5,因此零点对应着骨架节点的中心)。
4) 将所需元素添加到裁剪节点中。
// Obj-C
[cropNode addChild:skelet];
[cropNode setMaskNode:mask];
[self addChild:cropNode];
// Swift
cropNode.addChild(skelet)
cropNode.maskNode = mask
self.addChild(cropNode)