Search Unity

AA+HDR+DOF: Why is Sketchfab superior in WebGL ?

Discussion in 'Image Effects' started by Cascho01, Feb 8, 2017.

  1. Cascho01

    Cascho01

    Joined:
    Mar 19, 2010
    Posts:
    1,347
    Today I am in a mood to provoke once again:





    - Incredible AA
    - HDR/Bloom
    - DOF

    It looks like there´s a difference in rendering AA + postefffects when modell is moving or static.

    Will this quality EVER be possible in Unity? :(

    (As a bloody noob I would ask:
    Why is Unity going on to get in trouble targeting all these platforms (PC/Mac/iOS/Android/...) while WebGL done correctly seems to be able to cover them all?)
     
    Last edited: Feb 8, 2017
    Cascho01, Feb 8, 2017
    #1

  2. GoGoGadget

    GoGoGadget

    Joined:
    Sep 23, 2013
    Posts:
    864
    While I agree that Unity's WebGL isn't anything special, if all that Unity had to do in WebGL was load a model and apply some PostFX, I'm sure they'd be able to make something that looks like that. DoF that looks like that is very do-able on WebGL's shader model (GLES IIRC? or 2.0), if you wrote it yourself, but you'd be missing out on many of the optimizations possible with DX11+ methods.
     
    GoGoGadget, Feb 9, 2017
    #2

  3. Chman

    Chman

    Unity Technologies

    Joined:
    Feb 6, 2010
    Posts:
    721
    Sketchfab cranks everything up to 11 when everything is static, AA included. I haven't looked at the code in detail but it looks like straight up supersampling (render at x2 or x4 resolution and downscale with fancy filtering), which looks great on static pictures but kills the frame time. This is why you see a difference in quality. As soon as you move you can see artifacts and flickers in high specular areas as it renders back in actual resolution.

    Edit: our post-fx stack is also untested on WebGL at the moment as it's still a work in progress.
     
    Chman, Feb 11, 2017
    #3
    fffMalzbier likes this.

  4. Flurgle

    Flurgle

    Joined:
    May 16, 2016
    Posts:
    389
    @Chman is correct. This AA is NOT real time.

    @Cascho01 Hopefully this will help explain it:

    DOF:
    Sketchfab uses 2 dof's. When you are moving around, you get a simple and fast to render hexagonal bokeh aperture dof:
    ​
    When you are idle (stop moving), you get a high quality dof - note how very smooth it is:
    ​

    Anti Aliasing:
    The exposure of the HDR cubemap of the background of the scene cleverly blends into the model, which distracts from the jaggies (as does the chromatic aberration). Here I am moving around the camera, and you can see there is no AA:

    ​
    When Idle (not moving) - you get a beautiful AA - and supersampled:

    ​
     
    Flurgle, Feb 20, 2017
    #4

  5. Cascho01

    Cascho01

    Joined:
    Mar 19, 2010
    Posts:
    1,347
    Thanks for all the explanations!
    My intend was to post my astonishment what a nice WebGL quality is already doable even across mobile platforms while Unity is still "a few" steps behind this.
    This sadly forces me to switch to other products for WebGL-Only-Projects.
    I really hope that Unity will catch up soon.
     
    Cascho01, Feb 20, 2017
    #5

  6. ina

    ina

    Joined:
    Nov 15, 2010
    Posts:
    1,085
    Great post!

    Love @Chman's asset work - both Colorful and Moments

    Would be neat if there's a post package that's optimized for beautiful model loading
     
    ina, Sep 2, 2017
    #6