CocosCreator开发笔记(16)-如何动态加载资源

本文主要说明在CocosCreator中如何动态加载Sprite、Prefab、Animation、Spine等资源。

动态加载图片

let self = this;
cc.loader.loadRes(url, cc.SpriteFrame, function(err, spFrame) {
    if (err) {
        cc.log(err.message || err);
        return;
    }
    let node = new cc.Node('newNode');
    const sprite = node.addComponent(cc.Sprite);
    sprite.spriteFrame = spFrame;
    self.node.addChild(node);
});

动态加载Prefab

let self = this;
cc.loader.loadRes(url, cc.Prefab, function(err, prefab) {
    if (err) {
        cc.log(err.message || err);
        return;
    }
    let node = cc.instantiate(prefab);
    node.active = true;
    self.node.addChild(node);
});

动态加载Animation

let self = this;
cc.loader.loadRes(url, cc.AnimationClip, function(err, clip) {
    if (err) {
        cc.log(err.message || err);
        return;
    }
    let node = new cc.Node('animNode');
    let animCtrl = node.addComponent(cc.Animation);
    animCtrl.addClip(clip);
    animCtrl.play('run');
    self.node.addChild(node);
});

动态加载Spine动画

let self = this;
cc.loader.loadRes(url, sp.SkeletonData, function(err, spine) {
    if (err) {
        cc.log(err.message || err);
        return;
    }
    let node = new cc.Node('spineNode');
    const ske = node.addComponent(sp.Skeleton);
    ske.skeletonData = spine;
    ske.setAnimation(0, 'run', false);
    self.node.addChild(node);
});