自定义SpriteNode子类FireAlarm首次切换纹理致帧率骤降问题

核心原因 #

你遇到的首次触发卡顿，本质是SKTexture的延迟加载机制：虽然你在类属性中初始化了SKTexture对象，但纹理的实际解码、上传到GPU的操作，是在该纹理第一次被渲染到屏幕时才执行的。首次切换纹理时，这个耗时的IO和GPU操作会阻塞主线程，导致卡顿；后续触发时纹理已经在GPU缓存中，所以不会卡顿。

解决步骤 #

1. 强制预加载纹理到GPU

使用SpriteKit提供的SKTexture.preload(_:withCompletionHandler:)方法，在游戏启动/场景初始化阶段，提前完成所有FireAlarm相关纹理的解码和GPU上传，确保首次使用时纹理已就绪。

2. 优化纹理存储方式

将纹理改为静态类属性，全局只创建一次，避免重复初始化，同时配合预加载流程确保资源复用。

3. 修正代码实现

以下是调整后的代码示例：

class FireAlarm: SKSpriteNode {
    var isOccupied: Bool = false
    var isAlive: Bool = true
    weak var shadow: SKNode?
    
    // 静态存储全局唯一的纹理实例
    static let firstTexture = SKTexture(imageNamed: "fireAlarm")
    static let pulledTexture = SKTexture(imageNamed: "fireAlarmPulled")
    static let charredTexture = SKTexture(imageNamed: "fireAlarmCharred")
    
    // 类方法：预加载所有纹理
    class func preloadRequiredTextures(completion: @escaping () -> Void) {
        SKTexture.preload([firstTexture, pulledTexture, charredTexture]) {
            completion()
        }
    }
    
    override init(texture: SKTexture?, color: UIColor, size: CGSize) {
        // 初始化时使用预定义的默认纹理
        super.init(texture: FireAlarm.firstTexture, color: .clear, size: size)
        // 其他初始化逻辑（如设置物理体、位置等）
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    func occupy() {
        print("occupying alarm")
        isOccupied = true
        
        let quickDelay = SKAction.wait(forDuration: 1.85)
        let explosionAction = SKAction.run { [weak self] in
            self?.addExplosion()
        }
        let sequence = SKAction.sequence([quickDelay, explosionAction])
        self.run(sequence)
        
        let delayAction = SKAction.wait(forDuration: 1.0)
        let changeTexture1 = SKAction.run { [weak self] in
            self?.texture = FireAlarm.pulledTexture
        }
        let changeTexture2 = SKAction.run { [weak self] in
            self?.texture = FireAlarm.charredTexture
        }
        
        let finalSequence = SKAction.sequence([delayAction, changeTexture1, delayAction, changeTexture2])
        self.run(finalSequence) { [weak self] in
            self?.isAlive = false
            self?.shadow?.removeFromParent()
        }
    }
    
    func addExplosion() {
        // 你的爆炸节点生成逻辑
        // 注意：如果爆炸使用了新纹理，也要加入预加载列表
    }
}

4. 在游戏启动时触发预加载

在场景初始化或游戏加载流程中，先完成纹理预加载，再初始化FireAlarm节点或开放交互：

class GameScene: SKScene {
    override func didMove(to view: SKView) {
        // 预加载FireAlarm纹理，完成后再进行后续操作
        FireAlarm.preloadRequiredTextures {
            print("FireAlarm纹理预加载完成")
            // 这里初始化FireAlarm节点，或者允许用户触发相关操作
        }
    }
}

额外检查点 #

• 爆炸节点使用的纹理也要加入预加载列表，避免首次爆炸时额外卡顿
• 确保所有纹理的尺寸是2的幂次（如256x256、512x512），SpriteKit对非2幂次纹理会自动缩放处理，增加首次加载耗时
• 闭包中使用[weak self]避免强引用循环，同时提升代码稳定性

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