png texture compression on iOS devices

[Exa]

Hi everyone,

I have an issue with texture compression on iOS device : here is the problem :

on my PC :

on my iPad : 

the material :         

		{
			"customType" : "BABYLON.PBRMaterial",
			"directIntensity" : 1,
			"emissiveIntensity" : 1,
			"environmentIntensity" : 0.9,
			"specularIntensity" : 1,
			"cameraExposure" : 1,
			"cameraContrast" : 2,
			"microSurface" : 0.5,
			"overloadedShadowIntensity" : 1,
			"overloadedShadeIntensity" : 1,
			"overloadedAmbientIntensity" : 0,
			"overloadedAlbedoIntensity" : 0,
			"overloadedReflectivityIntensity" : 0,
			"overloadedEmissiveIntensity" : 0,
			"overloadedAmbient" : [
				0,
				0,
				0
			],
			"overloadedAlbedo" : [
				0,
				0,
				0
			],
			"overloadedReflectivity" : [
				0,
				0,
				0
			],
			"overloadedEmissive" : [
				0,
				0,
				0
			],
			"overloadedReflection" : [
				0,
				0,
				0
			],
			"overloadedMicroSurface" : 0,
			"overloadedMicroSurfaceIntensity" : 0,
			"overloadedReflectionIntensity" : 0,
			"albedoTexture" : null,
			"ambientTexture" : null,
			"opacityTexture" : null,
			"reflectionTexture" : null,
			"emissiveTexture" : null,
			"reflectivityTexture" : null,
			"bumpTexture" : null,
			"lightmapTexture" : {
				"name" : "CleanedUp_BedroomLightmap-3_comp_light.png",
				"level" : 1,
				"hasAlpha" : false,
				"getAlphaFromRGB" : false,
				"coordinatesMode" : 0,
				"isCube" : false,
				"uOffset" : 0,
				"vOffset" : 0,
				"uScale" : 1.002394,
				"vScale" : 1.002394,
				"uAng" : 0,
				"vAng" : 0,
				"wAng" : 0,
				"wrapU" : 1,
				"wrapV" : 1,
				"coordinatesIndex" : 1,
				"isRenderTarget" : false,
				"renderTargetSize" : 0,
				"mirrorPlane" : null,
				"renderList" : null,
				"animations" : null,
				"extensions" : null
			},
			"useLightmapAsShadowmap" : true,
			"refractionTexture" : null,
			"ambient" : [
				1,
				1,
				1
			],
			"albedo" : [
				1,
				1,
				1,
				1
			],
			"reflectivity" : [
				0,
				0,
				0
			],
			"reflection" : [
				0,
				0,
				0
			],
			"emissive" : [
				0,
				0,
				0,
				1
			],
			"roughness" : 1,
			"useRoughnessFromMetallicTextureAlpha" : false,
			"useRoughnessFromMetallicTextureGreen" : false,
			"useAlphaFromAlbedoTexture" : false,
			"useEmissiveAsIllumination" : true,
			"useMicroSurfaceFromReflectivityMapAlpha" : false,
			"useSpecularOverAlpha" : true,
			"useRadianceOverAlpha" : true,
			"indexOfRefraction" : 0,
			"invertRefractionY" : false,
			"emissiveFresnelParameters" : null,
			"opacityFresnelParameters" : null,
			"disableLighting" : false,
			"name" : "MUR",
			"id" : "39e75ac7-f7b5-4d06-98a0-50fb26b52378",
			"backFaceCulling" : true,
			"wireframe" : false,
			"alpha" : 1,
			"alphaMode" : 2
		}

the lightmap texture : 

 

I tried to compress with pvr format, to merge lightmaps with a white layer and use it as png, or jpg, and in albedo channel but nothing worked, any advices?

[GameMonetize]

It looks like the iPad is doing dithering

you can try something like engine.setDitheringState(false) ?

[Exa]

On 20/10/2017 at 5:50 PM, Deltakosh said:

engine.setDitheringState(false)

Sure about the function name?

[Exa]

It seems to be more complicated than that, i find the same problem in a lot of other webgl app on iOS, hope we can find a work around via babylon.js

[Exa]

Found it, convert png from 8bit to 16bit worked

[Nabroski]

@Sebavan

can you also add more bits (ANGEL== RGBA8) to the environment.dds, i'm into photography and the HDr looks a bit crunchy (chrome latest dev-build 64bit, firefox latest)