在 TypeScript 中如何正确使用 cc.moveTo 和 cc.moveBy 方法？

在 Cocos Creator 2D 游戏引擎中，TypeScript 是一种可选的脚本语言，用于开发游戏逻辑和业务逻辑。cc.moveTo 和 cc.moveBy 是两个用于移动精灵节点的方法，用于实现精灵节点的动画效果。下面是在 TypeScript 中正确使用 cc.moveTo 和 cc.moveBy 方法的示例代码：
```typescript import { ccclass, property } from 'cc.decorator'; import { Node } from 'cc';
@ccclass('MyNode') export class MyNode extends Node { // 移动目标 x 坐标 @property({ type: Number }) targetX: number = 0;
// 移动目标 y 坐标 @property({ type: Number }) targetY: number = 0;
// 移动速度 @property({ type: Number }) speed: number = 100;
// 移动时间 @property({ type: Number }) duration: number = 1000;
// 开始移动 startMove() { // 计算移动的距离 const distanceX = this.targetX - this.x; const distanceY = this.targetY - this.y;
// 创建移动的动作 const moveTo = cc.moveTo(this.duration, this.targetX, this.targetY); const moveBy = cc.moveBy(this.duration, distanceX, distanceY);
// 合并两个动作 const action = cc.sequence(moveTo, moveBy);
// 重复执行动作 this.runAction(cc.repeatForever(action)); } } ```
在上述示例代码中，首先定义了一个名为`MyNode`的类，它继承自`cc.Node`类。在类中定义了四个属性：`targetX`、`targetY`、`speed`和`duration`，分别表示移动目标的 x 坐标、y 坐标、移动速度和移动时间。
然后，定义了一个`startMove`方法，用于开始移动。在方法中，首先计算了移动的距离，然后创建了两个移动的动作：`cc.moveTo`和`cc.moveBy`。`cc.moveTo`用于移动到指定的目标位置，`cc.moveBy`用于移动指定的距离。
最后，将两个动作合并为一个序列动作`cc.sequence`，并将其重复执行，实现了精灵节点的移动效果。
在游戏逻辑中，可以调用`MyNode`类的`startMove`方法，实现精灵节点的移动效果。