画一条改变方向的线

Drawing a Line that Changes Direction

我目前正在尝试制作一个由直线组成的应用程序,但是当点击屏幕时,它会以 45 度角(向左或向右)变化。

我正在为此创建路径:

        var path = CGPathCreateMutable()
    for var i = 0; i < wayPoints.count; i++ {
        let p = wayPoints[i]
        if i == 0 {
            CGPathMoveToPoint(path, nil, p.x, p.y)
        } else {
            CGPathAddLineToPoint(path, nil, p.x, p.y)
        }
    }

然后我像这样填充 wayPoints 数组(这段代码每秒调用几次):

        if (wayPoints.isEmpty) {
        wayPoints.append(CGPointMake(0, CGRectGetMinY(self.view!.frame)))
    } else {
        if (wayPoints.count >= 30) {
            while (wayPoints.count >= 30) {
                wayPoints.removeAtIndex(0)
            }
        }
        if (currentPosition == Position.Right) {
            wayPoints.append(CGPointMake(wayPoints.last!.x + 1, wayPoints.last!.y + 1))
        } else if (currentPosition == Position.Left) {
            wayPoints.append(CGPointMake(wayPoints.last!.x - 1, wayPoints.last!.y + 1))
        } else {
            wayPoints.append(CGPointMake(0, wayPoints.last!.y + 1))
        }
    }

(当点击发生时,currentPosition 改变)。

虽然我认为这不重要,但这就是我创建 SKShapeNode 行的方式:

let shapeNode = SKShapeNode()
shapeNode.path = path
shapeNode.name = "line"
shapeNode.strokeColor = UIColor.blackColor()

这有点管用,但由于某种原因,路径中似乎有一个 "leak"(不是内存)。这就是上面代码的样子: http://gyazo.com/92dd84de15e125ea3d598cbfa9a86b13

正如你所看到的,当线转弯时它几乎是一个三角形。它应该只是一条线,两边没有多余的 'mass'。

您看到的三角形是用颜色填充的线条路径。在这种情况下,黑色。要解决这个问题,请将形状节点的 fillColor 属性 设置为不可见颜色

shapeNode.fillColor = SKColor.clearColor()

我在这里使用 SKColor 而不是 UIColor 因为前者无需修改就可以在 Mac OS X 和 iOS 应用程序中使用.