掩码SKSpriteNode

时间:2018-01-31 22:50:10

标签: ios sprite-kit mask skspritenode skcropnode

我在sks文件中添加了几个节点,现在我想在最低节点SKSpriteNode添加一些掩码。结构如下所示:

enter image description here

其中

  • green - wordInfoHolder
  • 红色 - 标签容器
  • whiteText - label

现在我想要隐藏以红色显示的部分。为了执行此类操作,我读到可以使用SKCropNode

我能够在场景文件中找到所有节点并将它们保存到变量中。

if let holder = childNode(withName: "wordInfoHolder") as? SKSpriteNode {
        wordInfoHolder = holder
        if let wordSwitchNode = wordInfoHolder?.childNode(withName:"wordSwitchNode") as? SKSpriteNode {
            self.wordSwitchNode = wordSwitchNode

            if let label = self.wordSwitchNode?.childNode(withName:"infoLabel") as? SKLabelNode {
                wordSwitchLabelNode = label
            }
       }
}

所有3个对象都存储并且正确。

现在我想为根对象添加一些掩码。

为此目的,我准备了面具图像:

enter image description here

尝试做类似的事情:

  guard let holder = wordInfoHolder else { return }
  let positionToSet = holder.position
  let mask = SKSpriteNode(imageNamed: "rectangle_mask")
  let cropNode = SKCropNode()
  holder.removeFromParent()
  cropNode.addChild(holder)
  cropNode.maskNode = mask
  cropNode.position = positionToSet
  self.addChild(cropNode)

但我什么也没看到。我希望看到SKSpriteNode的绿色部分。

做错了什么?

1 个答案:

答案 0 :(得分:1)

假设您已在所有对象上设置了zPosition。

我很确定问题在于,因为您正在将持有者对象从场景移动到cropNode,所以它保留了场景中的位置信息(例如,如果它在场景中的位置是500,那么它的位置是cropNode现在是500,500)

我能够重新创建你的问题,并通过将holder.position设置为零来解决问题。

在下图中,我使用黄色方框作为遮罩,蓝色和粉红色方框是测试对象,以确保cropNode位于它们之间。

enter image description here

if let holder = self.childNode(withName: "holder") as? SKSpriteNode {
    self.holder = holder

    if let switcher = holder.childNode(withName: "//switcher") as? SKSpriteNode {
        self.switcher = switcher
    }
}

if let mask = self.childNode(withName: "mask") as? SKSpriteNode {

    mask.removeFromParent()

    let positionToSet = holder.position
    holder.position = CGPoint.zero
    mask.position = CGPoint.zero

    let cropNode = SKCropNode()
    holder.removeFromParent()
    cropNode.addChild(holder)
    cropNode.maskNode = mask
    cropNode.position = positionToSet
    cropNode.zPosition = 10
    self.addChild(cropNode)
}

添加了花絮

holder.move(toParent: cropNode)

可用于代替

holder.removeFromParent()
cropNode.addChild(holder)