Unity圆圈过渡效果

参考 https://www.bilibili.com/read/cv6505766/
Unity圆圈过渡效果_第1张图片
用到了2019.3.15的 URP shader graph

设置uicamera

新建一个Canvas 添加一个Image控件,Canvas选择screen space - camera,新建一个相机命名为UICamera,并且改为overlayer模式
Unity圆圈过渡效果_第2张图片
主相机的stack里添加uicamera
Unity圆圈过渡效果_第3张图片

添加Shader Graph

右键Create-shader-shadergraph-2drender-unlitSprite
然后添加节点
Unity圆圈过渡效果_第4张图片

思路大概是这样
Unity圆圈过渡效果_第5张图片
加个脚本用动画animator控制

[ExecuteInEditMode]
public class FadeController : MonoBehaviour
{
    [Range(0, 1f)]
    public float FadeValue = 1;

    private Material m_material;

    void Start()
    {
        m_material = transform.GetComponent<Image>().material;
    }

    void Update()
    {
        m_material.SetFloat("_Radius", FadeValue);
    }
}

Unity圆圈过渡效果_第6张图片

你可能感兴趣的:(unity3d)