Swift SpriteKit大量创建SKShapeNode导致性能下降如何优化？

问题根因 #

SKShapeNode本质是动态绘制类，每帧都会由CPU实时计算路径光栅化结果，上千个实例同时存在时会直接占满CPU资源，导致帧率暴跌、功耗过高。

转换SKSpriteNode无渲染的根因 #

• 调用view.texture(from:)时，目标SKShapeNode尚未加入渲染树，无法抓取到有效纹理
• 生成的SKSpriteNode未继承原SKShapeNode的position、size属性，所有节点默认堆叠在屏幕外的原点位置

可行优化方案 #

方案1：静态节点合批光栅化（改造成本最低，性能提升最明显） #

所有三角形为静态节点，无需每帧刷新，直接使用SKEffectNode做批量合并：

// 先创建一个全局的合批节点
let batchNode = SKEffectNode()
batchNode.shouldRasterize = true
batchNode.shouldEnableEffects = true
addChild(batchNode)

// 原来添加三角形的逻辑全部改为加到batchNode上
func addNodesToParent(_ stuff:[SKShapeNode]) {
    for n in stuff {
        batchNode.addChild(n)
    }
}

// 后续移除三角形后，触发重新光栅化即可
func refreshBatch() {
    batchNode.shouldRasterize = false
    batchNode.shouldRasterize = true
}

该方案可将上千个节点的draw call压缩为1个，CPU占用直接降低90%以上。

方案2：正确转换为SKSpriteNode复用纹理 #

所有三角形只有2种固定形状，仅填充色不同，预生成模板纹理后通过颜色混合实现不同配色，避免重复创建路径：

// 提前预生成两种三角形的空白模板纹理
func generateTriangleTemplates(size: CGSize) -> (SKTexture, SKTexture) {
    // 生成正向三角形
    let path1 = UIBezierPath()
    path1.move(to: .zero)
    path1.addLine(to: CGPoint(x: 0, y: size.height))
    path1.addLine(to: CGPoint(x: size.width, y: 0))
    path1.close()
    let shape1 = SKShapeNode(path: path1.cgPath)
    shape1.fillColor = .white
    shape1.lineWidth = 0
    let texture1 = SKView().texture(from: shape1)!
    
    // 生成反向三角形
    let path2 = UIBezierPath()
    path2.move(to: CGPoint(x: size.width, y: 0))
    path2.addLine(to: CGPoint(x: size.width, y: size.height))
    path2.addLine(to: CGPoint(x: 0, y: size.height))
    path2.close()
    let shape2 = SKShapeNode(path: path2.cgPath)
    shape2.fillColor = .white
    shape2.lineWidth = 0
    let texture2 = SKView().texture(from: shape2)!
    
    return (texture1, texture2)
}

// 创建三角形时直接用模板纹理+颜色混合
func createTwoFloorTrianglesAtLocation(xPos:CGFloat, yPos:CGFloat, width:CGFloat, height:CGFloat, orientation:Bool, templateTextures: (SKTexture, SKTexture)) -> [SKSpriteNode] {
    var result = [SKSpriteNode]()
    let randomColor = groundColors[GKRandomSource.sharedRandom().nextInt(upperBound: groundColors.count)]!
    
    if orientation {
        let tri1 = SKSpriteNode(texture: templateTextures.0)
        tri1.position = CGPoint(x: xPos + width/2, y: yPos + height/2)
        tri1.size = CGSize(width: width, height: height)
        tri1.color = randomColor
        tri1.colorBlendFactor = 1
        tri1.name = "colorSprite"
        result.append(tri1)
        
        let tri2 = SKSpriteNode(texture: templateTextures.1)
        tri2.position = CGPoint(x: xPos + width/2, y: yPos + height/2)
        tri2.size = CGSize(width: width, height: height)
        tri2.color = randomColor
        tri2.colorBlendFactor = 1
        tri2.name = "colorSprite"
        result.append(tri2)
    } else {
        // 对应反向逻辑的纹理赋值，和上述逻辑一致即可
    }
    return result
}

该方案每个三角形仅需加载预生成的纹理，无实时路径计算开销，性能远高于原生SKShapeNode。

方案3：高性能场景使用纹理图集+对象池 #

如果需要频繁增删三角形，提前把所有常用颜色的两种三角形纹理存入SKTextureAtlas，再配合对象池复用SKSpriteNode实例，避免频繁创建销毁节点的开销，性能可达到最优。

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