为什么SKShapeNode撕裂？

Question

当用户沿着一条线迹线时，一条SKShapeNode路径由线段（来自底层的“贴图”）构建。

var activatedPointPath: UIBezierPath { 
    let activatedPointPath = UIBezierPath() 

    // self.state.activatedPoints contains the end point 
    // of each full line segment the user has traced through 
    if let firstActivatedPoint = self.state.activatedPoints.first { 
     activatedPointPath.move(to: firstActivatedPoint) 
     for activatedPoint in self.state.activatedPoints { 
      activatedPointPath.addLine(to: activatedPoint) 
     } 
     // self.state.endOfLine contains the last point the user 
     // has touched, which may or may not be at the end of a line 
     // segment 
     if let lastPoint = self.state.endOfLine { 
      activatedPointPath.addLine(to: lastPoint) 
     } 
    } 

    return activatedPointPath 
} 

然后这被分配到：实际的路径是通过线锁定用户以前已经拖了过来，并找到在最接近线上的最近点到最新触碰点，然后建立一个路径，像这样建所述SKShapeNode为：

self.lineNode.path = self.activatedPointPath.cgPath 

然而，当用户正在跟踪线，先前的段闪烁与同时被绘制到屏幕上，像这样的三角形丢失：

  高于210个    

的图像是从一个简单的3×3块网格允许用户跟踪一个简单的直线：

下面是一个更复杂的例子，其中该行开始上左下方和右上方结束：

什么引起这些神器？

编辑，而我已经找到一个解决这个问题，我还是欢迎的原因，原来的代码没有工作，新的代码做任何解释。

Answer 1

我对此问题的解决方法是更改​​activatedPointPath计算的变量，以便将线段组合在一起，而不是一次绘制线条。

新的代码看起来是这样的：

var previousPoint = firstActivatedPoint 
for activatedPoint in self.state.activatedPoints { 
    let newSegment = UIBezierPath() 
    newSegment.move(to: previousPoint) 
    newSegment.addLine(to: activatedPoint) 

    activatedPointPath.append(newSegment) 

    previousPoint = activatedPoint 
} 
if let lastPoint = self.state.endOfLine { 
    let newSegment = UIBezierPath() 
    newSegment.move(to: previousPoint) 
    newSegment.addLine(to: lastPoint) 
    activatedPointPath.append(newSegment) 
} else { 
    print("No last point") 
} 

现在产生线条流畅。