Shader Graph制作2D Sprite描边

最新推荐文章于 2024-08-08 16:50:43 发布
最新推荐文章于 2024-08-08 16:50:43 发布
阅读量5.3k 收藏 14
点赞数 2
分类专栏： Unity 文章标签： Shader Graph Unity 描边 2D Sprite
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiyao1990/article/details/88859373
版权

1、制作原理

主要是参考GUI的Text的描边原理。实际上就是复制四个纹理在上下左右方向各平移N个像素

2、制作流程

因为不需要光照效果，所以使用Unlit Master节点输出。整体结构如下：

设置了3个参数，分别控制图片纹理，描边颜色，描边宽度。我没有像GUI那样用X,Y控制描边，而是使用宽度统一调整，如果需要可自行添加。

图中左边部分主要控制纹理的UV坐标分别上下左右位移。如下图所示：

最低0.47元/天 解锁文章
姬垚
关注
专栏目录
【Unity Shader 描边效果_案例分享】
暴走约伯的博客
06-06 2079
描边效果Shader有多种实现方式，可以通过后处理和MatCap实现。 这次主要想展示的是通过两个Pass实现。 当Shader中有多个Pass时，渲染流程会安装顺序依次执行，于是后面的Pass效果会覆盖前面Pass所绘制的图像。 实现的逻辑是：第一层，将模型的顶点沿着法线方向膨胀一段距离，膨胀的距离就是描边的宽度，膨胀的距离可以作为属性开放到材质面板上，方便调用。然后再为膨胀之后的模型指定一个纯色进行着色，着色不需要参与任何光照交互，膨胀之后的纯色就是描边的颜色。将颜色也作为属性开放到材质面板，方便后期更
【实现100个unity特效之4】Unity ShaderGraph使用教程与各种特效案例（2023/12/1更新）
热门推荐
向宇
06-25 2万+
ShaderGraph是Unity中的一个可视化工具，用于创建和编辑图形着色器。其意义在于简化编写复杂着色器的过程，减少对具体编程语言的依赖，使艺术家和设计师可以更方便地创建各种美术效果。使用ShaderGraph可以通过图形界面设置着色器属性，包括颜色、纹理、光照等，并在视窗预览中即时显示结果，从而快速迭代和调整着色器。使用ShaderGraph需要先安装Unity 2018.1或以上版本，并添加ShaderGraph插件。打开ShaderGraph面板后，可以通过拖放节点并连接它们来创建着色器。
Cocos2d-x shader学习3： sprite描边(Outline)
皓月微风
02-20 4446
Cocos2d-x 3.x的label使用了freetype字体引擎（http://www.freetype.org/），可以很轻松的实现描边和阴影效果。所以本篇文章只针对于sprite来实现描边效果。官方demo中描边shader没有看懂，看效果好像是有点问题，透明的部分变成了黑色。作者也没有怎么解释，直接丢了一个网址出来（http://www.idevgames.com/forums/threa
Unity 2d描边基于SpriteRender，高性能的描边解决方案
最新发布
qq_58047420的博客
08-08 1543
以Unity默认渲染管线为例，打造不需要图片内边距，描边平滑，高性能的描边解决方案
Shader Graph 2D透明图片描边
我知道你很急,但是路要一步步走
01-06 1004
[Unity] ShaderGraph实现Sprite图片描边/发光效果 URP
连连看爱好者
01-18 4002
[Unity] ShaderGraph实现Sprite描边发光效果。 超详细解说，内含完整连线图及下载资源。
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
向宇
07-09 5135
最近在学习shader Graph相关内容，其实关于实现2d图片描边效果，网上可以看到很多教程，但是我发现大多数都是基于比较老旧的2018unity版本，可是我们实际开发使用可能是比较新的2021及以上版本，差别还是有的，实际在升级或者使用过程中，会遇到诸多问题，而且也很少有人会分享shader Graph的连线图源码没有的话我就想着把我的学习笔记和整理源码分享出来吧，我想于是就有了这篇文章。
Shader Graph制作2D Sprite溶解
姬垚的博客
03-29 3249
一、制作原理 通过Gradient Noise节点（Perlin噪点）减去从0~1的小数，噪点随被减数的增加黑斑会越来越大最后全部减为0。将纹理进行Step处理（更加锐利）再与原本纹理相乘得到消除效果。 二、制作流程 上述所说最后得到的是黑色底图。但是溶解应该是纹理透明，因此要控制这两个输出。 AlphaClipThreshold是低于输入值的将显示透明。Alpha是当前的Alpha值。因...
Unity ShaderGraph实现Sprite图片描边/发光效果 URP
01-18
本篇将详细讲解如何使用ShaderGraph实现Sprite（精灵）图片的描边和发光效果，特别针对Unity的Universal Render Pipeline (URP)。 首先，我们需要理解URP的基本概念。URP是Unity为了提供跨平台、高质量、高性能渲染...
shader Graph物体描边
07-12
要在Shader Graph中实现物体描边效果，可以尝试以下步骤： 1. 创建一个新的Shader Graph。 2. 添加一个Unlit Master节点作为主节点。 3. 添加一个Sprite节点，并将其连接到Unlit Master节点的Albedo输入。 4. 在...
描边shader
07-01
描边shader
Unity物体轮廓描边Shader
05-11
unity3d中实现物体轮廓描边的Shader
unity描边shader
12-24
unity描边shader，有两种描边方式可选。
unity3d描边效果shader
07-15
有详细的模型描边代码，很简单，但也很适用，所有代码都在里面。
像素风格描边效果shader
02-22
Unity shader 可以实现 Sprite 的像素风格外描边效果,支持序列帧动画,尤其适用于像素风格游戏中,只需要改变shader就可以实现选定的效果,不需要再为每个精灵体画描边
unity描边发光shader_Shader实例:边缘发光和描边
weixin_39997795的博客
12-19 1240
效果图：1.边缘发光思路：用视方向和法线方向点乘，模型越边缘的地方，它的法线和视方向越接近90度。点乘越接近0那么用 1-减去上面点乘的结果，来作为颜色分量，来反映边缘颜色强弱。Shader "Custom/OutLine1"{Properties{_MainTex("main tex",2D) = "black"{}_RimColor("rim color",Color) = (,,,)//边缘...
【游戏开发实战】Unity ShaderGraph 2D描边效果、不规则描边效果
linxinfa的专栏
03-03 1万+
本文介绍使用Unity的ShaderGraph实现2D的描边效果
Vertex Shader 支持的卡通描边渲染
Nhsoft的专栏
06-23 6255
Vertex Shader 支持的卡通描边渲染 Cell Style Rendering use vertex shader 潘李亮 2003-10-4 Stanly Lee 2003-10-4 Email : xheartblue@etang.com Homepage gamehunter.3322.net/xpertsoft/ 通常情况下，我们见到3D场景都是按照真实的光照模
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值