之前的文章中我们通过两种方式分别实现了描边效果，他们各有优缺点，也比较简单，今天我们来通过后期处理这种方式来实现描边效果，相对于之前两种实现方式要稍微复杂一点。后期处理的描边最终效果图如下：实现大致思路：首先我们添加一个额外的摄像机用来专门渲染需要描边的对象，通过设置摄像机的LayerMask即可，然后将摄像机的Render Target设置为我们设定好的一张Render Texture上，设置如
转载
2024-03-18 08:54:41
1801阅读
说道卡通渲染，应该都会想到描边： 我所学的描边有三种： 一种是计算边缘深度检测描边 一种是色差检测描边 一种是利用顶点法线向外扩展返回单色pass，使用正面裁剪 我用的第三种：pass
{
//剔除前面 （朝向摄像机的面）保留内部渲染
Cull Front
CGPROGRAM
#pragma fragment frag
float4 _LineColor;
float _
转载
2024-07-21 09:14:41
264阅读
参考文章：方法一：对指定Layer层(Outline层)的物体进行描边处理原理：使用一个只渲染Outline层的摄像机进行渲染，将渲染结果存入临时渲染纹理rt，再利用Graphics.Blit(rt, destination, targetMat, 0); 函数使用targetMat材质的shader的第一个Pass进行渲染，即对Outline层的物体进行边缘检测，然后将被认定为边缘的屏幕像素点替
转载
2024-05-07 08:16:04
1420阅读
前言在本文中使用的是基于空间的3D模型的描边，着手于1条边的2个邻接面，即退化四边形进行边缘检测和绘制。本文读者默认为有图形学基础和编写Shader基础，若没有请先去把这些基础学习一下，再来阅读本文，否则可能会有阅读障碍。一、边缘检测算法3D模型描边有两种方式，一种是基于图像，即在所有3D模型渲染完成一张图片后，对这张图片进行边缘检测，最后得出描边效果。一种是基于空间，即针对3D模型的三角面三个顶
转载
2024-07-11 08:17:17
403阅读
效果：绘制物体的外轮廓（不是描所有的边，只是描最外围的边），比如LOL中选中塔的效果： 这部分知识在ShaderLab开发实战详解有详细的说明，不过我做了修改，用另一种更简单的方法解决了在不写深度的情况下，描边被遮挡的问题。 描边原理：要画2遍，第一遍画稍
转载
2024-02-29 16:46:32
453阅读
前言带均匀描边、可响应点击的雷达图。Graphic类 Unity 的原生 UI 系统 UGUI 提供了名为 Graphic 的基类用于实现各自 UI组件的。该类中有名为 OnPopulateMesh 的方法，只要向参数 VertexHelper 传递正确的顶点数组与下标数组，即可构造出我们期望的网格。网格的构建 雷达图可以视为一个正多边形各个顶点沿着径向缩放得到，因此我们只要遍历一遍
转载
2024-05-05 07:50:41
76阅读
在《Real Time Rendering, third edition》一书中，作者把轮廓线的实现方法分成5种类型基于观察角度和表面法线的轮廓线渲染过程式几何轮廓线渲染，使用两个Pass渲染基于图像处理的轮廓线渲染（屏幕后处理）基于轮廓边检测的轮廓线渲染混合了上述的几种渲染方法基于观察角度和表面法线的轮廓线渲染原理：法线和视线垂直的地方认为是边缘，这种方法和实现边缘光类似，可以参考这篇文章，Sh
简介Shader ：顾名思义，也就是着色器，通常也有人叫做渲染器。我们看下Android源码中是如何介绍Shader的。/**
* Shader is the based class for objects that return horizontal spans of colors
* during drawing. A subclass of Shader is installed in
转载
2023-08-31 11:23:32
164阅读
按照惯例，先上图：
效果分析整体上效果在模型外包围，且永远在模型后面边缘噪波两层描边思路分析效果上描边与模型渲染相对分离,且要控制附魔效果的出现与消失，初步思路使用双Pass对卡通模型和附魔效果分别渲染。之前的卡通渲染shader可以直接使用UsePass进行复用由于之前使用的ToonLit shader是表面着色器，如下图，我保留了前向渲染(forward)与延迟渲染(de
转载
2024-04-19 14:45:06
379阅读
文章目录前言地址介绍使用例子完结 前言关于3D描边，其实之前有用shader弄过一个：【实现100个unity特效】shader实现3D物品闪光和描边效果但是很遗憾的是他不支持URP项目，所以现在推荐这款插件，他能很好的支持URP，对于HDRP我没有试过，官方也没有说明，需要的可以去试试看地址https://assetstore.unity.com/packages/tools/particle
转载
2024-08-03 12:49:55
537阅读
1 前言 选中物体描边特效 中介绍了基于模板纹理模糊膨胀的描边方法，该方法实现了软描边，效果较好，但是为了得到模糊纹理，对屏幕像素进行了多次渲染，效率欠佳。本文将介绍另一种描边方法：基于模板测试和顶点膨胀的描边方法，该方法绘制的是硬描边，但效率较高。 &n
这也是个常见的shader，可以实现类似动漫《枪之国度》的那种轮廓描边卡通画风。在我手头的项目里用来给怪物加“霸体”效果，所谓霸体意思是怪物此时无法被击倒。用途诸如此类。下面放效果图：原谅我在Asset Store里找了半天最后找到这么个丑陋的模型，不过刚好它不是很精细，很好的暴露出了缺点，模型表面法向量突变（也就是不光滑）的地方描边会断掉。这个shader用在cube上时这个问题会更清晰的突显出
转载
2024-08-06 13:32:57
426阅读
文章目录前言个人介绍一、准备工作1. unity下载安装2. 个人许可证激活3. 素材下载二、项目准备1. 项目创建2. 素材导入三、开始项目1. 将素材变为精灵2. 将精灵放在游戏里3. 粒子效果4. 给Demo添加背景音效5. 淡入淡出6. 流程控制四、项目打包五、完成结语 前言在小时候我的梦想就是开发一款自己的游戏而因为小时候看小说，所以对vr游戏也是极其的感兴趣后来接触了IT才发现不同的
创建物体以及对物体上色了解Unity主界面大致了解界面布局 （以我的界面为例）Scene View 场景视图Game View 游戏视图Hierarchy 层级视图Project 项目视图Inspector 检视视图（我觉得称做属性面板没准好懂一些）创建物体在Hierarchy视图里创建物体在Project视图里创建预制体给物体上色在Project视图里创建材质球将材质球附加到物体上Unity界面
文章目录镂空/遮罩镂空Masker shader：再看看Be Masked被镂空的shader：注意绘制顺序的问题运行效果遮罩看看Be Masked被遮罩的shader：运行效果看一下绘制顺序的问题描边描边思路整体效果运行效果描边有透视的描边无透视的便于理解模板缓存的伪代码上面的伪代码的验证的地方ProjectReferences 关于Unity的模板测试介绍，可查看之前翻译的一篇： Unity
转载
2024-07-25 10:07:15
209阅读
unity-shader模板测试，描边效果，常用于 rpg 项目中 主角 被遮挡的情况，将被遮挡的部分的轮廓描边绘制出来，这样可以在任何情况都能知道 主角 在哪里。（还有另外一种就是使用 X光 效果，但这种效果不需要用到模板测试，所以这里用 描边效果 举栗子）效果思路实现这种效果需要两个pass正常绘制，即深度测试 LEqual，正常遮挡，同时往 模板缓冲区 写入一个 参考值 Ref=1（即使深度
转载
2024-05-29 00:10:45
235阅读
之所以叫简易描边呢，是因为我发现仅这种方法对单个物体还算有用，但细节上达不到我想要的描边框选效果(比不上Unity Scene窗口的描边效果)，而且碰到复杂情况，比如多个物体的时候也容易出问题。但网上查了多个描边方案，都没有能处理好，因此这里仅作为学习过程中的一个记录。 这里用的最简单的描边方案，顶点位置向法线方向移动一段距离，再转给世界坐标设置所有像素点_OutlineColor色作为底色，通过
转载
2024-06-23 06:47:13
155阅读
使用alpha混合，实现被遮挡时物体描边透视。shader代码：Shader "SharedShader/CartoonOccluTransparent"{ Properties { _Color("Main Color", Color) = (1,1,1,1) _MainTex ("Texture", 2D) = "white" {} _OutlineWidth("Outlin...
原创
2021-11-18 16:45:09
1083阅读
边缘检测（英语：Edge detection）是图像处理和计算机视觉中的基本问题，边缘检测的目的是标识数字图像中亮度变化明显的点。图像属性中的显著变化通常反映了属性的重要事件和变化。这些包括（i）深度上的不连续、（ii）表面方向不连续、（iii）物质属性变化和（iv）场景照明变化。 边缘检测是图像处理和计算机视觉中，尤其是特征检测中的一个研究领域。原理边缘检测实质上就是通过对图像的卷
文章目录一、前言二、2D描边效果1、导入一张png素材图片2、创建一个Unlit Graph3、使用Sample Texture 2D采样图片4、显示描边的思路5、使用Tilling And Offset节点控制UV，实现图片平移6、得到轮廓描边7、描边与原图相加8、最终显示三、描边升级版1、带颜色的描边2、描边加噪声3、再加点变化 一、前言我之前写了一篇文章：ShaderGraph使用教程与各
转载
2024-03-17 09:50:47
797阅读
