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

最新推荐文章于 2025-05-30 11:46:06 发布

原创最新推荐文章于 2025-05-30 11:46:06 发布 · 6.9k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#CocosCreator

Cocos 专栏收录该内容

44 篇文章

订阅专栏

本文介绍在CocosCreator中动态加载多种资源的方法，包括Sprite、Prefab、Animation及Spine动画等，通过具体代码示例展示了如何实现这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文主要说明在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);
});