使用 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,
},
},
});