SpriteKit 如何让精灵沿着正方形移动？

2024-07-16 10:53:30

如何让精灵在屏幕上沿着正方形轨迹移动？

你是否正在开发一款精彩的 2D 游戏，并且希望你的精灵能够按照预定的路径移动，比如沿着一个正方形轨迹巡逻？你是否尝试过使用 SKAction 来实现这个效果，却发现精灵的运动方式并不符合预期？

很多开发者在使用 SpriteKit 构建游戏时都会遇到类似的难题。他们希望精灵能够按照指定的路线移动，但结果往往是精灵偏离了预设轨道，或者只是简单地朝着一个方向移动，最终消失在屏幕之外。

这个问题的核心在于对 SKAction 的运作机制缺乏深入理解。SKAction 是 SpriteKit 框架中用于创建动画和动作的强大工具，它允许开发者通过组合不同的动作来实现复杂的精灵行为。然而，如果对 SKAction 的使用方法不够熟悉，就很容易导致精灵的运动行为出现偏差。

让我们通过一个具体的例子来说明。假设你想要让一个精灵沿着屏幕上的正方形轨迹移动，并且每条边的长度都是 100 个像素。你可能会编写如下代码：

let moveRight = SKAction.moveBy(x: 100, y: 0, duration: 1)
let moveDown = SKAction.moveBy(x: 0, y: -100, duration: 1)
let moveLeft = SKAction.moveBy(x: -100, y: 0, duration: 1)
let moveUp = SKAction.moveBy(x: 0, y: 100, duration: 1)

let squarePath = SKAction.sequence([moveRight, moveDown, moveLeft, moveUp])
sprite.run(squarePath)

这段代码首先创建了四个 SKAction 实例，分别代表向上、向下、向左、向右移动 100 个像素的动作。然后，使用 SKAction.sequence() 方法将这四个动作组合成一个序列 squarePath，代表沿着正方形轨迹移动一周的动作。最后，调用精灵的 run() 方法来执行 squarePath 动作序列。

初看起来，这段代码似乎没有什么问题。然而，当你运行游戏时会发现，精灵只会沿着正方形轨迹移动一次，然后就停留在最后一个位置。这是因为 sprite.run(squarePath) 只会让精灵执行一次 squarePath 序列，而不是无限循环执行。

为了让精灵能够持续沿着正方形轨迹移动，我们需要使用 SKAction.repeatForever() 方法将 squarePath 序列包装起来，创建一个无限循环执行的动作。修改后的代码如下：

let moveRight = SKAction.moveBy(x: 100, y: 0, duration: 1)
let moveDown = SKAction.moveBy(x: 0, y: -100, duration: 1)
let moveLeft = SKAction.moveBy(x: -100, y: 0, duration: 1)
let moveUp = SKAction.moveBy(x: 0, y: 100, duration: 1)

let squarePath = SKAction.sequence([moveRight, moveDown, moveLeft, moveUp])
let moveForever = SKAction.repeatForever(squarePath)
sprite.run(moveForever)

现在，精灵将会沿着正方形轨迹 无限循环 地移动，直到你调用 sprite.removeAllActions() 方法停止所有动作。

除了使用 SKAction.repeatForever() 方法之外，我们还可以利用 SKAction.follow() 方法来实现更复杂的路径移动。SKAction.follow() 方法允许你定义一个 CGPath 对象，然后让精灵沿着这个路径移动。

例如，你可以创建一个正方形的 CGPath 对象，然后使用 SKAction.follow() 方法让精灵沿着这个正方形路径移动：

let path = CGMutablePath()
path.addRect(CGRect(x: 0, y: 0, width: 100, height: 100))

let followAction = SKAction.follow(path, asOffset: false, orientToPath: false, duration: 4)
let moveForever = SKAction.repeatForever(followAction)
sprite.run(moveForever)

这段代码首先创建了一个 CGMutablePath 对象，并使用 addRect() 方法添加了一个矩形路径。然后，使用 SKAction.follow() 方法创建了一个沿着该路径移动的动作 followAction，并将其设置为不偏移、不转向、持续时间为 4 秒。最后，使用 SKAction.repeatForever() 方法将 followAction 包装起来，创建一个无限循环执行的动作，并将其应用于精灵。