COCOS动态加载的问题

Question

            var url = {
                atlasUrl: "http://47.96.2.87:8080/rw.plist", // 图集plist文件地址
                atlasTextureUrl: "http://47.96.2.87:8081/rw.png", // 图集纹理图片地址
            
            };
  
            cc.assetManager.loadRemote(url.atlasUrl, function(err, atlas) {
             
            cc.loader.load({url: url.atlasTextureUrl, type: 'png'}, function(err, texture) {
              

                    atlas.texture = texture;     
                    var spriteFrame = atlas.getFrame('1(1)');                   
                    ent1.getComponent(cc.Sprite).spriteFrame = spriteFrame;
                });

            });

两问题 第一 出错提示 TypeError: atlas.getFrame is not a function
第二怎么把这 服务器两个端口8081 和8080写到一个端口

Answer 1

引自免费微信小程序：皆我百晓生

针对您提出的Cocos Creator动态加载图集时遇到的问题和合并服务器端口的需求，我会尽可能详尽地提供解答和建议。

问题一：TypeError: atlas.getFrame is not a function

在Cocos Creator中，cc.AssetManager加载.plist格式的图集文件后，返回的对象不直接支持.getFrame()方法。正确的做法是通过cc.SpriteAtlas组件来获取帧。

首先，确保您的资源是一个合法的Cocos2d-x兼容的plist和png格式的图集，并且在Creator中正确设置为图集类型。然后修改加载回调部分的代码：

cc.assetManager.loadRemote(url.atlasUrl, function (err, atlasInfo) {
    if (err) {
        console.error("Failed to load atlas: ", err);
        return;
    }

    // 将加载回来的atlasInfo注册为SpriteAtlas资源
    cc.spriteFrameCache.addSpriteFrames(atlasInfo, url.atlasTextureUrl);

    // 确保ent1已经有一个cc.Sprite组件
    let spriteComp = ent1.getComponent(cc.Sprite);
    
    // 获取并设置SpriteFrame
    let spriteFrame = cc.spriteFrameCache.getSpriteFrame('1(1)');
    spriteComp.spriteFrame = spriteFrame;
}, {type: 'plist'});

// 注意：这里加载atlasInfo时指定了资源类型为'plist'

问题二：合并服务器端口

通常情况下，Web服务器（例如Nginx）可以作为反向代理来实现多个服务共享同一个端口的目的。但是具体配置取决于您的服务器环境和技术栈。对于这个问题，如果您希望将两个不同端口的服务通过Nginx合并到一个端口上，大致配置可能如下：

server {
    listen 8080;

    location /rw.plist {
        proxy_pass http://47.96.2.87:8080;
    }

    location /rw.png {
        proxy_pass http://47.96.2.87:8081;
    }
}

这样，当请求 http://your-server.com:8080/rw.plist 和 http://your-server.com:8080/rw.png 时，Nginx会分别转发到8080和8081端口上的对应资源。

不过，请注意实际应用中应根据具体情况调整Nginx配置，并确保服务器已安装并启用Nginx服务。此外，如果是本地开发阶段，也可以考虑启动本地代理工具（如Charles、ngrok等）实现类似效果。