【实现100个unity特效之8】使用ShaderGraph实现2d贴图中指定部分局部发光效果

最终效果

寒冰法师

请添加图片描述

火焰法师

请添加图片描述

文章目录

  • 最终效果
    • 寒冰法师
    • 火焰法师
  • 素材
  • 一、功能分析
    • 实现方法
    • 基本思路
    • Unity的Bloom后处理
    • 为什么关键部位白色？
    • 最终结果
  • 二、 新建URP项目
  • 三、合并图片
  • 四、使用PS制作黑白图片
    • 方法一 手动涂鸦
    • 方法二 魔棒工具
      • 1. 拖入图片进PS，选择魔棒工具，容差设置为0，取消勾选连续，点选想要发光的区域
      • 2. 如果对一些选择不满意，可以点击添加到选区，就可以连续点选不满意的区域，如果不小心点错了，可以按Ctrl+z撤回
      • 3. 全部选中后，点击新建图层
      • 4. 将原来图层隐藏
      • 5. 点击填充
      • 6. 内容选白色，点击确认
      • 7. 点击新建选区，把原来的选择去掉
      • 8. 选择填充工具，颜色选黑色，容差设为0
      • 9. 导出
    • 最终效果
  • 五、将黑白图片制作成主图片的次级纹理
  • 六、素材默认不支持光照，修改材质
  • 七、接下来在场景中添加bloom进行后处理
  • 八、添加全局2D光源
  • 九、新建受到光源影响的Sprite Lit ShaderGraph
  • 十、配置Sprite Lit ShaderGraph节点
    • Sample Texture 2D节点
    • add节点
    • Multiply节点相乘
    • One Minus节点取反
    • 颜色误差问题
    • 修复
    • Split节点 分裂
  • 十一、多个次级纹理
  • 最终效果
    • shaderGraph最终连线图
    • 寒冰法师
    • 火焰法师
  • 参考
  • 源码
  • 完结

素材

https://assetstore.unity.com/packages/2d/characters/gothicvania-church-pack-147117
在这里插入图片描述

一、功能分析

实现方法

将序列图中要发光的部位单独提取出来，进行处理完后在覆盖回原来的图片
具体的做法就是制作一张黑白的次级图片，白色的部分是对应主图片中要发光的部位，黑色部分就是背景
在这里插入图片描述

基本思路

1.让贴图中让想要发出光亮的部分使用一种更明亮的颜色
2.使用Bloom进行处理
在这里插入图片描述

Unity的Bloom后处理

是一种常用的后处理效果，可以让高亮区域的颜色逐渐扩散到周围并使得这些光源散发出更强烈的亮度，并产生柔和的光晕效果，增加视觉上的对比度和明亮感

为什么关键部位白色？

白色的RGB都是1,1乘任何数，都会变成那个数
黑色的RGB都是0,0乘任何数，都是0

在这里插入图片描述

最终结果

当我们处理完黑白次级图片后，就可以直接将其与主图片进行相加
在这里插入图片描述

二、 新建URP项目

如果你的项目默认不是URP项目，可以选择升级到URP，参考：【unity小技巧】为啥我们的模型材质显示粉色？unity普通项目升级URP项目

在这里插入图片描述

三、合并图片

这个主角素材图片默认是分开的，我们先将图片合并，方便后续抠图

在线工具：http://sjli.github.io/spritemaker_extjs/example.html

合并后的图片
在这里插入图片描述

四、使用PS制作黑白图片

方法一 手动涂鸦

可能精准但是耗时的方法，推荐用第二种

在这里插入图片描述

方法二 魔棒工具

方便快捷的点选方法

1. 拖入图片进PS，选择魔棒工具，容差设置为0，取消勾选连续，点选想要发光的区域

在这里插入图片描述

2. 如果对一些选择不满意，可以点击添加到选区，就可以连续点选不满意的区域，如果不小心点错了，可以按Ctrl+z撤回

在这里插入图片描述
最终效果
在这里插入图片描述

3. 全部选中后，点击新建图层

在这里插入图片描述

4. 将原来图层隐藏

在这里插入图片描述

5. 点击填充

在这里插入图片描述

6. 内容选白色，点击确认

在这里插入图片描述
此时我们选中的部位就被白色填充了
在这里插入图片描述

7. 点击新建选区，把原来的选择去掉

在这里插入图片描述

8. 选择填充工具，颜色选黑色，容差设为0

在这里插入图片描述

9. 导出

在这里插入图片描述

最终效果

如果你比较懒，可以选择直接使用我准备好的黑图
请添加图片描述

五、将黑白图片制作成主图片的次级纹理

配置
在这里插入图片描述
制作成主图片的次级纹理，命名为_GlowTextures
在这里插入图片描述

六、素材默认不支持光照，修改材质

人物和场景都用这个Sprite-lit-default材质，这个材质可让我们的纹理接受光源影响

在这里插入图片描述

七、接下来在场景中添加bloom进行后处理

让相机支持后处理
在这里插入图片描述

新建Global Volume全局后处理
在这里插入图片描述

添加bloom泛光效果
在这里插入图片描述
Threshold(阈值)：控制哪些亮度的像素会受到泛光效果的影响。高于阈值的像素才会产生泛光效果，低于阈值的像素将不受影响。调整阈值可以控制泛光的出现频率。一般在0-1之间。简单说就是这个值越小,就会有更多物体会亮起来,值越大亮起来的物体就越少。一般默认填0.9就可以了
Intensity(强度)：控制泛光的亮度增强程度。增加该值会使泛光更明显，减小该值会减弱泛光效果。这个值可以控制光的亮度，值越大越亮。

八、添加全局2D光源

在这里插入图片描述

调低它的强度，因为我们不想让这些地面什么的亮起来
调低强度可以让这些物体，在Boom的阈值下面，可以让它们不亮起来，这里设为0.7了
在这里插入图片描述

九、新建受到光源影响的Sprite Lit ShaderGraph

在这里插入图片描述

按这个ShaderGraph新增材质挂载主角身上，可以看到主角变成了一坨，那是因为我们ShaderGraph还没有配置材质没有MainTex纹理属性。
在这里插入图片描述

十、配置Sprite Lit ShaderGraph节点

Sample Texture 2D节点

接收一个Texture2d类型的输入，输出这个Texture2d的RGBA
在这里插入图片描述

保存可以看到人物纹理已经渲染了
在这里插入图片描述
有同学就会有疑问了，我明明还没有配置主绝纹理，为啥主角就正常了。其实Unity它会自动根据这个reference上的值，从我们的精灵中尝试找到对应的纹理，而我们的主纹理里名称就是这个MainTex，就会自动找到主纹理，但是为了方便测试看到效果，这里我们还是手动配置一下主纹理
在这里插入图片描述
添加次级纹理，注意名称要对应，这样unity就会自动去查找到对应次级纹理，记得名称不需要下划线
在这里插入图片描述

为了方便演示，我们还是一样手动赋值一个纹理
在这里插入图片描述

add节点

add节点可以将两个纹理进行相加

我们的主纹理中有部分是透明的，而我们的这个黑白纹理中都是不透明的，虽然我们黑色的部分它的RGB都是O，但它的A是1，当我们直接使用这个（黑白纹理的）RGBA和主纹理（的RGBA)进行相加时，它的A会把主纹理的A给覆盖了，这样就会导致主纹理中的透明度都设为1了，透明部分都被覆盖了
在这里插入图片描述
我们只想取这个次级纹理的RGB，有一个简单的方法，就是直接使用其中任何一个通道，这里我们直接使用R通道。
当我们使用add的时候，Unity会自动进行转换，比如我们R是0，Unity会自动把它转换成RGBA都是0的值，而我们R是1的时候，Unity就会自动转换成RGBA都是1的值
在这里插入图片描述

保存，人物项链和攻击波已经亮起来了
在这里插入图片描述
这是因为白色是个很明亮的颜色，它已经达到了bloom能够处理的阈值，所以它就被bloom进行后处理了，赋予了光源

Multiply节点相乘

接下来我们添加一个color，使其可以修改我们的光源颜色，将黑白纹理和一个颜色进行相乘，达到修改白色部分的效果，颜色相乘，在Unity中叫做Multiply
在这里插入图片描述

可以修改颜色模式为HDR，这样就可以修改亮度
在这里插入图片描述
保存，效果
在这里插入图片描述

可以通过修改材质配置，修改颜色和亮度
在这里插入图片描述

效果
在这里插入图片描述

One Minus节点取反

颜色误差问题

细心的同学可能会发现，我设置的颜色和显示的颜色总是有点误差，显示的颜色总是偏浅。
在这里插入图片描述

因为修改颜色的原理大致就是修改要发光部位的底色，而最后加法的最终结果会受到底色的影响所以是有误差的
在这里插入图片描述

修复

不过这个问题其实可以通过将次级纹理（如果有多个次级纹理就使用Add节点把他们加起来之后）使用One Minus节点得到反相图，然后和主纹理通过Multiply节点相乘代替主纹理就可以避免掉这个问题了。
在这里插入图片描述
效果
在这里插入图片描述

Split节点 分裂

如果不想Alpha连线太长
在这里插入图片描述

可以在最后添加Split节点，把图片重新拆分RGBA，再连接
在这里插入图片描述

十一、多个次级纹理

如果有其他次级纹理，比如剑光和盾防纹理也是类似配置
在这里插入图片描述

然后使用Add把他们相加，最后应用到主纹理上
在这里插入图片描述

最终效果

shaderGraph最终连线图

在这里插入图片描述

寒冰法师

在这里插入图片描述

请添加图片描述

火焰法师

在这里插入图片描述

请添加图片描述

参考

www.youtube.com/watch?v=WiDVoj5VQ4c
https://www.youtube.com/watch?v=Tm0rRX8GnFk
https://www.bilibili.com/video/BV17x4y1d7om/

源码

整理好了我再放上来

完结

赠人玫瑰，手有余香！如果文章内容对你有所帮助，请不要吝啬你的点赞评论和关注，以便我第一时间收到反馈，你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法，也欢迎评论私信告诉我哦！

好了，我是向宇，https://xiangyu.blog.csdn.net

一位在小公司默默奋斗的开发者，出于兴趣爱好，最近开始自学unity，闲暇之余，边学习边记录分享，站在巨人的肩膀上，通过学习前辈们的经验总是会给我很多帮助和启发！php是工作，unity是生活！如果你遇到任何问题，也欢迎你评论私信找我， 虽然有些问题我也不一定会，但是我会查阅各方资料，争取给出最好的建议，希望可以帮助更多想学编程的人，共勉~
在这里插入图片描述

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

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

相关文章

Unity3d打包到Android

Unity3d打包到Android

本文参考： Unity3D新手教程：如何打包发布到Android_哔哩哔哩_bilibili 一、Unity 打包Android的环境搭建 1、工具安装 Unity Hub已经集成了Android的环境搭建。 选择Add modules 然后安装Android Build Support下的所有工具。 如果各个工具都安装成功…
阅读更多...
给Windows系统中注入服务，即windwos守护进程

给Windows系统中注入服务，即windwos守护进程

最近总是在windwos环境下测试nginx，总是需要频繁重启nginx服务。于是考虑有没有可能把nginx加入到系统服务的操作。在网上找了一大堆资料，现在来总结一下！ 方法1：利用nssm工具实现 这是一个守护进程的软件，可以在win…
阅读更多...
Optima: 一个用于 Tapestri 平台的单细胞多组学数据分析的开源 R 包

Optima: 一个用于 Tapestri 平台的单细胞多组学数据分析的开源 R 包

分子条形码技术的最新进展使得在单细胞水平进行下一代转录组测序成为可能，例如10 Genomics Chromium和DropSeq。此外，CITE-seq 的出现使得可以在对单个细胞进行转录组分析的基础上同时对表面蛋白进行分析。同时，为了表征 DNA 和蛋白质谱&…
阅读更多...
ubuntu那些ppa源在哪

ubuntu那些ppa源在哪

Ubuntu中的 PPA 终极指南 - UBUNTU粉丝之家 什么是PPA PPA 代表个人包存档。 PPA 允许应用程序开发人员和 Linux 用户创建自己的存储库来分发软件。 使用 PPA，您可以轻松获取较新的软件版本或官方 Ubuntu 存储库无法提供的软件。 为什么使用PPA？ 正如…
阅读更多...
添加动态云层

添加动态云层

<template> <div class"topbox"> xx卫星管理 </div> <div class"selectbox"> <div class"title"> 卫星列表 </div> <el-table :data"tableData" style"width: 100%;height:230px;" …
阅读更多...
亚信安慧AntDB-M负载均衡

亚信安慧AntDB-M负载均衡

负载均衡是分布式系统中常用的技术&#xff0c;主要是将工作任务均衡分布到系统的各个资源点上&#xff0c;可以充分利用系统资源。 AntDB-M分布式内存数据库节点角色可以分为管理节点(MN)、计算节点(CN)和数据节点(DN)三种。管理节点收到客户端连接请求后&#xff0c;会经由负…
阅读更多...
IEEE官方列表会议 | 第三届能源与环境工程国际会议(CFEEE 2024)

IEEE官方列表会议 | 第三届能源与环境工程国际会议(CFEEE 2024)

会议简介 Brief Introduction 2024年第三届能源与环境工程国际会议(CFEEE 2024) 会议时间&#xff1a;2024年12月2日-4日 召开地点&#xff1a;澳大利亚凯恩斯 大会官网&#xff1a;CFEEE 2024-2024 International Conference on Frontiers of Energy and Environment Engineer…
阅读更多...
【C#】visual studio打包winForm（依赖DLL）为安装程序exe

【C#】visual studio打包winForm（依赖DLL）为安装程序exe

0.简介 IDE&#xff1a;VS2022 平台&#xff1a;C# .NetFramework4.7 WinForm界面 有GDAL、EEplus库的依赖&#xff0c;所以在其他未安装环境的电脑中功能无法使用。 1. 安装 1.1 运行文件 在VS扩展中选择管理扩展&#xff0c;Microsoft Visual Studio Installer Projects …
阅读更多...
如何合规与安全地利用专业爬虫工具，构建企业数据竞争优势

如何合规与安全地利用专业爬虫工具，构建企业数据竞争优势

摘要&#xff1a; 本文深入探讨了在当今大数据时代&#xff0c;企业如何通过合规且安全的方式运用专业爬虫工具&#xff0c;有效收集并分析海量信息&#xff0c;进而转化为企业独有的数据优势。我们不仅会介绍最佳实践&#xff0c;还会讨论关键技术和策略&#xff0c;帮助企业…
阅读更多...
【网络】计算机网络基础——计算机网络背景和发展、认识网络协议、OSI七层模型、TCP/IP四层模型、网络的传输

【网络】计算机网络基础——计算机网络背景和发展、认识网络协议、OSI七层模型、TCP/IP四层模型、网络的传输

文章目录 Linux网络1. 计算机网络背景和发展2. 认识网络协议3. OSI七层模型3.1 物理层3.2 数据链路层3.3 网络层3.4 传输层3.5 会话层3.6 表示层3.7 应用层 4. TCP/IP四层模型5. 网络的传输 Linux网络 1. 计算机网络背景和发展 开始的计算机都是独立模式&#xff08;计算机之间…
阅读更多...
谷歌新的网站索引策略：将来可能不再为您的网站编制索引

谷歌新的网站索引策略：将来可能不再为您的网站编制索引

10 年前&#xff0c;在 WordPress 上推出新博客的同时&#xff0c;Google 上的内容几乎是即时索引。 搜索引擎试图尽快向用户提供所有信息&#xff0c;这对内容创作者也有利。 然而&#xff0c;随着时间的推移&#xff0c;情况发生了变化&#xff0c;现在谷歌在索引方面变得极…
阅读更多...
【解决】ubuntu20.04 root用户无法SSH登陆问题

【解决】ubuntu20.04 root用户无法SSH登陆问题

Ubuntu root用户无法登录的问题通常可以通过修改‌SSH配置文件和系统登录配置来解决。 修改SSH配置文件 sudo vim /etc/ssh/sshd_config 找到 PermitRootLogin 设置&#xff0c;并将其值更改为 yes 以允许root用户通过SSH登录 保存并关闭文件之后&#xff0c;需要重启SSH服务…
阅读更多...
用uniapp 及socket.io做一个简单聊天app 2

用uniapp 及socket.io做一个简单聊天app 2

在这里只有群聊&#xff0c;二个好友聊天&#xff0c;可以认为是建了一个二人的群聊。 const express require(express); const http require(http); const socketIo require(socket.io); const cors require(cors); // 引入 cors 中间件const app express(); const serv…
阅读更多...
Leetcode—426. 将二叉搜索树转化为排序的双向链表【中等】Plus

Leetcode—426. 将二叉搜索树转化为排序的双向链表【中等】Plus

2024每日刷题&#xff08;148&#xff09; Leetcode—426. 将二叉搜索树转化为排序的双向链表 实现代码 /* // Definition for a Node. class Node { public:int val;Node* left;Node* right;Node() {}Node(int _val) {val _val;left NULL;right NULL;}Node(int _val, Nod…
阅读更多...
R包：plot1cell单细胞可视化包

R包：plot1cell单细胞可视化包

介绍 plot1cell是用于单细胞数据seurat数据对象的可视化包。 安装 ## You might need to install the dependencies below if they are not available in your R library. bioc.packages <- c("biomaRt","GenomeInfoDb","EnsDb.Hsapiens.v86&qu…
阅读更多...
无人机之起飞前准备

无人机之起飞前准备

一、检查无人机状态 1、确保无人机的电池充满电或有足够的电量&#xff1b; 2、检查螺旋桨是否安装牢固&#xff0c;没有损坏&#xff1b; 3、确认无人机的固件是最新版本&#xff0c;以保证拥有最新的功能和修正。 二、选择合适的起飞地点 1、避免在人群密集或有障碍物的…
阅读更多...
MySQL：增删改查、临时表、授权相关示例

MySQL：增删改查、临时表、授权相关示例

目录 概念 数据完整性 主键 数据类型 精确数字 近似数字 字符串 二进制字符串 日期和时间 MySQL常用语句示例 SQL结构化查询语言 显示所有数据库 显示所有表 查看指定表的结构 查询指定表的所有列 创建一个数据库 创建表和列 插入数据记录 查询数据记录 修…
阅读更多...
C++ Map Set的模拟实现

C++ Map Set的模拟实现

C Map Set的模拟实现 文章目录 前言一、Map 和 Set是什么&#xff1f;1.Set2.Map 二、困难点困难一、set和map中值的类型不同困难二、Map和Set中值不可修改困难三、红黑树中迭代器的和--1.2.- - 困难四、map中[ ] 运算符重载的实现1.修改红黑树以及Map和Set中insert的返回值1.修…
阅读更多...
Three.js投射光线实现三维物体交互

Three.js投射光线实现三维物体交互

<template><div id"webgl"></div> </template><script setup> import * as THREE from three //导入轨道控制器 import { OrbitControls } from three/examples/jsm/controls/OrbitControls // 导入 dat.gui import { GUI } from thre…
阅读更多...
k8s v1.30 完整安装过程及CNI安装过程总结

k8s v1.30 完整安装过程及CNI安装过程总结

博主未授权任何人或组织机构转载博主任何原创文章&#xff0c;感谢各位对原创的支持&#xff01; 博主链接 本人就职于国际知名终端厂商&#xff0c;负责modem芯片研发。 在5G早期负责终端数据业务层、核心网相关的开发工作&#xff0c;目前牵头6G技术研究。 博客内容主要围绕…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023