您现在的位置是:首页 > 正文

边缘光 rim

2024-02-29 11:07:08阅读 4


边缘光在游戏中是很常用到的,比如角色受到攻击,模型边缘会有一圈红色的边框,这些都是边缘光得到的奇妙效果。下图展现了边缘光的效果




边缘关的原理如下图所示



代码如下图

[csharp]   view plain  copy
  1. Shader "Custom/Rim" {  
  2.     Properties {  
  3.        //对边缘光做一个衰减  
  4.        _Scale("RIM_SCALE", range(1, 8)) = 2  
  5.     }  
  6.     SubShader {  
  7.       
  8.         pass{  
  9.             CGPROGRAM  
  10.             #pragma vertex vert  
  11.             #pragma fragment frag  
  12.             #include "unitycg.cginc"  
  13.              
  14.             float _Scale;  
  15.             struct v2f{  
  16.                 float4 pos: SV_POSITION;  
  17.                 float3 normal: TEXCOORD0;  
  18.                 float4 vertex: TEXCOORD1;  
  19.             };  
  20.              
  21.            //收集模型法线和顶点,并返回  
  22.             v2f vert(appdata_base v){  
  23.                 v2f vf;  
  24.                 vf.pos = mul(UNITY_MATRIX_MVP, v.vertex);  
  25.                 vf.normal = v.normal;  
  26.                 vf.vertex = v.vertex;  
  27.                 return vf;  
  28.             }  
  29.               
  30.             fixed4 frag(v2f IN):color{  
  31.                 //下面的两个函数都是unitycg.cginc的,  
  32.                 //UnityObjectToWorldNorm  作用是把 法线 转到 世界空间  
  33.                 float3 N = UnityObjectToWorldNorm(IN.normal);  
  34.                 //WorldSpaceViewDir 作用是计算相机到物体定点的向量  
  35.                 float3 V = WorldSpaceViewDir(IN.vertex);  
  36.                 V=normalize(V);  
  37.                 //计算边缘光  
  38.                 float bright = 1 - saturate(dot(N, V));  
  39.                 //衰减计算  
  40.                 bright = pow(bright, _Scale);  
  41.                 //返回固定色  
  42.                 return fixed4(1,1,1,1) * bright;  
  43.             }  
  44.             ENDCG  
  45.         }  
  46.     }   
  47. }  

然后可以通过简单的代码进行shader的切换,进行模拟角色被攻击的效果 (略)


可能还有这样一个情景,当角色受到攻击的时候,不仅要边缘高光,而且可以从身体看穿,看到身后的物体,这样可以增加真实感。这里实现这个其实很简单 (如下效果)



左边的是边缘光带透明的,右边是只有边缘光的  代码如下,只需要加入简单的混合方式和 队列顺序

[csharp]   view plain  copy
  1. Shader "Custom/Rim_tranpernet" {  
  2.     Properties {  
  3.        _Scale("RIM_SCALE", range(1, 8)) = 2  
  4.     }  
  5.     SubShader {  
  6.         //渲染队列为透明  
  7.         tags {"Queue" = "Transparent"}  
  8.         pass{  
  9.             //混合方式  
  10.             Blend SrcAlpha oneMinusSrcAlpha  
  11.               
  12.             CGPROGRAM  
  13.             #pragma vertex vert  
  14.             #pragma fragment frag  
  15.             #include "unitycg.cginc"  
  16.                
  17.             float _Scale;  
  18.             struct v2f{  
  19.                 float4 pos: SV_POSITION;  
  20.                 float3 normal: TEXCOORD0;  
  21.                 float4 vertex: TEXCOORD1;  
  22.             };  
  23.              
  24.             v2f vert(appdata_base v){  
  25.                 v2f vf;  
  26.                 vf.pos = mul(UNITY_MATRIX_MVP, v.vertex);  
  27.                 vf.normal = v.normal;  
  28.                 vf.vertex = v.vertex;  
  29.                 return vf;  
  30.             }  
  31.               
  32.             fixed4 frag(v2f IN):color{  
  33.                 float3 N = UnityObjectToWorldNorm(IN.normal);  
  34.                 float3 V = WorldSpaceViewDir(IN.vertex);  
  35.                 V=normalize(V);  
  36.                   
  37.                 float bright = 1 - saturate(dot(N, V));  
  38.                 bright = pow(bright, _Scale);  
  39.                 return fixed4(1,1,1,1) * bright;  
  40.             }  
  41.        
  42.             ENDCG  
  43.         }  
  44.     }   
  45. }  

网站文章

  • matplotlib 画图笔记 柱状图、曲线图、box图

    matplotlib 画图笔记 柱状图、曲线图、box图

    import matplotlib.pyplot as plt import numpy as np from matplotlib.backends.backend_pdf import PdfPa...

    2024-02-29 11:07:01
  • 算法与数据结构

    算法与数据结构

    文章目录算法数据结构算法复杂度数据结构1、前言2、数组3、链表4、栈5、队列6、树7、图8、散列表9、堆动态规划搜索与回溯算法分治算法排序查找算法双指针位运算数学模拟算法数据结构算法: 动态规划、回溯...

    2024-02-29 11:06:54
  • cesium态势标绘示例目录

    cesium态势标绘欢迎您的订阅,订阅后您可以直接查看以下内容;此专栏为vue + cesium标绘与编辑,均采用es6模块化写法逻辑清晰,会有明显的标注说明,使代码容易读懂,理解和学习,相信读完此专...

    2024-02-29 11:06:24
  • .net core web api简单创建

    .net core web api简单创建

    第一步:创建一个asp .net core web应用项目第二步:编辑下controller效果第三步:为了方便管理api搭建Swagger安装修改配置文件:startup.cs第四步启动项目

    2024-02-29 11:06:18
  • 微信小程序(模板)

    微信小程序(模板)

    1.模板:WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。定义模板:使用name属性,作为模板的名字。然后在内定义代码片段,如:<template name="postItem"> <view class="post-container"> <view class="post-author-date"> <image clas

    2024-02-29 11:06:10
  • 【计算机算法设计与分析】6-5 最小重量机器设计问题(C++_回溯法/分支限界法)

    问题描述 设某一机器由 n 个部件组成,每一种部件都可以从 m 个不同的供应商处购得。设 wij 是从供应商 j 处购得的部件 i 的重量, cij 是相应的价格。 设计一个优先队列式分支限界法,给出...

    2024-02-29 11:05:39
  • oracle 反斜杠 /

    sqlplus / as sysdba是一种简化写法,其实是省略了用户名和密码,完整的写法是sqlplus sys/password as sysdba而sqlplus /nolog是另外的用法了,nolog表示不进行登录,仅仅是进入sqlplus软件而已

    2024-02-29 11:05:32
  • 深度学习简介和反向传播---李宏毅《机器学习》笔记04

    深度学习简介和反向传播---李宏毅《机器学习》笔记04

    文章目录一、深度学习的三个步骤Step1:神经网络(Neural network)Step2:模型评估(Goodness of function)Step3:选择最优函数(Pick best func...

    2024-02-29 11:05:26
  • 开源基于ASP.Net Core开发的一套通用后台框架

    开源基于ASP.Net Core开发的一套通用后台框架

    开源基于ASP.Net Core开发的一套通用后台框架【转】果冻栋吖程序员30 人赞同了该文章基于http://ASP.NetCore开发一套通用后台框架写在前面这是本人在学习的过程中搭建学习的框架,...

    2024-02-29 11:04:56
  • datax运行无法加载主类

    datax运行无法加载主类

    我已经将datax换成python3可以执行了 一开始可以运行,但是过段时间在上服务器看的时候,自带的job.json不见了,然后在运行就报错了 报错如下

    2024-02-29 11:04:49