objective-c - 如何从 SKShapeNode 中裁剪出 SKLabelNode？

Question

我想使用下面的步骤来获得上面的效果。

---

基本上，它由一个背景图像 SKSpriteNode 组成

我在它上面添加了一个红色的 SKShapeNode

我想从那个红色 ShapeNode 上剪下 SKLabel 节点。

我有一个可以伪造这种效果的代码。但是，如果你移动形状节点，那么噱头就会暴露出来。

class GameScene: SKScene {

    override func didMove(to view: SKView) {
        let baseNode = SKSpriteNode(imageNamed: "step1")
        baseNode.zPosition = 0
        baseNode.position = CGPoint(x:0,y:100)

        let shapeNode = SKShapeNode(rect: CGRect(origin: CGPoint(x:-155, y:-15), size: baseNode.size))
        shapeNode.fillColor = .red
        shapeNode.zPosition = 1
        addChild(shapeNode)

        let labelNode = SKLabelNode(text: "Hi")
        labelNode.fontColor = .white
        labelNode.fontName = "Arial"
        labelNode.fontSize = 185
        labelNode.zPosition = 2

        let cropNode = SKCropNode()
        cropNode.addChild(baseNode)
        cropNode.maskNode = labelNode
        cropNode.zPosition = 1
        addChild(cropNode)
    }
}

如果我尝试混合模式，它不会带我去任何地方。]

class GameScene: SKScene {

    override func didMove(to view: SKView) {
        let baseNode = SKSpriteNode(imageNamed: "step1")
        baseNode.zPosition = 0
        baseNode.position = CGPoint(x:0,y:100)
        addChild(baseNode)

        let shapeNode = SKShapeNode(rect: CGRect(origin: CGPoint(x:-155, y:-15), size: baseNode.size))
        shapeNode.fillColor = .green
        shapeNode.zPosition = 1
        addChild(shapeNode)

        let labelNode = SKLabelNode(text: "Hi")
        labelNode.fontColor = .red
        labelNode.fontName = "Arial"
        labelNode.fontSize = 185
        labelNode.zPosition = 2
        labelNode.blendMode = .subtract
        shapeNode.addChild(labelNode)

        let circle = SKShapeNode(circleOfRadius: 40)
        circle.position = CGPoint(x:0,y:40)
        circle.fillColor = .green
        circle.blendMode = .subtract
        circle.zPosition = 3
        shapeNode.addChild(circle)
    }
}

Answer 1

如果你倒转你的想法，这会容易得多。

将红色层放在后面/底部。最低 zPosition。让我们说-1.0这个例子。

把图片放在上面，zPosition0.0

将上面的字母放在 zPostion 的位置1.0

所以，从 iPhone 的屏幕来看，是这样的：

• 屏幕
• 信
• 图片
• 红色背景

你想用字母来掩盖图片。

完成此操作后，无论何时移动字母，它都会从图片中显示其下方的内容。其他一切都是红色的。