在SCNView中创建更平滑的边缘或以其他方式修复框中的锯齿状边缘?

时间:2016-01-07 00:40:11

标签: ios swift 3d scenekit glkit

以下代码在SCNView中生成一个红色框。但是,边缘沿着面向您的侧面/元件的顶部和底部呈锯齿状(如附件所示)。目标是渲染更类似于Minecraft盒子的更光滑的边缘。更改相机位置会减少某些边缘的像素化,因此这是相机角度问题吗?如果是,是否可以渲染具有平滑边缘的框,无论相机角度如何?

例如,将相机位置设置为SCNVector3(x: 0.0, y: 0.0, z: 10.0)可以在2D中有效地渲染框,边缘清晰(第二个附件)。

enter image description here enter image description here

    let sceneView = SCNView(frame: self.view.frame)
    self.view.addSubview(sceneView)

    let scene = SCNScene()
    sceneView.scene = scene

    let camera = SCNCamera()
    let cameraNode = SCNNode()
    cameraNode.camera = camera
    cameraNode.position = SCNVector3(x: -3.0, y: 0.0, z: 10.0)

    let ambientLight = SCNLight()
    ambientLight.type = SCNLightTypeAmbient
    ambientLight.color = UIColor(red: 0.2, green: 0.2, blue: 0.2, alpha: 1.0)
    cameraNode.light = ambientLight

    let light = SCNLight()
    light.type = SCNLightTypeOmni
    let lightNode = SCNNode()
    lightNode.light = light
    lightNode.position = SCNVector3(x: 0, y: 20, z: 10)

    let cubeGeometry = SCNBox(width: 3.0, height: 3.0, length: 3.0, chamferRadius: 0.0)
    let cubeNode = SCNNode(geometry: cubeGeometry)

    let planeGeometry = SCNPlane(width: 100.0, height: 100.0)
    let planeNode = SCNNode(geometry: planeGeometry)
    planeNode.eulerAngles = SCNVector3(x: GLKMathDegreesToRadians(-90), y: 0, z: 0)
    planeNode.position = SCNVector3(x: 0, y: -0.5, z: 0)

    let redMaterial = SCNMaterial()
    redMaterial.diffuse.contents = UIColor.redColor()
    cubeGeometry.materials = [redMaterial]

    let greenMaterial = SCNMaterial()
    greenMaterial.diffuse.contents = UIColor.greenColor()
    planeGeometry.materials = [greenMaterial]

    let constraint = SCNLookAtConstraint(target: cubeNode)
    constraint.gimbalLockEnabled = true
    cameraNode.constraints = [constraint]
    lightNode.constraints = [constraint]

    scene.rootNode.addChildNode(lightNode)
    scene.rootNode.addChildNode(cameraNode)
    scene.rootNode.addChildNode(cubeNode)
    scene.rootNode.addChildNode(planeNode)

1 个答案:

答案 0 :(得分:4)

正如评论中所提到的,如果你想为每个框架设置抗锯齿设置antialiasingMode。它并不像CoreGraphics那样漂亮,但它相当不错。但是,它确实增加了一吨的工作量,所以你要烧掉电池并降低你的帧速率。

在OS X上,默认为每帧4x多重采样。在iOS上,默认情况下不进行多重采样,因为它非常昂贵。

幸运的是,我更喜欢一种解决方案,即打开jittering。这有点像多重采样但很懒惰。当物体移动时,它们会被正常渲染(带锯齿状),但是当它们停止移动时,渲染器会在背景中运行96个以上的帧并使所有锯齿状物变得平滑。

最终的外观比抗锯齿要好得多(因为没有“96x抗锯齿模式”),而且在快速硬件上,大多数人都表示它并没有意识到物体移动时质量会发生变化。