【unity】ShaderGraph实现等高线和高程渐变设色

已于 2023-09-18 09:25:55 修改
阅读量1.2k 收藏 6
点赞数 1
分类专栏： Unity 文章标签： unity 游戏引擎
于 2023-08-07 10:56:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxs1990/article/details/132142172
版权

【unity】ShaderGraph实现等高线和高程渐变设色

ShaderGraph案例下载地址

等高线的实现思路

方法一：

通过Position节点得到顶点的高度（y）值，将高度值除去等高距离取余，设定余数的输出边界（step）

方法二：

将y值减去y值的取整，差值和差值取反相乘，设定输出边界（step）

高程渐变设色的实现思路

简单赋值方法

使用Gradient（渐变节点），直接用y值赋值

这种方法虽然方便，但是Gradient节点无法开放，颜色不能动态

差值渐变赋值方法

以三色为例，使用的核心节点是Lerp，将地形的高度映射到0-1，映射后的值，成为渐变的的差值

最后的叠加

整体布局

小生云木
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Unity 使用Shader Graph实现物体的溶解效果
xinzhilinger的博客
07-27 5547
前言 啊咧咧，从大学毕业开始，有一段时间没有更新过博客了，很怀念当初边学习边写博客的时光。今天打开博客网站看着各位大神通过文字来分享自己的技术心得，也手痒了，决定也来一篇！ 说完上面的话，感觉自己像是大佬一样。嘿嘿，然而本篇文章还是一个小白文，就是Shader Graph的入门知识，一个简单的物体溶解效果，意在帮助新手了解Shader Graph这个工具。效果如下图，如果你感兴趣，可以看看后面的实现方式，然后来试试吧！ 注：本项目Unity版本为2021.1.12f1c1 正文 1，配置环境 为了使用Sh
Unity3D实现渐变颜色效果
12-26
基于unity3D实现渐变颜色的简单脚本，代码很少，就不废话了，直接上代码和效果图。 效果图： using System; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; namespace ExtraFoundation.Components { [AddComponentMenu("UI/Effects/Gradient")] public class UIGradient : BaseMeshEffect { #region Public Declarations publ
Cesium等高线插件
08-29
Cesium 等高线插件
Unity3D绘制地形的实现方法
12-25
项目中肯定会遇到需要用户自己绘制地形的需求，然后根据地形自动生成房间。下面说说我在绘制地形的实现方法。 我们百度可以看到很多关于自己创建mesh的博客，mesh的生成需要三角面顶点坐标以及顶点序列。所以，想要创建我们想要的mesh，首先要获取到绘制mesh的顶点。我们用户在绘制自己想创建的地形时会有很大的自由性。他是随心所欲想怎么画就怎么画。这也造就了很大的错误风险性，要求程序更加智能。好了，下面说下我们给自己程序设定的一些规则。 首先我们设置在绘制的时候摄像头的forward朝向Y轴向上，即我们可以俯视到的就是xz轴组成的平面。其次我们要使用linerenderer来画线，linerende
Unity 对象颜色梯形渐变Shader，可调节
Edwin Lee的博客
11-22 4291
Unity梯形颜色渐变Shader
Unity Shader实现等高线
编程小生的专栏
10-21 2747
Unity Shader实现等高线 需求 在做地形时，会遇到显示数字化过程中要有等高线显示的需求 思考实现原理 在Pixel Shader(Unity shder 中为fragment阶段)中通过判断像素点在世界坐标系下的高度值来计算绘制等高线(Unity 中对应时Y值).具体数学转换原理如下图: 具体数学推理 设HeightOffset为U1+U2，HeightLineRate为U2在Hei...
unity 等高线创建方法
发布unity，三维模型的相关内容
06-22 1266
unity shader 等高线生成
UnityShader-如何使用渐变纹理在模型的表面区分出明显的色域
u014078887的博客
06-08 322
卡通渲染中的渐变纹理 近年来一些卡通渲染中会使用到渐变纹理，在人物模型上营造出随着光照变化明显的明暗部分，比如塞尔达，塞尔达的卡通渲染就大量的应用了渐变纹理。如下图的面部。 面部上明显的光暗轮廓就是通过在渐变纹理上的采样，与模型本身的纹理采样进行混合得到。配合上近乎轮廓颜色的描边，成就了一种极为立体的卡通渲染。后面有机会会完整的演示一次这种基于渐变纹理和描边的卡通渲染。 渲染原理 将模型法线与光照方向求出点积，进一步规范到0-1之间 float gradient = dot(worldNorma
[U3D ShaderGraph] 全面学习ShaderGraph节点 | 第三课 | Input/Gradient
AsiWorld的博客
12-03 1643
📣📣📣本专栏所有内容在完结之前全部为试读模式,专栏完结之后会取消试读模式,如果感觉内容还不错的话请支持一下📣📣📣目录一. 带着问题学习二.开始学习1. 学习概述2. 知识点详解BlackbodyGradientSample Gradient三.课堂练习亖.总结对模拟黑体辐射的渐变进行采样。 此节点中的计算基于 Mitchell Charity 收集的数据。 此节点输出线性 RGB 空间的颜色，并使用一个 D65 白点和一个 CIE 1964 10 度的颜色空间执行转换。 有关更多信息，请参阅 W
日落20181210001 - Unity插件应用之ShaderForge制作颜色渐变效果
海盐布丁的表述形式
12-17 1695
环境 系统：Windows 10 引擎：Unity 2017.2.1f1 工具：Shader Forge 1.38 目的 使用Shader Forge制作渐变效果的实例。 （1）导入Shader Forge插件。 （2）从菜单项Window的子项，找到Shader Forge。 （3）选择New Shader。 （4）点击“Unlit”，保存新的Shader文件。 （5-1）做渐变...
Unity ShaderGraph实现伪室内效果
最新发布
01-20
具体效果及操作步骤，详见这篇： https://blog.csdn.net/Katrina419/article/details/135715210
Unity ShaderGraph实现Sprite图片描边/发光效果 URP
01-18
具体效果及操作步骤，详见这篇： https://blog.csdn.net/Katrina419/article/details/135648241
UnityShader 实现3D模型颜色渐变效果
05-11
使用Unity Shader使模型的颜色产生简单的两种颜色过渡的渐变效果。
ProcCharVfx：使用Unity Shader Graph和VFX Graph生成过程字符
02-06
ProcCharVfx：使用Unity Shader Graph和VFX Graph生成过程字符
Unity Shader Graph HDRP Reflections Cubemap
11-01
Unity Shader Graph HDRP Reflections Cubemap
unity 渐变消失_Unity ShaderGraph 实现 Gradients 渐变 (2D)
weixin_35823403的博客
01-14 1167
在开发《Anchor》的时候发现 Unity 暂时不支持在代码中直接替换 gradient，且无法 expose 在 inspector 中，因此想出个笨办法来解决。另在 shader 中做了大于 2 色的 gradient。OverviewSprite Unlit Master用 Shader 创建 Material 并应用在 sprite 上shader 一共三个部分：Original Gra...
unity 地图编辑器_地图酷炫效果和原理揭秘
weixin_39621235的博客
11-29 833
导读阅读完此文，你会了解：1、建筑效果需要的UV支持2、如何使用Shader Graph创建Shader建筑Shader效果建筑渲染是地图引擎中非常重要的一个方面。地图引擎中有多个图层，如水系，功能面，绿地，道路，建筑，POI 等。建筑图层是唯一一个有高度的图层，是最能体现地图空间感的一个图层。针对建筑，我们已经积累了很多酷炫的效果，来提升地图的整体表现力。 地图效果我们使用一些自定义的建筑 Sh...
Unity urp2d ShaderGraph 实现一个黑白转彩色的场景渐变效果 设计思路
m0_51776409的博客
10-29 3666
那只能走走别的方向了，仔细想想，原来的shader也确实不太完美，因为我们要的是整个画面的黑白，而上面的shader则需要给每个场景物品都安装这个shader跑计算的话，无疑是降低了性能和扩展性的。我们可以放弃if节点，改用lerp在两个色域中做插值，就可以优化渐变效果，插值需要一个0-1的参数，我们选择使用“Saturate”节点，这个节点可以将一个浮点值映射到[0,1]的范围内，即输入大于1时=1，输入小于0时等于0，然后将结果连接到Lerp节点就可以了。这样我们这个效果就成功实现了。
【ShaderGraph】所有ShaderGraph节点 以及部分使用用途
Leon_Ge
12-24 3658
所有ShaderGraph节点 以及部分使用用途ArtisticChannelInputMasterMathProceduralUtilUV Artistic — Adjustments Chanel Mixer – 混合颜色通道 并调整每个通道的值 Contrast – 对比度 Hue – 色相（Range 为格式化） Invert Colors – 反转某个颜色通道（与Flip类似） Replace Color – 替换某种颜色 Saturation
unity Shader Graph全息效果实现
06-06
要在Unity中使用Shader Graph实现全息效果，可以按照以下步骤进行操作： 1. 创建一个新的Shader Graph材质，并将其应用于需要添加全息效果的对象上。 2. 在Shader Graph编辑器中，创建一个新的Unlit Master节点，并将其命名为“Hologram”。 3. 将这个节点的输出连接到一个新的Sub Graph节点。在这个新的子图中，创建一个新的Unlit Master节点，并将其命名为“Hologram Subgraph”。 4. 在“Hologram Subgraph”节点中，创建一个新的属性节点，用于控制全息效果的颜色和强度。 5. 创建一个新的UV节点，并将其连接到一个新的Time节点。将这些节点连接到一个新的Panner节点中，以控制全息效果的运动。将输出连接到一个新的Texture Sample节点中，用于采样全息纹理。 6. 创建一个新的Fresnel节点，并将其连接到一个新的Lerp节点中。将“Hologram Subgraph”的输出连接到lerp节点的第一个输入中，将全息纹理的输出连接到lerp节点的第二个输入中。使用“Hologram Subgraph”节点中的属性节点来控制lerp节点的混合值。 7. 将“Hologram Subgraph”的输出连接回到主Shader Graph中，以完成全息效果的创建。 通过这些步骤，你就可以使用Shader Graph在Unity中实现全息效果了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小生云木

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值