sshukla
The best way to determine the best result for your use case is to experiment with different combinations yourself.
On the editor side, Misaki has already explained how to scale and change the scaling algorithm.
On the Pixi side, we configure three properties for each texture: the min filter, the mag filter, and mipmap generation.
When setting up the texture packer configuration, you can choose the Runtime configurations, where you can define the following settings:
The available filter options are:
The following code applies these settings to configure the corresponding values on the Pixi texture:
private static toPixiMipMap (filter: TextureFilter): boolean {
switch (filter) {
case TextureFilter.Nearest:
case TextureFilter.Linear:
return false;
case TextureFilter.MipMapNearestLinear:
case TextureFilter.MipMapNearestNearest:
case TextureFilter.MipMapLinearLinear: // TextureFilter.MipMapLinearLinear == TextureFilter.MipMap
case TextureFilter.MipMapLinearNearest:
return true;
default:
throw new Error(`Unknown texture filter: ${String(filter)}`);
}
}
private static toPixiTextureFilter (filter: TextureFilter): SCALE_MODE {
switch (filter) {
case TextureFilter.Nearest:
case TextureFilter.MipMapNearestLinear:
case TextureFilter.MipMapNearestNearest:
return 'nearest';
case TextureFilter.Linear:
case TextureFilter.MipMapLinearLinear: // TextureFilter.MipMapLinearLinear == TextureFilter.MipMap
case TextureFilter.MipMapLinearNearest:
return 'linear';
default:
throw new Error(`Unknown texture filter: ${String(filter)}`);
}
}
As you can see, Linear and Nearest do not generate mipmaps, whereas all other configurations do. Mipmaps are useful when scaling down textures, as they contain smaller, pre-filtered versions of the texture to reduce aliasing.
Regarding filters:
Nearest is used for Nearest, MipMapNearestLinear, and MipMapNearestNearest. Linear is used for Linear, MipMapLinearLinear, MipMapLinearNearest, and MipMap.
If your game targets 1080p, you can simply export assets at the desired resolution.
If your game needs to scale up, you may want to export 2x textures and enable mipmaps.
To avoid pixelation, choose Linear as the filter.
Additionally, if you're using Pixi, you can take advantage of Pixi bundles, which allow you to include different textures for different resolutions. In this case, you can export high-resolution textures and create a Pixi bundle with 1x, 2x, and 3x versions of your textures. Read more about this in our documentation.
You can easily create Pixi bundles using the Pixi Asset Pack.
