美文网首页
边缘发光效果

边缘发光效果

作者: LEO_青蛙 | 来源:发表于2020-06-07 12:23 被阅读0次
边缘发光效果

GitHub项目地址

边缘发光的原理:视觉方向与模型正面的法线方向趋近于平行,视觉方向与模型边界的法线方向趋近于垂直。
视觉方向 = 摄像机的坐标 - 模型各个点的坐标
法线方向 = 模型各个点的法线方向
注意:
(1)在同一个空间下进行计算
(2)必须归一化处理
ObjSpaceViewDir方法的源码:

// Computes object space view direction
inline float3 ObjSpaceViewDir( in float4 v )
{
    float3 objSpaceCameraPos = mul(unity_WorldToObject, float4(_WorldSpaceCameraPos.xyz, 1)).xyz;
    return objSpaceCameraPos - v.xyz;
}

在世界空间下计算视觉方向:

//get the view direction in world space
fixed3 viewDir = normalize(_WorldSpaceCameraPos.xyz - i.worldPos.xyz);
Shader "Custom/RimLightShader"
{
    Properties
    {
        _MainTex ("Texture", 2D) = "white" {}

        _RimColor ("Rim Color", COLOR) = (1,1,1,1)
        _RimPower ("Rim Power", float) = 1
    }
    SubShader
    {
        Tags { "RenderType"="Opaque" }
        LOD 100

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
                float3 normal : NORMAL;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float rimLight : TEXCOORD1;
                float4 vertex : SV_POSITION;
            };

            sampler2D _MainTex;
            float4 _MainTex_ST;

            fixed4 _RimColor;  
            float _RimPower;

            v2f vert (appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = TRANSFORM_TEX(v.uv, _MainTex);

                //注意一定要归一化
                float3 viewDir = normalize(ObjSpaceViewDir(v.vertex));
                float3 normal = normalize(v.normal);
                o.rimLight = 1.0 - saturate(dot(normal, viewDir));

                return o;
            }

            fixed4 frag (v2f i) : SV_Target
            {
                fixed4 col = tex2D(_MainTex, i.uv);
                fixed3 rimColor = _RimColor.rgb * pow(i.rimLight, 1 / _RimPower);
                col.rgb += rimColor;
                return col;
            }
            ENDCG
        }
    }
}

相关文章

  • 边缘发光效果

    GitHub项目地址 边缘发光的原理:视觉方向与模型正面的法线方向趋近于平行,视觉方向与模型边界的法线方向趋近于垂...

  • Unity3dShader边缘发光效果

    shader知识:http://imgtec.eetrend.com/blogs/%E5%A2%A8%E5%8D%...

  • Unity3dShader_边缘发光效果

    shader知识:http://imgtec.eetrend.com/blogs/%E5%A2%A8%E5%8D%...

  • Android 呼吸灯效果

    android呼吸灯效果设计思路 使用颜色渐变,使其边缘灯光区,与背景色无缝连接 使用属性动画,控制呼吸灯的发光 ...

  • 护盾/能量场效果

    GitHub项目地址 实现原理:1、边缘发光2、相交高亮,主要指能量场和别的物体相交的地方是高亮显示3、扭曲效果,...

  • 给交流群里的独立游戏制作者(群宠)写shader有感。

    最近帮一个制作独立游戏的朋友做一个shader效果。对方要求:透明,边缘发光,内部也有散光。可以组合,组合碰撞区域...

  • Shader-物体发光效果

    内发光:将物体边缘 外发光:使用法线外拓的方式,再创建一个Pass

  • PS教程:给文字制作发光的效果

    如何利用PS制作文字发光的效果呢 往下看 ⇩⇩⇩ 效果图 ps制作发光文字效果,步骤如下: 1.新建一个800*5...

  • 页面边缘回弹效果

    实现页面边缘的滑动回弹效果,封装成可以自定义颜色以及回弹的边缘位置, 注释还算详细,就不赘述了,关键有两点一: 根...

  • css文字发光效果

    临近下班,突然弹出来一条消息 我。。。。于是,好吧。说起文字发光首先想到的是text-shadow,文字阴影 注释...

网友评论

      本文标题:边缘发光效果

      本文链接:https://www.haomeiwen.com/subject/agdqtktx.html