在我们开始之前我先做一件事就是向你展示着色器是如何工作的以及我们将要这样的做的方式
我们在ps中复制一个副本，然后将其修改线性减淡或添加，这会使场景更亮


接下来我要做的是调整图像的色阶，以便我们只看到明亮的像素


除了最亮的像素之外它都是黑色的，所以我要继续点击确定然后我想做的下一件事就是模糊这个所以我要去过滤模糊高斯模糊,你可以看到我已经摆脱了所有的细节

更多精彩图片 请登录

这是我们想要的效果得到我们的高光，接下来我们在unity中如何制作

更多精彩图片 请登录

我们将会做很多屏幕缓冲区的样本，所以我想创建一个子图，它是这样做的快捷方式并选择子图，我们重新调用这个示例屏幕

更多精彩图片 请登录

我们需要做的第一件事是对屏幕颜色进行采样，所以我要抓取一个高清场景颜色节点曝光框，我们将把它传递出去，但是改变我们的输出

更多精彩图片 请登录

所以让我们在这里打开我们的图形检查器改变我们的输出，所以让我们在这里打开我们的图形检查器，我们将它设置为矢量3，我们的输出是场景颜色，所以我将把它设置为颜色

更多精彩图片 请登录

使用我们的屏幕位置对场景颜色进行采样，所以让我们 现在添加一个屏幕位置节点，如果我愿意的话，我可以使用这里的默认屏幕位置，这样可以正常工作，但在这种情况下，我将改变屏幕位置，所以我想让它独立，所以它准备好了 在两者之间添加一些节点

更多精彩图片 请登录

我们要在屏幕位置稍微做上下左右偏移，以便我可以获得多个样本01-将此偏移值乘以屏幕上像素的大小02-我可以使用此屏幕节点获取屏幕像素大小，您可以看到我有屏幕的宽度和高度03-下一步要做的是将它们组合成一个单一的vect2，然后我将得到该向量的倒数所以这是我的组合节点这是我的红色和绿色来自组合节点04-我只是要添加一个倒数节点，这将给我一个超过屏幕宽度和高度的值05-假设我的偏移量为1，然后我将它相乘通过我的屏幕宽度和高度的倒数，它将使我的样本在屏幕空间中恰好偏移一个像素

更多精彩图片 请登录

然后我可以使用这个值作为我的坐标来采样

更多精彩图片 请登录

接下来我要使用这个权重值相乘，然后像这样将结果传递出去

更多精彩图片 请登录

接下来我们要做的是取LOD级别，传递到我们的高清场景颜色中，我们正在采样的高清场景颜色的hdc的哪个mip级别

更多精彩图片 请登录

我们测试下现在你可以看到我有 偏移值权重lods，我有截止值，所以我需要在这里添加一些数字来精确控制，看下现在样子

更多精彩图片 请登录

   

增加我们LOD是我们正在采样高清场景颜色的分辨率版本越来越小场景颜色和为了让我们的偏移量继续正常工作，我们需要对此进行补偿，当我们对低分辨率版本的高清场景颜色进行采样时，像素本身会变得越来越大，并且所以我们需要相对于 lod 的值来调整我们的偏移量的值，以便我们将这些偏移量保持在我们正在采样的每个像素的正确位置


所以为了做到这一点，我们需要做的是取这个对数值并将 2 提高到这个对数的幂，所以我要添加的幂我要在这里添加一个常数值 2，我们要提高 2的幂这个日志值，然后我们将该值乘以我们的偏移量，像素越来越大，我们的偏移量也越来越远，因此偏移量值相对于像素大小保持在正确的位置，所以我们已经创建了一点点变化这意味着我们可以上下调整我们的日志值我们的偏移值将保持在正确的位置

更多精彩图片 请登录

最后我们来做下色阶功能，将从该高清中减去我们的截止值场景颜色值
然后我们要使结果饱和，现在我要减去截止值
所以该截止值的倒数
我们将我们的场景颜色除以那个减值因此，当我们进行级别调整并围绕左侧的那个小手柄移动时，这就是数学的工作方式因此这些节点生成的值
然后我可以插入我的乘法并乘以我们的权重值，现在我只是将权重值粘贴在这里并将它们重新连接到乘法以更好地组织事物

更多精彩图片 请登录

回到我们场景看下0.2，这就像我们在ps做的第一步

更多精彩图片 请登录

0.8，我们得到最亮的区域

更多精彩图片 请登录

修改参数并复制，将四个样本加（Add）在一起每个权重（X值）设置0.25，得到一个总值

更多精彩图片 请登录

放在像素的四个角上，所以我们要去 一个角为-0.5， 0.5等

更多精彩图片 请登录

我们将在这里看到的是屏幕变得稍微柔和了，我可能需要在视频中放大，让你成为能够分辨，但是如果我们在我们的示例版本和我们的常规全屏版本之间来回切换，您会看到一个示例平均版本很好而且清晰，但是这个版本我正在做四个示例并进行它们在一起稍微有点模糊

更多精彩图片 请登录

更多精彩图片 请登录

这个我们用四个样本创建的过滤器内核，只是做了一点模糊，以便控制它一点点
让我们在这里打开我们的黑板，我们想要添加几个控件要制作一个具有三个不同阶段的绽放，它将有一个核心发光阶段，然后是阴霾阶段所以核心阶段会很好而且紧凑，不会太模糊，然后发光阶段会稍微模糊一点，最后阴霾阶段会变得非常模糊但也非常微妙

更多精彩图片 请登录

更多精彩图片 请登录

我们将继续添加在我们常规的全屏示例中，因此它将在此处创建一个添加节点，我们的绽放着色器的这一部分与常规屏幕示例连接在一起

更多精彩图片 请登录

更多精彩图片 请登录

我们将添加另一系列屏幕样本，这次我们将添加其中的七个，这就是我们将称之为布隆过滤器的发光部分，所以我只是要复制这四个样本复制七次类似于我们在做时创建的过滤器内核我们的模糊基本上这个是我们想要一个正好在中心的样本，然后其他六个样本将是一个六边形图案，围绕中心像素的一个圆圈，所以为了做到这一点，我们需要将这些偏移值设置数值

更多精彩图片 请登录

更多精彩图片 请登录

我们又复制了一些参数并做了分组

更多精彩图片 请登录

视频版：


好！本期笔记分享就到这里，我们下期见！
公众号链接：https://mp.weixin.qq.com/s/lD8uJImo44DJ8HtHzGEydw

在我们开始之前我先做一件事就是向你展示着色器是如何工作的以及我们将要这样的做的方式
我们在ps中复制一个副本，然后将其修改线性减淡或添加，这会使场景更亮


接下来我要做的是调整图像的色阶，以便我们只看到明亮的像素


除了最亮的像素之外它都是黑色的，所以我要继续点击确定然后我想做的下一件事就是模糊这个所以我要去过滤模糊高斯模糊,你可以看到我已经摆脱了所有的细节

更多精彩图片 请登录

这是我们想要的效果得到我们的高光，接下来我们在unity中如何制作

更多精彩图片 请登录

我们将会做很多屏幕缓冲区的样本，所以我想创建一个子图，它是这样做的快捷方式并选择子图，我们重新调用这个示例屏幕

更多精彩图片 请登录

我们需要做的第一件事是对屏幕颜色进行采样，所以我要抓取一个高清场景颜色节点曝光框，我们将把它传递出去，但是改变我们的输出

更多精彩图片 请登录

所以让我们在这里打开我们的图形检查器改变我们的输出，所以让我们在这里打开我们的图形检查器，我们将它设置为矢量3，我们的输出是场景颜色，所以我将把它设置为颜色

更多精彩图片 请登录

使用我们的屏幕位置对场景颜色进行采样，所以让我们 现在添加一个屏幕位置节点，如果我愿意的话，我可以使用这里的默认屏幕位置，这样可以正常工作，但在这种情况下，我将改变屏幕位置，所以我想让它独立，所以它准备好了 在两者之间添加一些节点

更多精彩图片 请登录

我们要在屏幕位置稍微做上下左右偏移，以便我可以获得多个样本01-将此偏移值乘以屏幕上像素的大小02-我可以使用此屏幕节点获取屏幕像素大小，您可以看到我有屏幕的宽度和高度03-下一步要做的是将它们组合成一个单一的vect2，然后我将得到该向量的倒数所以这是我的组合节点这是我的红色和绿色来自组合节点04-我只是要添加一个倒数节点，这将给我一个超过屏幕宽度和高度的值05-假设我的偏移量为1，然后我将它相乘通过我的屏幕宽度和高度的倒数，它将使我的样本在屏幕空间中恰好偏移一个像素

更多精彩图片 请登录

然后我可以使用这个值作为我的坐标来采样

更多精彩图片 请登录

接下来我要使用这个权重值相乘，然后像这样将结果传递出去

更多精彩图片 请登录

接下来我们要做的是取LOD级别，传递到我们的高清场景颜色中，我们正在采样的高清场景颜色的hdc的哪个mip级别

更多精彩图片 请登录

我们测试下现在你可以看到我有 偏移值权重lods，我有截止值，所以我需要在这里添加一些数字来精确控制，看下现在样子

更多精彩图片 请登录

   

增加我们LOD是我们正在采样高清场景颜色的分辨率版本越来越小场景颜色和为了让我们的偏移量继续正常工作，我们需要对此进行补偿，当我们对低分辨率版本的高清场景颜色进行采样时，像素本身会变得越来越大，并且所以我们需要相对于 lod 的值来调整我们的偏移量的值，以便我们将这些偏移量保持在我们正在采样的每个像素的正确位置


所以为了做到这一点，我们需要做的是取这个对数值并将 2 提高到这个对数的幂，所以我要添加的幂我要在这里添加一个常数值 2，我们要提高 2的幂这个日志值，然后我们将该值乘以我们的偏移量，像素越来越大，我们的偏移量也越来越远，因此偏移量值相对于像素大小保持在正确的位置，所以我们已经创建了一点点变化这意味着我们可以上下调整我们的日志值我们的偏移值将保持在正确的位置

更多精彩图片 请登录

最后我们来做下色阶功能，将从该高清中减去我们的截止值场景颜色值
然后我们要使结果饱和，现在我要减去截止值
所以该截止值的倒数
我们将我们的场景颜色除以那个减值因此，当我们进行级别调整并围绕左侧的那个小手柄移动时，这就是数学的工作方式因此这些节点生成的值
然后我可以插入我的乘法并乘以我们的权重值，现在我只是将权重值粘贴在这里并将它们重新连接到乘法以更好地组织事物

更多精彩图片 请登录

回到我们场景看下0.2，这就像我们在ps做的第一步

更多精彩图片 请登录

0.8，我们得到最亮的区域

更多精彩图片 请登录

修改参数并复制，将四个样本加（Add）在一起每个权重（X值）设置0.25，得到一个总值

更多精彩图片 请登录

放在像素的四个角上，所以我们要去 一个角为-0.5， 0.5等

更多精彩图片 请登录

我们将在这里看到的是屏幕变得稍微柔和了，我可能需要在视频中放大，让你成为能够分辨，但是如果我们在我们的示例版本和我们的常规全屏版本之间来回切换，您会看到一个示例平均版本很好而且清晰，但是这个版本我正在做四个示例并进行它们在一起稍微有点模糊

更多精彩图片 请登录

更多精彩图片 请登录

这个我们用四个样本创建的过滤器内核，只是做了一点模糊，以便控制它一点点
让我们在这里打开我们的黑板，我们想要添加几个控件要制作一个具有三个不同阶段的绽放，它将有一个核心发光阶段，然后是阴霾阶段所以核心阶段会很好而且紧凑，不会太模糊，然后发光阶段会稍微模糊一点，最后阴霾阶段会变得非常模糊但也非常微妙

更多精彩图片 请登录

更多精彩图片 请登录

我们将继续添加在我们常规的全屏示例中，因此它将在此处创建一个添加节点，我们的绽放着色器的这一部分与常规屏幕示例连接在一起

更多精彩图片 请登录

更多精彩图片 请登录

我们将添加另一系列屏幕样本，这次我们将添加其中的七个，这就是我们将称之为布隆过滤器的发光部分，所以我只是要复制这四个样本复制七次类似于我们在做时创建的过滤器内核我们的模糊基本上这个是我们想要一个正好在中心的样本，然后其他六个样本将是一个六边形图案，围绕中心像素的一个圆圈，所以为了做到这一点，我们需要将这些偏移值设置数值

更多精彩图片 请登录

更多精彩图片 请登录

我们又复制了一些参数并做了分组

更多精彩图片 请登录

视频版：


好！本期笔记分享就到这里，我们下期见！
公众号链接：https://mp.weixin.qq.com/s/lD8uJImo44DJ8HtHzGEydw