I would recommend combining Glossiness, Metaliness, Ambient Occlusion and Height into one texture with each channel per type of texture. Or any other combination you feel there is a fit.
There is a pattern in Editor, we do recognize certain types of postfixes on textures, for example: gmao - when you apply such texture on empty slot in material, it will auto-bind: gloss, metaliness, ambient, opacity - automatically.
It is good practice to reduce number of textures, saving VRAM and reducing download size.
JPEG does not have black and white colorspace formats. And PNG does but in GPU it is still RGB8 or RGBA8.
So yes, it makes huge difference, plus instead of 4 network requests you get only one, which makes big difference on loading times for high-latency cases (when your server is far from user).
And for Normals, you usually want them as PNG, and it makes sense then to put Heightmap into A channel, to save VRAM and another network request again.
I actually prefer TGA’s
When you upload TGA, if it has no alpha channel, it will result in JPG, but when you add compression to it, it will make compressed textures from original TGA, which won’t double the compression artifacts (when done from JPEG without TGA source).
If TGA has alpha, then it results in PNG. For normals and glossiness I do recommend PNG, for the rest JPEG is fine most of the time.
If I wanted to combine Normals + Height into a RGBA TGA that transforms into a PNG map then, what suffix would I have to use in order for playcanvas to pick it up correctly?
There is no prefix for this case, just manually apply same texture on normals and height, and choose channel for heightmap.
When uploaded, it should convert it to PNG in same folder. Which if you apply on empty slot, will do auto binding. Although you can manually set same texture on different slots and don’t forget to choose right color channels by the slots.
Hey, thanks for this. Very helpful!
Quick question…How are you changing the texture settings in Substance to be Metal / Gloss, rather than Metal / Rough (which is the template)? Or are you just inverting the roughness map once it’s been generated?
I’m almost done with this project, but it ended up at 120 MB. Seems kind of hefty, and I would love to get it down. Most textures as done like you suggested @max,
One JPG for Diffuse
One PNG for GMAO
One PNG for Normal.
Most of them are 2048x2048 and I have 7 materials. That is 21 textures in total. The PNG’s weigh in on around 2-3 MB but I’ve also added all the compression flags like so:
See any low hanging fruits for optimizing size/download speed?
I’m not sure. I think so, Their painted in substance painter and to get somewhat nice detail I think I need them that large. They do cover large geometries. However, perhaps I could see if a smaller normal map would suffice. perhaps leave the diffuse the biggest one.
I have been sticking to just the PVR option at 2 bits to get a project to work in iPhones (it works well on PC and Android too using them) if you check off all the options the build is a bit large. takes a while to compress all your textures, but once done the Vram usage drops a lot!
