creator 动态创建两个帧数一样的序列帧如何保持同步

在 Cocos Creator 中动态创建两个帧数一样的序列帧，可以使用代码来进行制作。具体的步骤如下：

1. 创建两个 SpriteFrame 数组，用来存储序列帧图片。
2. 遍历序列帧图片，将每一帧图片转换为 SpriteFrame，并添加到对应的 SpriteFrame 数组中。
3. 创建一个动画资源，并将两个 SpriteFrame 数组添加到动画资源中的对应属性中。
4. 创建一个动画组件，并将动画资源添加到动画组件中。
5. 将动画组件添加到需要播放序列帧的节点上。
6. 在代码中调用动画组件的 play 方法，启动序列帧动画。

在以上步骤中，关键是要确保两个序列帧的帧数一致，并且在创建动画资源时，将两个 SpriteFrame 数组添加到对应属性中。这样，在代码中播放动画时，就可以保证两个序列帧同步播放。

以下是一个示例代码，用来动态创建两个帧数一样的序列帧并播放：

// 创建两个 SpriteFrame 数组，用来存储序列帧图片
var frames1 = [];
var frames2 = [];

// 遍历序列帧图片，将每一帧图片转换为 SpriteFrame，并添加到对应的 SpriteFrame 数组中
for (var i = 0; i < 10; i++) {
    var spriteFrame1 = new cc.SpriteFrame("frame1_" + i);
    frames1.push(spriteFrame1);
    
    var spriteFrame2 = new cc.SpriteFrame("frame2_" + i);
    frames2.push(spriteFrame2);
}

// 创建一个动画资源，并将两个 SpriteFrame 数组添加到动画资源中的对应属性中
var animation = new cc.Animation();
animation.addSpriteFrames(frames1);
animation.addSpriteFrames(frames2);

// 创建一个动画组件，并将动画资源添加到动画组件中
var animComponent = node.addComponent(cc.Animation);
animComponent.addClip(animation);

// 播放动画
animComponent.play();

在上述示例代码中，我们使用 for 循环来遍历序列帧图片，并将每一帧图片转换为 SpriteFrame，并添加到对应的 SpriteFrame 数组中。然后，我们创建一个动画资源，并将两个 SpriteFrame 数组添加到动画资源中的对应属性中。最后，我们创建一个动画组件，并将动画资源添加到动画组件中，再调用 play 方法来播放动画。