Canvas Shader Graph Help/Examples?

Unity Engine
, , ,
1

First of all, it is really great you added shader graph support for UGUI (though a little late in the day for it!!)

However it seems to have been added with nothing showing how best to use it and no example materials/graphs for rounded UI rectangles, circles etc?
It is capable of replacing all the asset store procedural shape assets, but with no example materials there are some questions left unanswered, such as:

  1. If you want to support rounded rectangles with a fixed-size corner, not relative to overall size, how do you do that?
  2. Can you get the width and height of the RectTransform which would be rather useful or would you have to manually code a component to pass that to the material?
  3. The procedural shapes like Rounded Rectangle actually appear a little flawed in their anti-aliasing with edges not always being as crisp as they should be (even with pixel perfect canvas).

Essentially I thought this might replace asset store procedural UI assets but it appears not to be an easy replacement out of the box

2

This is a great question. We have a large set of Shader Graph samples that we are finishing up right now that address these questions. It should be available soon.

3

Could you please clarify is those are up yet? I can’t seem to find them.

4

The Shader Graph UGUI Shaders sample set is complete and has been merged into the main branch for Unity 6.0, 6.1, and 6.2. I don’t think the latest builds that contain the sample set have been published yet - but you can see for yourself by installing the very newest version of the editor available under the Pre-release tab in the Hub. Then create a new project with that version, and in that new project, open the Package Manager, select the Shader Graph package, and switch to the Samples tab. The new sample will appear at the bottom of the list and is called UGUI Shaders. If it’s not there, wait a week or so and check again.

5

It seems it is not in v38, although the documentation seems to have been prematurely updated for Shader Graph 17 to 17.0.4 which includes those samples: Getting Started | Shader Graph | 17.0.4

6

The docs team is faster than the build team I guess. Take that as a sign that this sample set will be available very soon! I’m glad you’re looking forward to this one!