Cocos Creator 下载图片动态替换纹理

Date: 2022-04-19

• Cocos Creator v3.4.2
• assetManager.loadRemote方法, 示例代码如下:

  let headImg = this.headSprite; // Sprite节点
  /**
   * @param url 图片地址
  * @returns callback(err, img) err: 错误码 img: Cocos自定义格式的图片资源
  */
  assetManager.loadRemote(url, {ext:".jpg"}, (err:any, img:ImageAsset)=> {
      console.log(err);
      
      // 创建2d纹理贴图, 并将image指向图片资源
      let texture = new Texture2D();
      texture.image = img
  
      // 创建Sprite渲染组件所需的图像资源
      let newSpriteFrame = new SpriteFrame();
      newSpriteFrame.texture = texture
      
      // newSpriteFrame.flipUVX = false;      // 沿X轴UV翻转
      newSpriteFrame.flipUVY = true;      // 沿Y轴UV翻转
      newSpriteFrame.packable = false;    // 取消自动合图
  
      headImg.spriteFrame = newSpriteFrame;
  });
  

• 注意: 如果使用了自定义shader, 需要取消自动合图, 不然会出现图片显示不完全的问题