WebGL build Error : The URP material appears pink in webGL build

[slimshady1281]

Not sure if this is by design but the material appears pink wnen building for webgl

Unity version : 2020.3.7f1
Plugin version : URP 10.5/1.5.1,1.5.2

[DCjr-Infy]

I am having the same issue. Any luck in finding out the fix? Im new to CC4

[koffertje]

same issue here, is there already a update on this one?

[timbowicz]

Any updates on this issue?

[soupday]

Doesn't appear to be a problem in current version: CC/iC tools 1.6.2 / Unity 2020.3.48f1

If all of your shaders are pink, even the URP standard shaders on the clothes (which should work no matter what), then there is some sort of misconfiguration in your project and/or hardware incompatibilty?

Hard to say with WebGL but it's unusual for everything to go pink. Can you connect the debugger to it to see if it's throwing any errors?

[timbowicz]

I've found out it only happens with the 'Amplify' version of the shaders, not with the Shader Graph versions. The thing is, we want to use the wrinkles, but only the Amplify version supports the wrinkles. Is it possible to add support for wrinkles in the Shader Graph version

[timbowicz]

@soupday did you encounter the same issue for webgl when using the amplify version of your shaders? We like to use that version, since that will support wrinkels. Shader graphs doesn't support wrinkles, right?

[soupday]

I didn't have any issues with the Amplify shaders or the Shader graph. But that was with a character without wrinkle maps:

The big problem with WebGL is that there is a 32 texture hard limit. Unity itself always uses 8 of those for lightmaps, shadow maps, etc, so that leaves 24 textures available to the user. The wrinkle system pushes the number of textures above this up to 30.

Implementing the wrinkle system in the shader graph versions is going to have exactly the same problem. I left the shader graph versions in as a fallback that would/should always work so I didn't build the wrinkle system into them.

However: If you bake the character, the baked version of the wrinkle shader only uses 22 textures. So it should work in WebGL.

[soupday]

IF the baked wrinkle shader does work, you may need to correct a bug in the run time WrinkleManager script as outlined here.

[burning-ember]

I am having the same issue. Any luck in finding out the fix? Im new to CC4

You can do this in the Import Settings Features disable tessellation and build Material, try it!

[FrenkTimmer]

The baked wrinkle shader is resulting in the following error's on WebGPU:

Validation: The number of sampled textures (23) in the Fragment stage exceeds the maximum per-stage limit (16).
 - While validating binding counts
 - While validating [BindGroupLayoutDescriptor]
 - While calling [Device].CreateBindGroupLayout([BindGroupLayoutDescriptor]).

Validation: [Invalid BindGroupLayout (unlabeled)] is invalid.
 - While calling [Device].CreatePipelineLayout([PipelineLayoutDescriptor]).

CreateRenderPipeline Validation Error
[Invalid PipelineLayout (unlabeled)] is invalid.
 - While calling [Device].CreateRenderPipeline([RenderPipelineDescriptor]).

Validation: [Invalid RenderPipeline "Reallusion/Amplify/RL_HeadShaderWrinkle_Baked_URP"] is invalid.
 - While encoding [RenderPassEncoder (unlabeled)].SetPipeline([Invalid RenderPipeline "Reallusion/Amplify/RL_HeadShaderWrinkle_Baked_URP"]).
 - While finishing [CommandEncoder (unlabeled)].

Looks like the limit on WebGPU might be 16?

[soupday]

For WebGL the vast majority of GPU's can do 32 textures, but 16 is guaranteed: From the Web3D survey

But for WebGPU that limit is 16 for most operating systems and hardware: Web3D survey

In practice, especially for Unity, that would mean about 8 user textures at the most for WebGPU. So wrinkle maps are never going to work on WebGPU.