cocos creator如何实现点击切换图片，图片正确解锁，进入下一关

要实现点击切换图片、正确解锁图片以及进入下一关，可以按照以下步骤：

1. 在场景中放置一个Sprite节点，作为需要点击的图片。
2. 为Sprite节点添加一个Button组件，以便可以点击它。
3. 在Script组件中，监听Sprite节点的Button点击事件，并在点击事件的回调函数中编写代码来实现图片切换和解锁逻辑。
4. 在代码中可以通过修改Sprite节点的SpriteFrame属性来改变图片，通过设置一个变量来记录当前图片是否被解锁。
5. 当图片被点击时，检查当前图片是否已经被解锁，如果已经解锁，就切换到下一关。
6. 切换到下一关可以通过加载下一个场景来实现。

示例代码如下：

cc.Class({
    extends: cc.Component,

    properties: {
        sprite: cc.Sprite, // 需要点击的图片
        unlockedSpriteFrame: cc.SpriteFrame, // 解锁后的图片
        isUnlocked: false, // 当前图片是否已经解锁
        nextScene: "", // 下一关的场景名称
    },

    onLoad () {
        // 监听图片的Button点击事件
        this.sprite.node.on("click", this.onSpriteClicked, this);
    },

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

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