- Home /
Problem with Material/Reflection in WebGL
Hi,
I'm currently working on a WebGL project. Everything is working fine except for the materials/reflections. There's a huge difference between the quality and look in the editor view and the exported WebGL project running in the browser. The reflections in the browser show artifacts/lines that should not be there and the material overall looks much smoother in the editor.
The browser's console shows following Log entries:
WARNING: Shader Unsupported: 'Hidden/FXAA Preset 2' - Pass '' has no vertex shader app.php:49 WARNING: Shader Unsupported: 'Standard' - Pass 'FORWARD' has no vertex shader app.php:49 WARNING: Shader Unsupported: 'Standard' - Pass 'FORWARD_DELTA' has no vertex shader app.php:49 WARNING: Shader Unsupported: 'Standard' - Pass 'SHADOWCASTER' has no vertex shader app.php:49 WARNING: Shader Unsupported: 'Standard' - Pass 'DEFERRED' has no vertex shader app.php:49 WARNING: Shader Unsupported: 'Standard' - All passes removed app.php:49 WARNING: Shader Unsupported: 'Hidden/FXAA Preset 3' - Pass '' has no vertex shader
The Unity standard shader is being used for the material. The quality settings for WebGL are on fantastic with Anti Aliasing on (8x Multi Sampling). For the reflections a custom reflection probe is used. I tried changing these values, tried using global Environment Lighting instead of the reflection probe and played around with the skybox/cube maps' & textures' settings, but couldn't find a solution to the problem.
Here is how the material looks like in the...
...Editor:
... and in WebGL (running in Chrome, same in Firefox)
Maybe someone encountered a similar problem with WebGL? If anybody has an idea, what I might be doing wrong, I'd be very thankful!
Thank you in advance.