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);
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值