如何使用ARKit与SceneKit实现裸手AR绘画的真实笔刷效果

1. 流畅自然画笔线条的实现方案 #

你当前采用的SCNSphere拼接方案存在空隙，本质是因为手势采样频率不足，相邻球体的间距大于球体半径导致的，可根据需求复杂度从以下方案中选择：

• 低复杂度补间方案：在相邻两个笔触采样点之间补充SCNCylinder填充空隙。具体实现时只需要在类中新增变量存储上一次绘制的坐标，每次拿到新的绘制坐标时，生成半径与球体一致、长度等于两点间距的圆柱体，将圆柱体放置在两点中点，朝向对齐两点连线即可，现有代码改动量极小，可快速解决空隙问题。
• 中等复杂度平滑路径方案：对连续的多个采样点用Catmull-Rom等平滑算法做路径拟合，消除手势采样的抖动问题，再沿拟合后的路径动态生成带宽度的自定义Mesh，可支持笔触粗细随移动速度、压感变化，实现类似真实马克笔、毛笔的绘制效果。
• 平面涂鸦最优方案：如果你的涂鸦场景是在识别到的2D平面上完成，可直接在该平面上挂载一张动态更新的2D纹理作为画布，每次手势移动时直接在2D纹理上做绘制，完全避免3D几何体拼接的空隙问题，性能也最优。

现有代码优化示例（补间方案） #

// 类内新增变量存储上一次绘制点
var lastDrawPoint: SCNVector3?

// 新增两点距离计算工具方法
func distanceBetween(vector1: SCNVector3, vector2: SCNVector3) -> Float {
    let dx = vector2.x - vector1.x
    let dy = vector2.y - vector1.y
    let dz = vector2.z - vector1.z
    return sqrt(dx*dx + dy*dy + dz*dz)
}

// panGesture方法末尾补充以下逻辑
if let last = lastDrawPoint {
    let lineDistance = distanceBetween(vector1: last, vector2: position)
    // 过滤过小的移动距离避免冗余节点
    guard lineDistance > 0.001 else { return }
    let cylinder = SCNCylinder(radius: 0.002, height: CGFloat(lineDistance))
    cylinder.materials.first?.diffuse.contents = UIColor.blue
    let cylinderNode = SCNNode(geometry: cylinder)
    // 圆柱体放置在两点中点
    cylinderNode.position = SCNVector3(
        (last.x + position.x)/2,
        (last.y + position.y)/2,
        (last.z + position.z)/2
    )
    // 调整朝向对齐两点连线
    cylinderNode.look(at: position)
    cylinderNode.eulerAngles.x -= .pi / 2
    sceneView.scene.rootNode.addChildNode(cylinderNode)
}
lastDrawPoint = position
// 手势结束时重置上一个点
if gesture.state == .ended || gesture.state == .cancelled {
    lastDrawPoint = nil
}

2. 引擎选择建议 #

• 首先排除SpriteKit：它是原生2D游戏引擎，对3D AR场景的支持能力极弱，完全不匹配3D涂鸦的需求。
• 如果你的应用仅面向iOS生态，涂鸦需求以常规画笔效果为主，SceneKit是最优选择：作为苹果原生框架，和ARKit的适配度最高，无额外依赖，包体积小，开发效率和运行性能都能满足需求。
• 如果你需要实现流体颜料、3D立体雕刻等复杂特效，或后续需要支持安卓跨端发布，更推荐使用Unity：其生态内有大量成熟的AR涂鸦、3D绘制插件，可大幅降低复杂功能的开发成本。

内容的提问来源于stack exchange，提问作者Pratyush Kumar