Swift-SpriteKit如何实现两张独特背景图的无限滚动？

看起来你的单背景滚动逻辑是对的，但要实现两张独特纹理的无缝无限滚动，核心问题是要让两个背景节点的重置动作关联起来，而不是各自独立执行固定的位移。我来帮你梳理下逻辑并修正代码：

原代码的问题 #

你当前的循环里，两个背景各自执行「下移固定高度 → 重置固定高度」的动作，但这个重置逻辑没有考虑到另一个背景的实时位置，很容易导致滚动时出现空隙或者纹理重复覆盖的问题，而且两张纹理的切换也只是在初始化时做了一次，没有保证后续滚动时的独特性。

修正后的实现代码 #

override func didMove(to view: SKView) {
    createBackground()
}

func createBackground() {
    // 定义两张独立的背景纹理
    let texture1 = SKTexture(imageNamed: "card1")
    let texture2 = SKTexture(imageNamed: "card2")
    let textures = [texture1, texture2]
    
    // 循环创建两个背景节点
    for i in 0..<2 {
        let background = SKSpriteNode(texture: textures[i])
        background.anchorPoint = CGPoint.zero
        // 初始位置：第一个背景从屏幕顶部开始，第二个衔接在第一个的上方
        background.position = CGPoint(x: 0, y: background.size.height * CGFloat(i))
        // 给节点命名，方便后续重置时定位另一个背景
        background.name = "background_\(i)"
        addChild(background)
        
        // 构建滚动动作序列
        let moveDown = SKAction.moveBy(x: 0, y: -background.size.height, duration: 5)
        // 重置位置的动作：将当前背景放到另一个背景的顶部，保证无缝衔接
        let resetPosition = SKAction.run { [weak self] in
            guard let self = self else { return }
            // 获取另一个背景节点
            let otherBackgroundIndex = 1 - i
            guard let otherBackground = self.childNode(withName: "background_\(otherBackgroundIndex)") as? SKSpriteNode else { return }
            // 把当前背景设置到另一个背景的正上方
            background.position.y = otherBackground.position.y + otherBackground.size.height
        }
        let sequence = SKAction.sequence([moveDown, resetPosition])
        let foreverScroll = SKAction.repeatForever(sequence)
        
        background.run(foreverScroll)
    }
}

关键改动说明 #

• 固定纹理绑定：用数组存储两张纹理，每个背景节点初始化时就绑定固定的纹理，确保滚动过程中两张图始终保持独特性，不会混淆。
• 动态重置位置：不再用固定的位移重置，而是通过节点名称找到另一个背景的实时位置，将当前背景放到它的正上方，这样无论滚动多少次，两张背景都能完美衔接，不会出现空隙。
• 弱引用避免内存泄漏：在SKAction.run里用[weak self]捕获，防止循环引用导致的内存问题。

这样修改后，两张背景会交替从屏幕顶部滚动到底部，当其中一张完全移出屏幕时，会立刻被放到另一张的上方，实现真正的无缝无限滚动效果。

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