不完美的算法：

Question

我正在尝试使用swift在sprite工具包中绘制网格拓扑（图形）。我是精灵套件的新手。请提供任何建议或示例代码。

Answer 1

正如我在评论中提到的，我不知道如何制作完美的地形算法，但是我确实提出了可以复制你图片的东西。

基本上，您将一堆图添加为SKNodes，然后使用.position属性作为使用CGPath绘制的线的起点和终点。从该路径，您可以创建SKShapeNode(path: CGPath)。

我还在这里添加了一个使用委托的自定义按钮，但它与地形的实际“胆量”完全分开。这只是一个按钮。

// Overly complex way of creating a custom button in SpriteKit:
protocol DrawLinesDelegate: class { func drawLines() }

// Clickable UI element that will draw our lines:
class DrawLinesButton: SKLabelNode {

  weak var drawLinesDelegate: DrawLinesDelegate?

  init(text: String, drawLinesDelegate: DrawLinesDelegate) {
    super.init(fontNamed: "Chalkduster")
    self.drawLinesDelegate = drawLinesDelegate
    self.text = text
    isUserInteractionEnabled = true
  }

  override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    print(drawLinesDelegate)

    drawLinesDelegate?.drawLines()
  }
  required init?(coder aDecoder: NSCoder) { fatalError("") }
  override init() { super.init() }
};


class GameScene: SKScene, DrawLinesDelegate {

  var plots = [SKShapeNode]()

  // var lines = [SKShapeNode]()  // This may be useful in a better algorithm.

  var nodesDrawnFrom = [SKShapeNode]()

  var drawLinesButton: DrawLinesButton?

  func drawLine(from p1: CGPoint, to p2: CGPoint) {

    let linePath = CGMutablePath()
    linePath.move(to: p1)
    linePath.addLine(to: p2)

    let line = SKShapeNode(path: linePath)
    line.strokeColor = .red
    line.lineWidth   = 5
    // lines.append(line) // Again, may be useful in a better algo.
    addChild(line)
  }

  func drawLines() {

    // Remove all lines: // Again again, may be useful in a better algorithm.
    /*
     for line in lines {
     line.removeFromParent()
     lines = []
     }
     */

    // The plot that we will draw from:
    var indexNode = SKShapeNode()

    // Find indexNode then draw from it:
    for plot in plots {

      // Find a new node to draw from (the indexNode):
      if nodesDrawnFrom.contains(plot) {
        continue
      } else {
        indexNode = plot
      }

      // Draw lines to every other node (from the indexNode):
      for plot in plots {
        if plot === indexNode {
          continue
        } else {
          drawLine(from: indexNode.position, to: plot.position)
          nodesDrawnFrom.append(indexNode)
        }
      }
    }
  }

  func addNode(at location: CGPoint) {
    let plot = SKShapeNode(circleOfRadius: 50)
    plot.name = String(describing: UUID().uuid)
    plot.zPosition += 1
    plot.position = location
    plot.fillColor = .blue

    plots.append(plot)
    addChild(plot)
  }

  override func didMove(to view: SKView) {
    drawLinesButton = DrawLinesButton(text: "Draw Lines", drawLinesDelegate: self)
    drawLinesButton!.position.y = frame.minY + (drawLinesButton!.frame.size.height / 2)
    addChild(drawLinesButton!)
  }

  override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    let location = touches.first!.location(in: self)
    addNode(at: location)
  }
}

不完美的算法：

在这里你可以看到，当你有中点时（有阻挡直线的东西），有多条线从一个到另一个被绘制出来：

您需要在算法中添加另一个完整的部分来检查这一点。

另一个需要注意的重要事项是SKShapeNode（）是非常不合格的，最好将所有这些转换为SpriteNodes，或者将整个场景咬合到静态纹理上。

然而，将它们全部作为ShapeNodes可以为您提供最大的灵活性，并且最容易在此解释。

我如何使用swift在sprit工具包中绘制网格拓扑

1 个答案:

不完美的算法：