9

我正在尝试使用场景工具包复制这个立方体图像形状（经原作者许可）。

在此处输入图像描述

到目前为止，我有线条和顶点的绘图代码。我不能使用图像，因为背景必须是透明的。

我现在要解决的具体问题是如何编辑SCNGeometryPrimitiveType.Line元素的笔画宽度。

我创建线条的基本方式是这样的：

private func squareVertices(length: Float) -> [SCNVector3] {
    let m = length/Float(2)

    let topLeft =       SCNVector3Make(-m-q,  m+q, m+q)
    let topRight =      SCNVector3Make( m+q,  m+q, m+q)
    let bottomLeft =    SCNVector3Make(-m-q, -m-q, m+q)
    let bottomRight =   SCNVector3Make( m+q, -m-q, m+q)

    return [topLeft, topRight, bottomLeft, bottomRight]
}

private func cubeFace() -> SCNGeometry {

    let vertices : [SCNVector3] = squareVertices(l)
    let geoSrc = SCNGeometrySource(vertices: UnsafePointer<SCNVector3>(vertices), count: vertices.count)

    // index buffer
    let idx1 : [Int32] = [0, 3]
    let data1 = NSData(bytes: idx1, length: (sizeof(Int32) * idx1.count))
    let geoElements1 = SCNGeometryElement(data: data1, primitiveType: SCNGeometryPrimitiveType.Line, primitiveCount: idx1.count, bytesPerIndex: sizeof(Int32))

    let idx2 : [Int32] = [1, 2]
    let data2 = NSData(bytes: idx2, length: (sizeof(Int32) * idx2.count))
    let geoElements2 = SCNGeometryElement(data: data2, primitiveType: SCNGeometryPrimitiveType.Line, primitiveCount: idx2.count, bytesPerIndex: sizeof(Int32))

    let geo = SCNGeometry(sources: [geoSrc], elements: [geoElements1, geoElements2])

    return geo
}

    private func setupFaceNodes() {
    // sides
    for i in 0..<4 {
        let face = SCNNode(geometry: cubeFace())
        face.rotation = SCNVector4Make(0, 1, 0, Float(i) * Float(M_PI_2))
        rootNode.addChildNode(face)
    }
    // top/bottom
    for i in [1, 3] {
        let face = SCNNode(geometry: cubeFace())
        face.rotation = SCNVector4Make(1, 0, 0, Float(i) * Float(M_PI_2))
        rootNode.addChildNode(face)
    }
}

我有一些看起来像这样的东西，整体形状正确：

在此处输入图像描述

但我不知道如何增加使用 SceneKit 绘制的线条的宽度。我怎样才能做到这一点？

对于那些感兴趣的人，这里是一个示例项目。

4

2 回答 2

9

SceneKit 不为此提供控件。但是，SceneKit 使用 OpenGL ES 进行绘制，确实如此。

当您在GL_LINES模式下使用 GL 绘图时，glLineWidth调用会更改线宽。（注意：参数是实际像素，而不是 UI 布局点，因此如果您不想在 Retina 显示屏上显示超细细线，则需要比您想象的更大的宽度。）

那么，您在 SceneKit 应用程序中的哪个位置调用它？你有几个选择。在像您这样的简单场景中，您只渲染一件事，您可以在场景渲染之前设置它。为您的视图设置一个委托renderer:willRenderSceneAtTime:，然后在那里实现并调用glLineWidth。

但是，OpenGL 线渲染非常有限——如果您想自定义渲染更多，您将需要一种不同的方法。哪种方法最有效取决于您的目标，因此这里有一些想法供您研究：

  • 用窄三角形条制作你的“线条”
  • 使用原始 SCN 几何形状（如盒子和圆柱体）制作它们
  • 保持简单的立方体几何体，但使用片段着色器（或着色器修改器片段）仅在每个多边形的边缘附近绘制
于 2014-11-03T19:54:41.123 回答
4

您可以使用glLineWidth设置线宽。
确保在您的项目中包含 OpenGLES。

线宽 8

这是线宽设置为 8 时立方体的外观。

于 2014-11-03T19:49:00.330 回答