3.顶点外扩方法实现的描边shader

描边shader的实现有很多种,顶点外扩是其中之一。顶点外扩的原理是用2个Pass 渲染物体2次

第一遍:描边,顶点沿法线方向外拓后用黑色渲染。外扩这一步的实现是在投影空间,也就是2D的,根绝法线的x和y值进行外扩,因为是沿着法线方向外扩,所以法线越和摄像机方向相同,也就是越接近面向摄像机的顶点,顶点的位置变化的越小,当法线和摄像机方向相同时,不会有任何变化。

第一遍渲染后,实际的图像如下:

第二遍:正常渲染物体,与第一遍渲染的混合在一起



优点:
(1)效果最好。
(2)适用范围广。
缺点:
(1)对效率有一定影响。因为有2个Pass,所以DrawCall为正常的2倍

(2)对于法线过度不均匀的模型,比如立方体,轮廓会有缝隙。


上边的立方体例子我是特意把描边的外扩值调到很大,便于理解。由第一遍渲染后的图和第二遍渲染后的图的对比,很容易理解这个方法的原理。其实就是通过法线来把边缘进行位移,如果不是边缘,则不位移,比如立方体的正面。在第二次渲染后,会覆盖同位置的像素,因为边缘已经外扩,像素的位置已经不是原来的位置,因此不会被覆盖,而像位于立方体正面的像素,则会被第二次渲染时覆盖,最后就混合成了带黑边的效果图。


Shader "Study/3_OutLine"
{Properties{_MainTex("Texture", 2D) = "white"{}_LineSize("OutlineSize", range(0, 0.1)) = 0.02_LineColor("LineColor", Color) = (0,0,0,1)}SubShader{Pass{Tags{ "LightMode" = "Always" }// 先绘制这个纯色的顶点,然后在下一个pass绘制对象//这里不存在前后面,关闭裁剪前后面,也不需要深度缓存Cull Off // 关闭剔除,模型前后都会显示ZWrite Off // 系统默认是开的,要关闭。关闭深度缓存,后渲染的物体会根据ZTest的结果将自己渲染输出写入ZTest Always  // 深度测试[一直显示],被其他物体挡住后,此pass绘制的颜色会显示出来CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"float _LineSize;float4 _LineColor;struct v2f{float4 pos:SV_POSITION;float4 color : COLOR;};v2f vert(appdata_full v){v2f o;// 获取模型的最终的投影坐标o.pos = mul(UNITY_MATRIX_MVP, v.vertex);// UNITY_MATRIX_IT_MV为【模型坐标-世界坐标-摄像机坐标】【专门针对法线的变换】// 法线乘以MV,将模型空间 转换 视图空间float3 norm = mul((float3x3)UNITY_MATRIX_IT_MV, v.normal);// 转换 视图空间 到 投影空间 【3D转2D】float2 offset = TransformViewToProjection(norm.xy);// 得到的offset,模型被挤的非常大,然后乘以倍率o.pos.xy += offset * _LineSize;o.color = _LineColor;return o;}float4 frag(v2f i) : COLOR{return i.color;}ENDCG}Pass{// 直接使用顶点和片段shader显示物体CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"sampler2D _MainTex;float4 _MainTex_ST;struct v2f {float4 pos:SV_POSITION;float2 uv : TEXCOORD0;// 纹理,相对自身的坐标轴,float2是一个平面};v2f vert(appdata_full v){v2f o;o.pos = mul(UNITY_MATRIX_MVP, v.vertex);o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);return o;}float4 frag(v2f i) : COLOR{float4 texCol = tex2D(_MainTex, i.uv);return texCol;}ENDCG}}
}

附上工程连接:http://download.csdn.net/detail/yinfourever/9565336


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/246354.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为此计算机所有用户安装加载项,安装Office 2013后,无法在计算机上安装Outlook加载项...

我使用Outlook Add in模板和VSTO在visual studio 2010中实现了Outlook添加,我使用MSI安装程序(在visual studio 2010中创建)为它创建了一个安装..我能够在所有机器上安装它(x86和x64) ) .最近我尝试在安装了Office 2013的计算机上安装相同的安装程序并收到以下错误&…

4.边缘光照的描边shader

【思路】:面向摄像机的物体,它的表面法线【normal】和视角向量【viewDir】的【夹角】越靠近边缘就越大。那么就可以根据这个夹角进行处理,夹角越大,那么发射光越强,就可以实现我们想要的效果。 Shader "Study/4_O…

html 怎么设置cooki,怎么设置浏览器接受cookie

怎么设置浏览器接受cookie把浏览器设置成接受cookie方法,以IE11为例: 1,打开IE浏览器,在菜单栏上点击“工具”,弹出下拉菜单点击“Internet选项”。 2,点击“隐私”选项,在页面中点击“高级”。…

5.Lambert光照Diffuse Shader

http://blog.csdn.net/candycat1992/article/details/17355629 这篇文章写的很好,这里就直接上代码了 Shader "Study/5_LambertDiffuse" {Properties{_Color("Main Color", Color) (1,1,1,1)_MainTex("Base (RGB)", 2D) "whit…

计算机用户的注册表,计算机上的注册表在哪里

注册表在哪里: 计算机中的注册表在哪里?疯狂代码?: http://CrazyCoder.cn/DeveloperUtil/Article31113.html“开始”→“运行”菜单项,在运行中输入regedit,然后按Enter打开注册表编辑器,逐一展开上述各项以获取注册表…

2017计算机应用技术考研,2017年中国科学技术大学081203计算机应用技术考研专业目录与考试科目.docx...

2017 年中国科学技术大学081203 计算机应用技术考研专业目录及考试科目081203 计算机应用技术1401、计算机网络应用技术李晓风① 101 思想政治理论;② 201谭海波英语一; ③ 301 数学一;④ 40802、计算机视觉张 龙计算机学科专业基础综合03、遥…

6.Half Lambert光照Diffuse Shader

简单来说,Lambert定律认为,在平面某点漫反射光的光强与该反射点的法向量和入射光角度的余弦值成正比(即我们之前使用dot函数得到的结果)。Half Lambert最初是由Valve(游戏半条命2使用的引擎即是其开发的)提…

伯克利计算机科学录取率,Berkeley的CS「加州大学伯克利分校计算机科学系」

加州大学伯克利分校电气工程与计算机科学系开设有以下学位项目,分别是:电气工程与计算机科学理学硕士(MS in Electrical Engineering and Computer Sciences):为期1-2年,共计24个学分,要求申请者本科毕业,不…

7.Phong 和 BlinnPhong

Lambert漫反射光照模型,这是一个用来模拟粗糙表面对光线的漫反射现象的经验模型,对于纸张、粗糙墙壁等等来说,这个模型或许够用,但对于金属这样的光滑表面来说,我们就需要使用Phong模型来模拟光滑表面对光线的镜面反射…

html css animation,css animation是什么?

animation是CSS3中的一个简写属性,可以通过设置六个动画属性来实现动画效果。这六个属性分别为动画名称、动画时间、速度曲线、动画延迟、播放次数及动画是否反向播放。语法:animation: name duration timing-function delay iteration-count direction;…

8.平面阴影

public class CastShadow : MonoBehaviour {public Transform rec;//接受阴影的物体// Use this for initializationvoid Start () {GetComponent<Renderer>().sharedMaterial.SetMatrix("_World2Ground", rec.GetComponent<Renderer>().worldToLocalMat…

千分之三用计算机怎么算,浓度换算计算器(浓度单位换算器在线使用)

基本公式&#xff1a;c1000ρω/m 式中&#xff1a;c-----物质的量浓度 单位mol/l1000------1000毫升 单位ml ρ------密度 单位 g/ml ω----质量分数 % m------溶质的摩尔质量 单位g/mol看过很多答案&#xff0c;都是抄的 &#xff0c;如果抄袭&#xff0c;不给分 哦 问&#…

9.球体阴影

上一篇讲的阴影shader是通过两个pass来渲染出的&#xff0c;第一个pass渲染要投影的物体本体&#xff0c;第二个pass渲染物体的阴影&#xff0c;也就是说阴影的渲染是在物体的shader中而不是地面的shader。下面要讲的球体阴影的shader是放在要接受阴影的地面上。 原理如下图&am…

css html 抽屉,CSS快速入门-前端布局1(抽屉)(示例代码)

一、效果图前面对CSS基础知识有了一定的了解&#xff0c;是时候开始实战了&#xff01;以下我对抽屉(https://dig.chouti.com/)主页进行模拟布局。官方网站效果图&#xff1a;模拟网站图&#xff1a;二、实现步骤1、整体布局(header、body、footer)抽屉的首页主要分为三块&…

10.热空气扭曲效果

Shader "Study/10_Distortion" {Properties{_NoiseTex("絮乱图", 2D) "white" {} // 絮乱图_AreaTex("区域图(Alpha)&#xff1a;白色为显示区域&#xff0c;透明为不显示区域", 2D) "white" {} // 区域图_Move…

11.Wave Shader

这个shader是在这位博主点击打开链接的文章基础上进行修改得到的&#xff0c;原作是在shadertoy网站上。不得不说&#xff0c;被shadertoy上的大神们震精了&#xff0c;真的是令我叹为观止&#xff0c;啥也不说了&#xff0c;慢慢学吧。 shader的效果&#xff1a; Shader的代码…

macpro台式计算机,Mac Pro正式上架 真的可以用来刨土豆丝

12月15日消息&#xff0c;早在6月4号WWDC全球开发者大会上就已经发布的新版Mac Pro电脑&#xff0c;近期正式上架苹果官网开销&#xff0c;某一外媒在收到2019年新版Mac Pro后&#xff0c;第一件事竟不是体验其性能&#xff0c;而是验证它是否可以用来给土豆或者奶酪刨丝。在视…

中专选计算机应用很难,对中专计算机应用基础改革的思考.pdf

对中专计算机应用基础改革的思考对 中 专 计 算 机 应 用 基 础 改 革 的 思 考许建英(许昌技术经济学校 &#xff0c;河南 长葛 461500)随着我国经济 、社会 的发展和科技 的进步&#xff0e;计算机应用技 动性 &#xff0c;让学生掌握 自主学习的学习方法 &#xff0e;提高学…

12.屏幕高斯模糊

本系列文章由浅墨_毛星云 出品&#xff0c;转载请注明出处。 文章链接&#xff1a; http://blog.csdn.net/poem_qianmo/article/details/51871531 作者&#xff1a;毛星云&#xff08;浅墨&#xff09; 微博&#xff1a;http://weibo.com/u/1723155442 本文工程使用的Uni…

广东东软学院计算机系主任罗,广东东软学院副校长朱爱红一行来访我校

3月27日&#xff0c;广东东软学院副校长朱爱红、教务部部长程江涛、品牌发展部部长李惠旋、计算机学院院长黄迅、SOVO主任吴志成、网络与信息中心主任付冬波、实验教学中心主任谢振华、图书馆馆长刘春林等一行18人来访我校。我校副校长郭权接待来访嘉宾。嘉宾一行参加调研会议嘉…