Search Unity

Artifacting RenderTexture in Browsers

Discussion in 'Web' started by nrvllrgrs, Sep 25, 2020.

  1. nrvllrgrs

    nrvllrgrs

    Joined:
    Jan 12, 2010
    Posts:
    62
    Below is an cropped screenshot of my project in Chrome (same thing occurs in Edge) on my desktop. However, it successfully renders on several laptops that I have tested. This is a Camera with a SolidColor background sent to a RenderTexture that renders on a RawImage in the UI. As you can see, even the solid background has a screen door appearance. Any ideas as to why this is occurring and it is inconsistent between computers? It is built using 2020.1.

    upload_2020-9-25_15-39-39.png
     
    nrvllrgrs, Sep 25, 2020
    #1

  2. jukka_j

    jukka_j

    Unity Technologies

    Joined:
    May 4, 2018
    Posts:
    953
    This is for sure a bug with WebGL glInvalidateFramebuffer() API invalidating render content. Are you using any custom shaders, or just Unity built-in Materials and shaders?

    If you open the web console on the page, and run the following JS code in it after the page has loaded, does that remove the artifact?

    Code (JavaScript):
    1. document.querySelector('canvas').getContext('webgl2').invalidateFramebuffer = function(){};
     
    jukka_j, Oct 6, 2020
    #2