swift - 用小间隙绘制圆形轮廓 Sprite Kit Swift

Question

我目前正在使用 SpriteKit 创建游戏。在这个游戏中，我试图绘制一个圆的轮廓，在这个圆的轮廓中有一个小间隙(可能大约是整个圆周的 1/8)。这是我正在可视化的绘制图片。

我如何使用 SpriteKit 做到这一点？我会使用 SKShapeNode 吗？任何帮助，将不胜感激。谢谢。

Answer 1

将 SKShapeNode 与 SKEffectNode 结合使用，您可以获得类似的效果，如下所示:

override func didMoveToView(view: SKView) {

        let effectNode = SKEffectNode()
        let gap = CGFloat(M_PI_4 / 4.0)

        for i in 0...3 {

            let shape = SKShapeNode(circleOfRadius: 50)

            shape.fillColor = .clearColor()
            shape.lineWidth = 6.8
            shape.strokeColor = .darkGrayColor()

            let startAngle:CGFloat = CGFloat(i) * CGFloat(M_PI_2) + gap
            let endAngle:CGFloat = startAngle + CGFloat(M_PI_2) - gap * 2

            print("Iteration \(i) : start angle (\(startAngle * 180 / CGFloat(M_PI)), end angle (\(endAngle  * 180 / CGFloat(M_PI)))")

            shape.path = UIBezierPath(arcCenter: CGPointZero, radius: -50, startAngle: startAngle, endAngle: endAngle, clockwise: true).CGPath

            effectNode.addChild(shape)
        }

        effectNode.position = CGPoint(x: frame.midX, y: frame.midY)
        effectNode.shouldRasterize = true

        addChild(effectNode)
}

结果:

或者您可以通过编程方式制作 mask 并将其应用于 SKCropNode。 SKCropNode 当然是环的父级(SKShapeNode，fillColor 设置为 .clearColor() 和 strokeColor 设置为适当的值)。