SpriteKit - 逐渐绘制贝塞尔曲线

问题描述:

我正在研究iOS教育,孩子们正在绘制字母。游戏机制非常简单,工作正常。我想要做的是通过将过去的部分变成绿色粗线来显示绘图进度。查看图片:SpriteKit - 逐渐绘制贝塞尔曲线

enter image description here

有几个解决方案,我的想法。

  1. 面膜在隐藏路径根据用户,其将触摸位置
  2. 创建上touchesMoved一个新的路径:通过取原始和添加一个点到所述用户触摸位置,然后汽提其余

你会选择什么或有一些更好的解决方案?

注意:我想精确绘制绿色路径为虚线。通过在用户移动之后绘制路径会导致难看的线条。

谢谢。

我会说你的选择取决于是否用贝塞尔曲线绘制(或在所有部分中绘制)虚线。

如果虚线是您显示的图像,可能解决方案1同时绘制粗线和适合的蒙版是最容易做到的。

如果虚线已绘制为贝塞尔曲线(或通过绘制几条连接的贝塞尔曲线绘制),则解决方案2对我来说似乎最好。棘手的部分将是确保你在这种情况下完全按照虚线(但我想你已经认为:-)。

+0

感谢您的回复。虚线从UIBezierPath创建,因此没有图像。第二个解决方案听起来像是可以工作的东西。但我无法弄清楚如何操纵路径。有没有什么方法可以循环使用它的部件? – adam

+0

“零件”我的意思是,如果你已经建立了几个部分的生产线 - 那么你应该已经知道这些零件。您可以在这里查看绘制给定贝塞尔曲线的任意部分:http://*.com/questions/878862/drawing-part-of-a-bezier-curve-by-reusing-a-basic-bezier-曲线函数 – TheEye