SCNGeometry / SCNCylinder 仅渲染边缘/边框（存储颜色，清除内容）答案

【问题标题】：SCNGeometry / SCNCylinder render edges / border only (Store color, clear content)SCNGeometry / SCNCylinder 仅渲染边缘/边框（存储颜色，清除内容）
【发布时间】：2016-06-21 07:05:06
【问题描述】：

我正在尝试弄清楚如何在屏幕上显示一个 SCNS 圆柱体，并且只显示一个边框/描边/边缘。我的场景中的一切都工作正常，我正在考虑将清晰的颜色应用于 specular.contents

是否需要使用 SCNNode 委托/金属代码（我没有在我的场景中使用 opengl）

任何指针？感谢您的帮助

【问题讨论】：

标签： ios opengl-es render scenekit metal

【解决方案1】：

WWDC 2014 演示文稿展示了只有线框的轨道立方体。该技术是使用具有绿色边缘但内部透明的图像作为材料。来自 AAPLSlideScenegraphSummary.m：

        // A node that will help visualize the position of the stars
        _wireframeBoxNode = [SCNNode node];
        _wireframeBoxNode.rotation = SCNVector4Make(0, 1, 0, M_PI_4);
        _wireframeBoxNode.geometry = [SCNBox boxWithWidth:1 height:1 length:1 chamferRadius:0];
        _wireframeBoxNode.geometry.firstMaterial.diffuse.contents = [NSImage imageNamed:@"box_wireframe"];
        _wireframeBoxNode.geometry.firstMaterial.lightingModelName = SCNLightingModelConstant; // no lighting
        _wireframeBoxNode.geometry.firstMaterial.doubleSided = YES; // double sided

要获得与 SCNCylinder 类似的效果，您可能需要传递一组材质，有些有边框，有些没有。

编辑

对于 High Sierra/iOS 11 及更高版本，@mnuages 的答案是一种更简单/更好的方法。

【讨论】：

谢谢哈尔，似乎正是我所需要的

【解决方案2】：

这需要一些努力，但您可以检查您的圆柱体的 geometryElements 和 geometrySources 以构建一个新的 SCNGeometry 和 primitiveType 的 SCNGeometryPrimitiveTypeLine

编辑

从 iOS 11 开始 SCNMaterial 会公开 fillMode 属性，该属性可用于将几何图形渲染为线框。

【讨论】：

我该怎么做？搜索足够但无法获得任何资源。 :(
您现在可以使用SCNMaterial 的fillMode 属性轻松实现这一目标。
由于我是这个领域的新手，你能帮我写一些代码吗？

【解决方案3】：

我很欣赏这是一篇旧帖子，但我最近不得不实施类似这样的 ARKit 项目。

首先，我在 Adobe Illustrator 中创建了一个方形图像，它有绿色边缘，但中心是透明的。这称为“轮廓面”。

然后我创建了一个 SCNNode (Swift 4)，如下所示：

import UIKit
import ARKit

class CubeNode: SCNNode {

private var faceArray = [SCNMaterial]()
private let FACE_OUTLINE = "outlinedFace"

/// Initialization With Outline Only
///
/// - Parameters:
///   - width: Optional CGFloat (Defaults To 20cm)
///   - height: Optional CGFloat (Defaults To 20cm)
///   - length: Optional CGFloat (Defaults To 20cm)
///   - colours: [UIColor] - [Front, Right , Back , Left, Top , Bottom]
init(width: CGFloat = 0.2, height: CGFloat = 0.2, length: CGFloat = 0.2) {

    super.init()

    self.geometry = SCNBox(width: width, height: height, length: length, chamferRadius: 0)

        for _ in 0 ..< 6{
            let face = SCNMaterial()
            face.diffuse.contents = UIImage(named: FACE_OUTLINE)
            face.isDoubleSided = true
            face.lightingModel = .constant
            faceArray.append(face)
        }

    self.geometry?.materials = faceArray
    self.rotation = SCNVector4Make(0, 1, 0, .pi / 4)
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
  }

}

这里的关键是让内容双面。

这对我来说非常有用！

【讨论】：