用cc.Sprite组件显示和切换图集中的图片

你好，这是Bing。我可以帮你找到一些关于CocosCreator2.4.11的typescript示例，但是我不能保证它们能完全满足你的需求。你可以参考以下的代码片段1，它展示了如何用cc.resoucer.load加载图集，并用cc.Sprite组件显示和切换图集中的图片。你还需要添加一些逻辑来处理手指移动和图片飞出屏幕的效果。// 假设有一个sprite节点，已经添加了cc.Sprite组件.

let sprite = this.node.getComponent(cc.Sprite);

// 加载图集资源
cc.resources.load("r", cc.SpriteAtlas, (err, atlas) => {
    if (err) {
        console.error(err);
        return;
    }
    // 获取图集中的图片1、2、3
    let spriteFrame1 = atlas.getSpriteFrame("1");
    let spriteFrame2 = atlas.getSpriteFrame("2");
    let spriteFrame3 = atlas.getSpriteFrame("3");

    // 显示图片2
    sprite.spriteFrame = spriteFrame2;

    // 根据手指移动方向切换图片
    this.node.on(cc.Node.EventType.TOUCH_MOVE, (event) => {
        let delta = event.getDelta();
        if (delta.y > 0) { // 向上移动
            // 显示图片3
            sprite.spriteFrame = spriteFrame3;
            // TODO: 让图片2向上飞出屏幕
        } else if (delta.y < 0) { // 向下移动
            // 显示图片1
            sprite.spriteFrame = spriteFrame1;
            // TODO: 让图片2向下飞出屏幕
        }
    });
});