教程：沿路径移动对象

2014 年 1 月 7 日

教程：沿路径移动对象

在 Corona SDK 中移动对象有很多方法。 如果你想将对象从 A 点移动到 B 点，最简单的方法是使用 transition.to()。 但是，如果您需要沿着具有多个分段的路径移动它，例如在国际象棋棋盘上以其独特的“L”模式移动骑士呢？ 本教程概述了如何通过一系列排队的过渡来实现连续移动。

初始设置

此过程的基础是一个 x 和 y 坐标对的表，用于按顺序沿对象移动。 以其最简单的格式，该表可能如下所示

这只是声明了一系列移动点，从索引 1 开始，并根据需要跨越多个点。 默认情况下，这些点等同于屏幕上的特定坐标，而不是相对于对象起始位置的点，但我们将包含一个设置，让您选择最适合您应用程序的选项。

自定义路径参数

除了基本的 x 和 y 坐标设置外，我们还允许路径中每个“段”的两个附加参数：time 和 easingMethod。 例如，我们可以像这样扩展我们的表格

如果指定了自定义 time 参数，它将覆盖任何其他时间设置，并且对象将在该确切持续时间内移动到该点。 同样，如果 easingMethod 被定义并设置为 Corona 的 缓动方法之一，则对象将使用该缓动方法移动到该点，而不是默认的线性插值。

距离函数

为了计算两点之间的距离，我们需要包含一个快速函数。此函数的目的将在稍后解释，但我们现在先添加它

创建对象

显然，我们需要一个或多个对象沿着我们创建的路径移动。现在让我们创建两个基本圆形

setPath() 函数

现在我们已经完成了基本设置，让我们来探索一下将为对象排队所有过渡的函数。我们称该函数为setPath()，并为其提供三个参数：要移动的object，要沿着移动的path，以及一个可用于自定义移动的 params 表。

在函数的前几行中，我们设置了一些局部变量，其中大多数用于检查是否通过 params 表传入了各种参数。当我们逐步完成本教程时，将解释每个参数。

Delta

这使我们可以通过布尔值 useDelta （通过 params 表传入）使用delta位置。如果设置为 true，则对象的路径将相对于其起始位置。如果设置为 false 或省略，则路径点将等同于明确的屏幕坐标。

是否使用 params.useDelta = true 取决于具体情况。对于在棋盘上移动骑士，delta 是合乎逻辑的选择，因为骑士可能位于棋盘的任何方格上，我们需要将其从当前方格以“L”形模式移动到另一个有效方格。

如果 useDelta 在 params 表中传入，则我们将 deltaX 和 deltaY 设置为对象的起始位置，而不是默认值 0。设置过渡时，这将用于将沿路径的每个点偏移对象的起始位置。它还将用于重构恒定的移动速率，稍后将讨论。

恒定移动速率

我们将添加的另一个选项是设置“恒定移动速率”的能力。例如，我们可能希望对象以稳定的恒定速率沿整个路径移动，即使起点和第二个点之间的距离是 100 像素，而第二个点和第三个点之间的距离是 280 像素。为了实现这一点，我们只需要基于通过 params.constantTime 传入的“时间”值计算速度因子即可。

应传递给 params.constantTime 的值只是一个整数“时间”值，speedFactor 是通过**起始点和第二个点之间的距离**计算的。换句话说，如果我们使用值 1200，则对象将在 1200 毫秒内从起始点移动到第二个点，并且沿该段建立的速度将应用于路径中的所有其他段，无论它们之间的距离如何。

默认缓动方法

如果我们希望为路径中的所有线段使用非线性缓动方法，我们可以告诉模块使用任何缓动方法。例如，要使用 quadratic-in-out 方法，我们可以在 params 表中传递 easingMethod = easing.inOutQuad。此缓动方法将应用于路径上的所有过渡，但在路径表中具有特定 easingMethod 设置的过渡除外。

过渡标记

过渡库中的一个功能是能够标记（命名）任意数量的过渡，然后 取消、暂停 或 恢复 所有共享同一标记的过渡。由于我们将构建由多个相关过渡组成的路径，因此如果您想在路径从一个点移动到另一个点时暂停或恢复路径移动，则标记至关重要。要标记将共同构成路径的所有过渡，只需在 params 表中传递 tag 参数（字符串值）。

循环遍历点

现在，让我们循环遍历我们的点并设置过渡队列。为简单起见，我们将首先声明所有过渡，并在每个过渡上应用一个 delay 参数，以便每个过渡在前一个过渡完成后开始。

首先，我们将开始循环并立即设置默认的 segmentTime 为 500 毫秒。然后，我们将检查是否提供了 params.constantTime，如果是，我们将使用经过重构的时间覆盖 segmentTime，具体来说，就是点之间的距离乘以我们上面计算的 speedFactor。

如上所述，我们可以选择在路径中的任何特定线段上设置自定义时间。如果提供此值，它将覆盖 500 毫秒的默认值和 “恒定速率” 值（如果正在使用）。让我们检查是否为此线段指定了自定义时间

此外，让我们检查是否在此特定路径线段上设置了自定义 easingMethod 参数。如果声明了此参数，它将覆盖应用于整个路径的可选默认缓动方法。

最后，整个过程的核心 — 为路径创建每个过渡

请注意，每个实际过渡的参数表是根据我们在上面的行中收集或计算的值填充的。此外，请注意第 66 行 — 在这里，我们为每个新过渡按顺序添加到总 delay 值，从而使每个过渡在前一个过渡完成后开始。

设置对象运动

让我们开始让我们的圆圈在路径上移动！在最基本的级别上，setPath() 函数可以像这样调用

但是，这不包括任何像 useDelta 或 constantTime 这样的选项，所以让我们扩展一下它

就是这样 — 这两个圆形都将沿着相同的路径 movePath 移动，并且由于我们使用了 delta 设置，路径会根据每个对象的起始位置进行偏移。每个线段上的移动速度将是恒定的，并且所有线段都将应用缓入缓出二次缓动。

暂停、恢复、取消

由于我们在序列中为每个过渡都标记了 "moveObject" 标签，因此暂停、恢复或取消操作非常简单 — 只需将标签名称传递给其中一个过渡控制 API 即可。

总结

希望本教程能帮助您开始在 Corona 中进行基于路径的移动。最后，请注意以下几点：

• 函数式格式允许您创建和重用多个独特的路径“模式”，并通过简单地将适当的路径表以及对象和可选参数传递给 setPath() 函数，将它们应用于各种对象。通过这种方式，例如，您可以为棋盘游戏中的棋子创建几种不同的移动路径，并根据玩家的移动需要重复使用这些路径。
• 本教程仅概述了线性的基于路径的移动。如果您需要基于曲线的路径方法，请参考使用曲线路径教程。

---