使用 ARGB4444

当你的项目因为图片较多造成内存占用高的时候,可以尝试设置 pixelFormat 来选择特定的像素格式,如:ARGB4444。

单张图片的使用

使用姿势非常简单,如下:

var loader = new Tiny.loaders.Loader();

loader.add({
  url: 'https://gw.alipayobjects.com/as/g/tiny/resources/1.0.0/images/moles/ali_mole.png',
  metadata: {
    // 就是在这里设置
    pixelFormat: Tiny.TYPES.UNSIGNED_SHORT_4_4_4_4,
  },
});

后面就正常方式用就可以了,没有任何的侵入。

atlas 图集的使用

代码如下:

loader.add({
  url: 'https://gw.alipayobjects.com/os/rmsportal/TpNdEfkKbfNBQjgYriHS.json',
  metadata: {
    imageMetadata: {
      pixelFormat: Tiny.TYPES.UNSIGNED_SHORT_4_4_4_4,
    },
  },
});

完整的代码详见:Playground - 纹理 - 使用 ARGB4444

骨骼动画的使用

Spine 中使用的代码如下:

loader.add({
  name: 'orangeGirlSpineRes',
  url: 'https://gw.alipayobjects.com/zos/tiny/owl/1.0.7/assets/spine/orangegirl.json',
  metadata: {
    spineAtlasFile: 'https://gw.alipayobjects.com/zos/tiny/owl/1.0.7/assets/spine/atlas2.atlas',
    imageMetadata: {
      pixelFormat: Tiny.TYPES.UNSIGNED_SHORT_4_4_4_4,
    },
  },
});