创建背景精灵节点：无尽滚动游戏双背景实现技术问询

刚好我做过类似的无尽滚动游戏背景，给你完善并优化下代码逻辑，直接就能用：

1. 整合双背景的滚动容器类 #

我们把两个背景节点放到同一个SKNode容器里，统一管理滚动逻辑，这样代码更整洁：

class ScrollingBackground: SKNode {
    private let backgroundSize: CGSize
    private var backgroundNodes = [SKSpriteNode]()
    private let scrollSpeed: CGFloat // 正数向左滚，负数向右，数值越大速度越快

    init(size: CGSize, scrollSpeed: CGFloat) {
        self.backgroundSize = size
        self.scrollSpeed = scrollSpeed
        super.init()
        
        // 创建两个无缝衔接的背景
        for index in 0..<2 {
            // 保留你原来的随机纯色逻辑，也可以换成纹理图片
            let hue = CGFloat((arc4random() % 1000) / 1000)
            let randomColor = UIColor(hue: hue, saturation: 1, brightness: 1, alpha: 1)
            let background = SKSpriteNode(color: randomColor, size: size)
            
            // 设置锚点为左下角，方便精准定位
            background.anchorPoint = .zero
            // 第一个背景在初始位置，第二个紧接在第一个右侧
            background.position = CGPoint(x: size.width * CGFloat(index), y: 0)
            
            addChild(background)
            backgroundNodes.append(background)
        }
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    // 每一帧调用的滚动更新方法
    func update(deltaTime: TimeInterval) {
        backgroundNodes.forEach { bg in
            // 根据帧间隔更新位置，保证不同帧率下速度一致
            bg.position.x -= scrollSpeed * CGFloat(deltaTime)
            
            // 当背景完全移出屏幕左侧时，把它移到最右侧的背景后面，形成循环
            if bg.position.x <= -backgroundSize.width {
                let rightmostBg = backgroundNodes.max(by: { $0.position.x < $1.position.x })!
                bg.position.x = rightmostBg.position.x + backgroundSize.width
            }
        }
    }
}

2. 在游戏场景中使用滚动背景 #

在你的SKScene子类里初始化并调用更新即可：

class GameScene: SKScene {
    private var scrollingBg: ScrollingBackground!
    private var lastUpdateTime: TimeInterval = 0
    
    override func didMove(to view: SKView) {
        // 初始化背景，滚动速度设为150（可根据游戏节奏调整）
        scrollingBg = ScrollingBackground(size: self.size, scrollSpeed: 150)
        scrollingBg.zPosition = -1 // 确保背景在所有游戏元素下方
        addChild(scrollingBg)
    }
    
    override func update(_ currentTime: TimeInterval) {
        // 计算帧间隔时间，避免帧率波动影响滚动速度
        let deltaTime = currentTime - lastUpdateTime
        lastUpdateTime = currentTime
        
        scrollingBg.update(deltaTime: deltaTime)
    }
}

几个关键细节说明 #

• 锚点设置：把背景的anchorPoint设为.zero，让位置计算更直观，不用再考虑节点中心偏移。
• 无缝循环逻辑：当一个背景完全移出屏幕时，立刻把它"瞬移"到当前最右侧背景的右边，玩家完全察觉不到切换。
• deltaTime适配：用帧间隔时间计算滚动距离，不管设备是60帧还是30帧，滚动速度都是稳定的。
• 扩展性：如果想换成图片背景，只需要把SKSpriteNode(color:size:)改成SKSpriteNode(imageNamed:)即可，逻辑完全通用。

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