SpriteKit Swift 4无限背景故障：背景中断、节点冗余问题求助

嘿，我来帮你搞定这个SpriteKit无限滚动背景的问题！你遇到的两个核心问题——滚动中断、节点越堆越多，都是新手做无限滚动时容易踩的坑，咱们一步步来修复：

先解决「节点数量持续增加」的问题 #

你现在应该是每次滚动到某个位置就新建背景节点，却没移除已经完全滚出屏幕的旧节点，导致节点越堆越多，不仅占内存，还可能拖慢性能。

正确的思路是循环复用节点：一开始只创建刚好能覆盖屏幕+1个的背景节点，之后把滚出屏幕的节点直接移到当前最右侧（或左侧，看滚动方向），重复利用，完全不用新建节点。

再解决「滚动中断、第三个节点不显示」的问题 #

这个问题大概率是你计算节点位置或触发添加节点的条件有误。用上面的循环复用逻辑就能彻底避免——只要初始节点排列正确，滚动时节点会循环补位，根本不会出现“断档”的情况。

给你修改后的完整示例代码 #

import SpriteKit
import GameplayKit

class GameScene: SKScene {
    var bgNode: SKNode!
    // 替换成你自己的背景图名称
    let bgTexture = SKTexture(imageNamed: "background")
    var bgSpeed: CGFloat = 5.5
    private var bgWidth: CGFloat!
    
    override func didMove(to view: SKView) {
        // 初始化背景容器
        bgNode = SKNode()
        addChild(bgNode)
        
        // 获取背景图尺寸
        bgWidth = bgTexture.size().width
        let bgHeight = bgTexture.size().height
        
        // 计算需要的背景节点数：至少铺满当前屏幕，再加1个用于滚动补位
        let requiredBgCount = Int(ceil(size.width / bgWidth)) + 1
        
        // 创建并排列初始背景节点
        for index in 0..<requiredBgCount {
            let bgSprite = SKSpriteNode(texture: bgTexture)
            // 设置左锚点，让节点x坐标对应左边缘，方便计算位置
            bgSprite.anchorPoint = CGPoint(x: 0, y: 0.5)
            // 按顺序排列在容器里，每个节点紧挨着前一个
            bgSprite.position = CGPoint(x: bgWidth * CGFloat(index), y: size.height / 2)
            bgNode.addChild(bgSprite)
        }
    }
    
    override func update(_ currentTime: TimeInterval) {
        // 让背景容器向左滚动（如果要向右滚，改成 += bgSpeed）
        bgNode.position.x -= bgSpeed
        
        // 循环复用节点：检查每个背景节点是否已完全滚出屏幕左侧
        for bgSprite in bgNode.children as! [SKSpriteNode] {
            // 计算节点的右边缘在场景中的绝对位置
            let nodeRightEdge = bgSprite.position.x + bgWidth + bgNode.position.x
            
            // 如果节点右边缘已经完全在屏幕左侧之外
            if nodeRightEdge < 0 {
                // 找到当前最右侧节点的x位置
                let maxNodeX = bgNode.children
                    .compactMap { $0 as? SKSpriteNode }
                    .map { $0.position.x }
                    .max()!
                
                // 把当前节点移到最右侧节点的右边，实现循环
                bgSprite.position.x = maxNodeX + bgWidth
            }
        }
    }
}

关键细节说明 #

1. 锚点设置：把背景节点的锚点设为(0, 0.5)，这样节点的x坐标就是它左边缘的位置，计算滚动位置时更直观，不容易出错。
2. 循环复用逻辑：每次滚动后检查节点是否完全滚出屏幕，一旦滚出去就立刻把它移到最右侧，确保屏幕始终被背景铺满，不会出现中断。
3. 无缝前提：记得用无缝拼接的背景图，不然滚动时会出现明显的缝隙。

如果你的滚动方向是向右，只需要把bgNode.position.x -= bgSpeed改成+=，同时把节点移出的判断逻辑反过来（检查左边缘是否超出屏幕右侧，然后移到最左侧）就行。

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