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

小咪咪 2022-05-19 04:09 394阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，394人围观）

还没有评论，来说两句吧...

相关阅读

相关如何用 Spring 加载资源？

Spring 中定义了资源接口：只读资源 Resource 输入流 InputStreamSource 可写资源 WritableResource

曾经终败给现在/ 2023年01月16日 09:55/ 0 赞/ 87 阅读

相关动态加载本地图片资源

记录工作中遇到的问题图片使用变量不显示图片 ![在这里插入图片描述][20210329171028671.png] 图片并没有被加载出来，浏览器显示’…/…/as

柔光的暖阳◎/ 2022年11月14日 13:24/ 0 赞/ 193 阅读

相关 CocosCreator3.0加载远程图片资源

在微信小游戏平台，需要获取了微信头像，对于这个需求，需要这样来做：获取微信用户信息=》得到微信小游戏头像的http地址=》在Cocos引擎使用loadRe

朴灿烈づ我的快乐病毒、/ 2022年11月10日 01:27/ 0 赞/ 560 阅读

相关 CocosCreator开发笔记(13)-如何处理鼠标事件

Cocos Creator的 cc.Node 有一套完整的事件监听和分发机制。在这套机制之上，引擎提供了一些基础的节点相关的系统事件。 Cocos Creator支持的系统事

电玩女神/ 2022年05月24日 13:06/ 0 赞/ 875 阅读

相关 CocosCreator开发笔记(12)-如何处理键盘事件

Cocos Creator的 cc.Node 有一套完整的事件监听和分发机制。在这套机制之上，引擎提供了一些基础的节点相关的系统事件。 Cocos Creator支持的系统事

以你之姓@/ 2022年05月24日 13:00/ 0 赞/ 520 阅读

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

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

小咪咪/ 2022年05月19日 04:09/ 0 赞/ 395 阅读

相关 Qt：动态加载资源文件

鼠标点击工程文件目录右键选择 “添加新文件…” ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

港控/mmm°/ 2022年05月17日 12:16/ 0 赞/ 703 阅读

相关 CocosCreator开发笔记(21)-cc.Sprite的动态加载和释放

cc.Sprite是Creator中比较常用的一个组件，实际使用中常常需要做动态/异步加载。要让它显示图片，实际上主要是设置SpriteFrame。 let path

àì夳堔傛蜴生んèń/ 2022年04月15日 01:14/ 0 赞/ 661 阅读

相关实现动态加载一个 JavaScript 资源

（1）DOM创建元素（2）定义script标签的属性（3）onreadystatechange绑定资源加载成功的事件，利用readyState判断资源加载状态是

小灰灰/ 2021年12月18日 20:47/ 0 赞/ 250 阅读

相关 nodejs动态加载动态html、js并且加载静态资源

网上可以很轻松的找到动态加载资源、或者加载动态页面、或者加载静态资源的文章，但是找了好久都没找到将这几个功能整合起来的文章。于是决定自己写一个。本文通过nodejs，实现真

灰太狼/ 2021年09月30日 14:20/ 0 赞/ 557 阅读