MaxZieb
May 27, 2021, 7:29pm
10
Little hint: using mask-size and -webkit-mask-size with 100% or cover allows you to reduce the size of the mask PNG even further (like scaling it to 50% when creating it). This makes the edges a little more fuzzy, but it is barely noticeable.
Mask-Example-1000x1500-smaller-mask.hype.zip (236,9 KB)
Update: I combined the two ideas mentioned above (sprite sheet and masking) and you can read about it here (including an example file):
[CleanShot 2021-05-27 at 23.36.32@2x]
Here is an additional export (based on the responsive exporter) that sets the mask properties to a file of the same name but with a -mask.png extension. That image is not created for you but can be added …
Installation:
Unpack the folder somewhere central but permanent (like your Documents-folder)
Open Texture-Packer and navigate to the settings and select the unpacked folder as your additional extension folder (more on that here )
Hint on installing ch…
1 Like