cocos creator如何实现拖动图片，图片顺序正确才能解锁，进入下一关

要实现拖动图片、正确顺序才能解锁图片以及进入下一关，可以按照以下步骤：

1. 在场景中放置多个Sprite节点，作为需要拖动的图片。
2. 为每个Sprite节点添加一个Draggable组件，以便可以拖动它们。
3. 在Script组件中，添加一个数组来记录图片的正确顺序，并在拖动结束后判断图片的顺序是否正确。
4. 当图片顺序正确时，解锁图片并切换到下一关。

示例代码如下：

cc.Class({
    extends: cc.Component,

    properties: {
        sprites: [cc.Sprite], // 需要拖动的图片
        correctOrder: [], // 图片的正确顺序
        isUnlocked: false, // 当前图片是否已经解锁
        nextScene: "", // 下一关的场景名称
    },

    onLoad () {
        // 遍历所有图片，为它们添加Draggable组件
        for (let i = 0; i < this.sprites.length; i++) {
            let sprite = this.sprites[i];
            let draggable = sprite.node.addComponent(cc.Button);
            draggable.draggable = true;
            draggable.on("dragend", this.onSpriteDragEnd, this);
        }
    },

    onSpriteDragEnd (event) {
        // 判断图片的顺序是否正确
        let isCorrect = true;
        for (let i = 0; i < this.sprites.length; i++) {
            let sprite = this.sprites[i];
            if (sprite.node.getSiblingIndex() !== this.correctOrder[i]) {
                isCorrect = false;
                break;
            }
        }

        if (isCorrect) {
            if (this.isUnlocked) {
                // 切换到下一关
                cc.director.loadScene(this.nextScene);
            } else {
                // 解锁图片
                this.isUnlocked = true;
            }
        }
    },
});

这是一个简单的示例代码，实际的实现可能还需要根据具体需求进行调整。