Unity使用ShaderGraph实现根据坐标控制溶解的位置,物体靠近局部溶解

本文主要是介绍Unity使用ShaderGraph实现根据坐标控制溶解的位置,物体靠近局部溶解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

      • 一、前言
      • 二、运行效果
      • 三、实现原理
        • 1 ShaderGraph部分
        • 2 材质球
        • 3 将材质球赋值给模型
        • 4 C#脚本控制材质球参数
      • 四、运行测试
      • 五、答疑

一、前言

之前我写了一篇文章:ShaderGraph使用教程与各种特效案例:Unity2020
里面介绍了溶解效果的实现,然后有同学留言问了这个问题:
在这里插入图片描述
这篇文章我就来介绍如何实现吧。

二、运行效果

ShaderGraph最终连线图如下
在这里插入图片描述
运行效果如下
在这里插入图片描述
Demo工程已上传到GitHub
地址:https://github.com/linxinfa/UnityShaderGraphNearToDissolve
在这里插入图片描述

三、实现原理

1 ShaderGraph部分

溶解的原理就是利用AlphaClip属性,当AlphaClip的值比Alpha的值大时,则会不显示。
在这里插入图片描述
我们利用一个噪声来作为AlphaClip的输入即可实现溶解的效果。
然后想要根据坐标来控制溶解的范围,比如物体靠近的时候,靠近的位置有溶解的效果,这个怎么做呢?
我们首先暴露一个Vector 3属性:targetpos,它作为目标位置,
在这里插入图片描述
我们要计算这个目标位置距离我们要溶解的模型的顶点坐标的距离,那我们就要知道模型自身的顶点坐标,要用到Position节点,Space选择Absolute World
在这里插入图片描述
有了顶点坐标和targetpos,就可以计算距离了,使用Distance节点。
在这里插入图片描述
我们要的效果是距离近则溶解,而要溶解需要使AlphaClip大于Alpha,也就是说,也就是说距离近要输出更大的值,距离远输出更小的值,所以我们使用RemapDistance的输出做一个映射。
在这里插入图片描述
然后将将Remap的输出与噪声相乘,这样就可以根据距离来控制噪声的范围。
在这里插入图片描述
再接着,就是利用相乘后的输出(一个带范围的噪声)作为AlphaClip的输入了,为了实现一个溶解边缘光的效果,通过两个Step做差即可,连线图如下。
在这里插入图片描述

2 材质球

创建材质球,将上面的ShaderGraph赋值给材质球。
在这里插入图片描述

3 将材质球赋值给模型

创建一个Sphere球体,将材质赋值给它。
在这里插入图片描述
再创建一个Sphere2,用来靠近Sphere
在这里插入图片描述

4 C#脚本控制材质球参数

创建一个C#脚本:Main.cs,用来控制材质球的参数。

using UnityEngine;/// <summary>
/// 该脚本挂在要溶解的物体上
/// </summary>
public class Main : MonoBehaviour
{/// <summary>/// 材质球/// </summary>public Material mat;/// <summary>/// 要靠近过来的物体/// </summary>public Transform m_targetObj;// Update is called once per framevoid Update(){mat.SetVector("Vector3_B45F07CF", m_targetObj.position);}
}

Main.cs脚本挂到Sphere球体上,赋值对应的public变量。
在这里插入图片描述

四、运行测试

运行效果如下
在这里插入图片描述
可以调节strength属性来修改溶解强度
在这里插入图片描述


五、答疑

有同学私信我,问我如何实现相反的效果。
在这里插入图片描述
其实很简单,只需调整下如下几个地方,
在这里插入图片描述
运行效果如下:(注:这次我用的是Unity 2020.2.7f1c1,光照效果与Unity 2019有所差异)
在这里插入图片描述

这篇关于Unity使用ShaderGraph实现根据坐标控制溶解的位置,物体靠近局部溶解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/linxinfa/article/details/112555890
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/683848

相关文章

shell编程之函数与数组的使用详解

《shell编程之函数与数组的使用详解》:本文主要介绍shell编程之函数与数组的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录shell函数函数的用法俩个数求和系统资源监控并报警函数函数变量的作用范围函数的参数递归函数shell数组获取数组的长度读取某下的

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

Python虚拟环境终极(含PyCharm的使用教程)

《Python虚拟环境终极(含PyCharm的使用教程)》:本文主要介绍Python虚拟环境终极(含PyCharm的使用教程),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录一、为什么需要虚拟环境?二、虚拟环境创建方式对比三、命令行创建虚拟环境(venv)3.1 基础命令3

Python Transformer 库安装配置及使用方法

《PythonTransformer库安装配置及使用方法》HuggingFaceTransformers是自然语言处理(NLP)领域最流行的开源库之一,支持基于Transformer架构的预训练模... 目录python 中的 Transformer 库及使用方法一、库的概述二、安装与配置三、基础使用:Pi

关于pandas的read_csv方法使用解读

《关于pandas的read_csv方法使用解读》:本文主要介绍关于pandas的read_csv方法使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录pandas的read_csv方法解读read_csv中的参数基本参数通用解析参数空值处理相关参数时间处理相关

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

openCV中KNN算法的实现

《openCV中KNN算法的实现》KNN算法是一种简单且常用的分类算法,本文主要介绍了openCV中KNN算法的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录KNN算法流程使用OpenCV实现KNNOpenCV 是一个开源的跨平台计算机视觉库,它提供了各

SpringBoot条件注解核心作用与使用场景详解

《SpringBoot条件注解核心作用与使用场景详解》SpringBoot的条件注解为开发者提供了强大的动态配置能力,理解其原理和适用场景是构建灵活、可扩展应用的关键,本文将系统梳理所有常用的条件注... 目录引言一、条件注解的核心机制二、SpringBoot内置条件注解详解1、@ConditionalOn

Python中使用正则表达式精准匹配IP地址的案例

《Python中使用正则表达式精准匹配IP地址的案例》Python的正则表达式(re模块)是完成这个任务的利器,但你知道怎么写才能准确匹配各种合法的IP地址吗,今天我们就来详细探讨这个问题,感兴趣的朋... 目录为什么需要IP正则表达式?IP地址的基本结构基础正则表达式写法精确匹配0-255的数字验证IP地

OpenCV图像形态学的实现

《OpenCV图像形态学的实现》本文主要介绍了OpenCV图像形态学的实现,包括腐蚀、膨胀、开运算、闭运算、梯度运算、顶帽运算和黑帽运算,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起... 目录一、图像形态学简介二、腐蚀(Erosion)1. 原理2. OpenCV 实现三、膨胀China编程(