如何使用SpriteKit绘制实心圆？

Question

我想在SpriteKit中画一个圆圈。

我正在画一个圆圈。

node.physicsBody = SKPhysicsBody(circleOfRadius: radius)
node.fillColor = color
node.strokeColor = node.fillColor

我需要根据介于0.0和1.0之间的值在某个级别填充此圆。我怎样才能达到这个效果？

例如，上面的圆圈填充值为0.5。

Answer 1

实现此目的的一种方法是使用SKCropNode

首先，你需要创建两个圆形纹理，就像这些;

然后创建自定义SKSpriteNode：

import SpriteKit

class Circle : SKSpriteNode {
    var fillSprite : SKSpriteNode!
    var cropNode : SKCropNode!
    var maskNode : SKSpriteNode!

    override init(texture: SKTexture?, color: UIColor, size: CGSize) {
        super.init(texture: texture, color: color, size: size)

        fillSprite = SKSpriteNode(imageNamed: "bluecircle") 

        maskNode = SKSpriteNode(color: UIColor.blackColor(), size: CGSize(width: self.size.width, height: self.size.height))
        maskNode.position.y -= self.size.height/2

        cropNode = SKCropNode()
        cropNode.addChild(fillSprite)
        cropNode.maskNode = maskNode
        cropNode.zPosition = 1
        self.addChild(cropNode)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func setFillAmount(amount: CGFloat) {
        // amount parameter must be float value between 0.0 and 1.0
        let newHeight = amount * (self.size.height*2)
        maskNode.size = CGSize(width: self.size.width, height: newHeight)
    }

}

要使用它：

// Image size is 150x150px in this example
let circle = Circle(texture: SKTexture(imageNamed: "whitecircle"), color: UIColor.whiteColor(), size: CGSize(width: 150, height: 150))
circle.setFillAmount(0.4)

就是这样。

也许不是完美的解决方案，但首先要做的事情。至少它有效。

Answer 2

我只有时间给你一个部分答案。正如Carrl所说，您可以使用Core Graphics绘制您正在寻找的那种形状（除了我使用的UIBezierPath之外）：

UIGraphicsBeginImageContextWithOptions(CGSizeMake(100, 100), false, 0)
UIColor.greenColor().set()
let p = UIBezierPath()
p.moveToPoint(CGPointMake(0, 50))
p.addArcWithCenter(CGPointMake(50, 50), radius: 50, startAngle: 0, endAngle: CGFloat(M_PI), clockwise: true)
p.closePath()
p.fill()
p.removeAllPoints()
p.moveToPoint(CGPointMake(0, 50))
UIColor.greenColor().colorWithAlphaComponent(0.5).set()
p.addArcWithCenter(CGPointMake(50, 50), radius: 50, startAngle: CGFloat(M_PI), endAngle: CGFloat(2 * M_PI), clockwise: true)
p.closePath()
p.fill()
let im1 = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()

您仍然需要弄清楚如何在SKSpriteNode中将其用作纹理，但您应该能够在此网站上找到答案。 （SKShapeNode 可能是一个选项，但上次我尝试在Swift Playground中使用它时，我记得它在尝试填充形状节点的路径时引发了错误。）

Answer 3

我建议您使用CoreGraphics中的方法以编程方式绘制Image：

UIGraphicsBeginImageContextWithOptions(size, false, 1)
//your code to draw the shape here
let imageYouWant = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()

然后使用imageYouWant作为SKSpriteNode

的图片