Ripple effect of mouse click (unity & shader)

Original address ：http://www.manew.com/thread-106798-1-1.html

------------------------------------------------------------------------------------------------------

One 、 Preface

    It's another one that hasn't been updated for a long time , Or is it too busy , Life goes on and on , Of course, there are good things to share with you .
    It uses .5.0 edition , practice , First on the renderings , As shown in the figure ： The effect is to respond to each mouse click , A random color is generated at the click position of the mouse

wave

Two 、 Implementation method

1、 Key Shader part ：

    First , Is the most difficult color conversion function , Code ：

What's hidden in this post

[C#] Plain text view Copy code

// How to convert colors 

fixed3 shift_col(fixed3 RGB, half3 shift)

{

fixed3 RESULT = fixed3(RGB);

float VSU = shift.z*shift.y*cos(shift.x*3.14159265 / 180);

float VSW = shift.z*shift.y*sin(shift.x*3.14159265 / 180);



RESULT.x = (.299*shift.z + .701*VSU + .168*VSW)*RGB.x

+ (.587*shift.z - .587*VSU + .330*VSW)*RGB.y

+ (.114*shift.z - .114*VSU - .497*VSW)*RGB.z;



RESULT.y = (.299*shift.z - .299*VSU - .328*VSW)*RGB.x

+ (.587*shift.z + .413*VSU + .035*VSW)*RGB.y

+ (.114*shift.z - .114*VSU + .292*VSW)*RGB.z;



RESULT.z = (.299*shift.z - .3*VSU + 1.25*VSW)*RGB.x

+ (.587*shift.z - .588*VSU - 1.05*VSW)*RGB.y

+ (.114*shift.z + .886*VSU - .203*VSW)*RGB.z;



return RESULT;

}

The attribute part is ：
[PerRendererData] The command means that the texture on other materials of the object will be loaded directly
[Toggle] Command means a checkable option that can be displayed on the panel

[C#] Plain text view Copy code

        Properties

{

[PerRendererData] _MainTex("Sprite Texture", 2D) = "white" {}

[HideInInspector]_StartTime("StartTime", Float) = 0

_Time("AnimationTime", Range(0.1, 10.0)) = 1.5

_Width("Width", Range(0.1, 3.0)) = 0.3

_StartWidth("StartWidth", Range(0, 1.0)) = 0.3

[Toggle] _isAlpha("isAlpha",Float) = 1

[Toggle] _isColorShift("isColorShift",Float) = 1

[MaterialToggle] PixelSnap("Pixel snap", Float) = 1

}

Vertex and clip shader code ：

[C#] Plain text view Copy code

v2f vert(appdata_base IN)

{

v2f OUT;

OUT.vertex = UnityObjectToClipPos(IN.vertex);

OUT.texcoord = IN.texcoord;

return OUT;

}

fixed4 frag(v2f IN) : SV_Target

        {

                fixed4 color = tex2D(_MainTex, IN.texcoord);

                float2 pos = (IN.texcoord - float2(0.5,0.5)) * 2; // Width 

                float dis = (_Time.y - _StartTime) / _AnimationTime + _StartWidth - length(pos);



                // Greater than the maximum width and less than 0 All pixels in this part are removed 

                if (dis < 0 || dis > _Width)

                return fixed4(0,0,0,0);



                // If the transparency gradient is turned on, let the transparency interpolate 

                float alpha = 1;

                if (_isAlpha == 1)

                {

                        alpha = clamp((_Width - dis) * 3, 0.1, 1.5);

                }



                fixed3 shiftColor = color;

                if (_isColorShift == 1)

                {

                        half3 shift = half3(_Time.w * 10, 1, 1);

                        shiftColor = shift_col(color, shift);

                }



                return fixed4(shiftColor, color.a * alpha);

        }

2、 Create a wavy preset

With Shader after , Create the Shader The ball of material , I usually select this directly Shader, Then right-click to create the material , This material is directly assigned to this Shader, And the name will also be the same as that Shader The name of . After creating the material , Create an empty object , And add... To this empty object Sprite Renderer attribute . Give the following map to Sprite Renderer Of Sprite.

Write the control script of the preset body , The code is as follows ：

[C#] Plain text view Copy code

using System.Collections;

using System.Collections.Generic;

using UnityEngine;





[RequireComponent(typeof(SpriteRenderer))]

[RequireComponent(typeof(Collider2D))]

public class Ripple : MonoBehaviour

{

    SpriteRenderer mSpriteRenderer;

    Collider2D mCircleCollider;



    void Awake()

    {

        mSpriteRenderer = transform.GetComponent<SpriteRenderer>();

        mCircleCollider = transform.GetComponent<Collider2D>();

    }



    void Start()

    {

        Invoke("unenabledTrigger", 0.05f);



        mSpriteRenderer.material.SetFloat("_StartTime", Time.time);



        float animationTime = mSpriteRenderer.material.GetFloat("_AnimationTime");

        float destroyTime = animationTime;

        destroyTime -= mSpriteRenderer.material.GetFloat("_StartWidth") * animationTime;

        destroyTime += mSpriteRenderer.material.GetFloat("_Width") * animationTime;

        Destroy(transform.gameObject, destroyTime);

    }



    public void unenabledTrigger()

    {

        mCircleCollider.enabled = false;

    }



    public void OnTriggerEnter2D(Collider2D collider)

    {



    }

}

3、 Finally, write a general control script

Control the preset and click create , The code is as follows ：

[C#] Plain text view Copy code

using System;

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.EventSystems;

using UnityEngine.UI;



[RequireComponent(typeof(Image))]

public class Control : MonoBehaviour, IPointerDownHandler, IPointerUpHandler, IDragHandler

{

    public GameObject prefabRippleEffect;



    public void OnDrag(PointerEventData eventData)

    {



    }



    public void OnPointerDown(PointerEventData eventData)

    {

        CreateNewRipple(eventData.position);

    }



    public void OnPointerUp(PointerEventData eventData)

    {



    }



    // Use this for initialization

    void Start() {



    }



    // Update is called once per frame

    void Update() {

        CheckTap();

    }

    private void CheckTap()

    {

        foreach (Touch item in Input.touches)

        {

            if (item.phase == TouchPhase.Began)

            {

                CreateNewRipple(item.position);

            }

        }

    }

    /// <summary>

    ///  Create a new ripple 

    /// </summary>

    /// <param name="pos"></param>

    private void CreateNewRipple(Vector2 pos)

    {

        Vector2 worldPos = Camera.main.ScreenToWorldPoint(pos);

        GameObject tempNewRipple = Instantiate(prefabRippleEffect, worldPos, Quaternion.identity, transform);

    }

}