Question by ms_dev · Oct 28, 2015 at 12:57 PM · webgl materials artifacts reflections antialiasing

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: alt text