Как нарисовать пунктирную линию в ARKit (SceneKit), как в приложении Measure? - PullRequest
Новая
       63

Как нарисовать пунктирную линию в ARKit (SceneKit), как в приложении Measure?

0 голосов
/ 18 декабря 2018

Просто хотел узнать, возможно ли (я знаю, что это так, но как) нарисовать пунктирную линию в ARSCNView, как в приложении Measure?Может быть, есть способ использовать узлы сцены из коробки, idk.

Я использовал SCNCylinder для рисования прямой линии, и IDK можно ли повторно использовать и корректировать, или мы должны использоватьдействительно другой способ сделать пунктирную линию. 

import SceneKit

class CylinderLineNode: SCNNode {

    private(set) var cylinder: SCNCylinder
    private(set) var positionA: SCNVector3
    private(set) var positionB: SCNVector3

    init(with positionA: SCNVector3, positionB: SCNVector3, radius: CGFloat = 0.02, color: UIColor = .red) {
        self.positionA = positionA
        self.positionB = positionB
        let vector = positionB - positionA
        let height = vector.length()
        cylinder = SCNCylinder(radius: radius, height: CGFloat(height))
        cylinder.radialSegmentCount = 8
        cylinder.firstMaterial?.diffuse.contents = color
        super.init()
        geometry = cylinder
        position = (positionB + positionA) / 2
        eulerAngles = SCNVector3.lineEulerAngles(vector: vector)
    }

    ...

}

1 Ответ

0 голосов
/ 10 января 2019

Наверное, не самое профессиональное решение, но я начал с очень похожего подхода.А затем добавили штриховой стиль следующим образом.

Сначала я создал изображение наполовину белое, наполовину прозрачное, чтобы создать штриховой стиль

Затем использовал его в материале SCNCylinder: 

material.diffuse.contents = UIImage(named: "line")!
material.diffuse.wrapS = .repeat
material.diffuse.wrapT = .repeat
material.isDoubleSided = true // Not sure if this is really needed here^

Затем я соответственно масштабировал его, чтобы повторить (сделать так, чтобы все было в порядке), как я хочу: 

material.diffuse.contentsTransform = SCNMatrix4MakeScale(width * repeatCountPerMeter, height * repeatCountPerMeter, 1)

Поскольку я использовал белое изображение, я могу«подкрасьте» его любым цветом, который я хочу: 

material.multiply.contents = UIColor.green

Чтобы сделать его более «2D-похожим», проигнорируйте освещение, используя: 

material.lighting = .constant

Дополнительно (так как мой цилиндрповернуто на 90 °) Мне также пришлось повернуть материал: 

let rotation = SCNMatrix4MakeRotation(.pi / 2, 0, 0, 1)
material.diffuse.contentsTransform = SCNMatrix4Mult(rotation, material.diffuse.contentsTransform)

И всякий раз, когда линия изменяется, обновляйте ее SCNMatrix4MakeScale соответственно (см. width и высоту above, where for height`. Я простопоставить диаметр (2 * р)).

...