ShaderGraph第一天

最新推荐文章于 2024-02-20 17:11:58 发布
最新推荐文章于 2024-02-20 17:11:58 发布
阅读量353 收藏 3
点赞数 1
分类专栏： ShaderGraph 文章标签： Unity Shader ShaderGraph 图形学
Author：UnityCoyote Email：[email protected] 书山有路勤为径，学海无涯苦作舟！共勉，转载请注明出处。原文链接：
本文链接：https://blog.csdn.net/wu5101608/article/details/115666214
版权

前言

ShaderGraph是Unity推出的一个可视化编程渲染管线工具，目前版本已经更新到了10.4，我决定开始搞搞这个ShaderGraph，加深下自己在图形方面的知识

准备事项

Unity版本：2020.3.2
ShaderGraph版本：10.4.0
可以从PackageManager搜索ShaderGraph进行安装
Universal RP版本：10.4.0

创建ShaderGraph资产

新建一个ShaderGraph目录用来存放所有ShaderGraph资产文件，选择Blank Shader Graph

创建空白的ShaderGraph

ShaderGraph面板

在这里插入图片描述
编辑节点前，先了解下这个面板中各个功能块的含意
1.Vertex节点：类似可编程渲染阶段中的Vertext着色器阶段
2.Fragment节点：类似可编程渲染阶段中的Fragment片元着色器阶段
3.属性面板，这里可以添加一些着色器的属性，可在检视面板暴露，调节
4.效果预览窗口，着色器调节的效果会在这里实时显示
5.Graph Inspector：节点和图形设置面板

创建新节点

创建节点前首先需要创建一个URP的资产文件

在这里插入图片描述
将工程设置中的图形选项卡中Scriptable Render Pipeline Settings指定为创建好的自定义URP渲染管线的资产文件
在这里插入图片描述

在ShaderGraph面板的设置中添加指定下当前所应用的渲染管线为Universal
在这里插入图片描述

接着在ShaderGraph面板处右键，创建一个Color的节点

在这里插入图片描述
将这个Color节点，连接到Fragment节点的Base Color上，作为片元的颜色值。可以看到预览窗口的材质球颜色已经变成了这个Color节点的颜色
在这里插入图片描述

创建材质

选中创建好的ShaderGraph资产文件，右键选择Create—>Material，这样材质的Shader就会默认指定为这个ShaderGraph，将材质赋值给模型，一个简单的指定片元颜色值的Shader就做好了
在这里插入图片描述

Author：UnityCoyote
Email：501202461@qq.com
书山有路勤为径，学海无涯苦作舟！共勉，转载请注明出处。
文章链接：http://blog.csdn.net/wu5101608/article/details/115666214

UnityCoyote
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ShaderGraph节点详解完整版20191221.pdf
01-29
https://blog.csdn.net/nicepainkiller/article/details/104108444 ShaderGraph节点详解完整版 ShaderGraph节点详解完整版 https://blog.csdn.net/nicepainkiller/article/details/104108444
Unity Shader Graph 故障艺术
当代野生程序猿
12-09 3420
故障效果越来越多的被应用于游戏开发，将事物发生故障的现象进行加工，形成了一种新的风格。本文实现了一个手电筒的故障效果，效果图如下，模型用的是Asset Store资源商店里的免费资源SciFi HandLight Free： 创建一个新的PBR Graph，创建以下属性： 1. Main Texture（Texture 2D）：主贴图 2. Normal Texture (Texture 2D) ：法线贴图 3. Emission Texture（Texture2D）：发光贴图 ...
【Unity / Shader Graph】常见节点原理 | 01 Graphics pipeline
lionkawoo的博客
08-27 241
简单介绍Shader Graph界面在渲染管线中的工作位置
Unity2023.1.19_ShaderGraph节点说明以及使用技巧
weixin_45728126的博客
02-20 607
基于DirectX的High Level Shading Language，缩写HLSL;基于OpenGL的OpenGL Shading Language，缩写GLSL;无光照的渲染更加均匀一致，光照渲染更加真实，可以增加修改的预设参数也更多。兼容性（重点就是URP、HDRP支持HLSL语言，不支持CG语言，基于NVIDIA的C for Graphic，缩写CG;左边为：unlit URP，右边为lit URP;URP项目的渲染选择最好就是HLSL。
ShaderGraph节点
卡塔部落-老酋长
07-21 184
根据视角不同而在表面上产生不同反射率（接近掠射角时的反射光增多）的效果。通过计算表面法线(Normal)和视图方向(View Dir)之间的角度来模拟这一点。如果输入__In__的值小于零，则返回 -1，如果等于零，则返回 0，如果大于零，则返回 1。对于每个分量，如果输入 In 的值大于或等于输入。的值的正弦值,并在正弦波的幅度上增加输入。返回输入__In__的值的整数部分。的值，则返回 1，否则返回 0。将输入的矢量进行拆分为对应的值。网格顶点或片元的 UV 坐标。范围内的伪随机噪声。
Unity 2020.4以后ShaderGraph PBR Shader的变化
weixin_42565127的博客
01-03 1127
2020.4以后采用了全新的Shader Graph，变动挺大的。建议还是换版本或者去官网学习。 PBR是没有了，但是有两个空的Shader 一个是Blank Shader，即空shader，自己进去里面创建PBR(前排提醒，不是简单拖一个PBR nodes，操作有点麻烦，详情访问官网。
Unity--shadergraph--UV dissolve
m0_67817307的博客
05-04 2244
1.首先我们在shader文件夹下新建一个blank shader graph 操作：右键-create-shader-blank shader graph 2.然后在inspector面板中点击open进入 3.找到shadergraph面板右上角的graph inspector，点一下会出来下面这个面板，再点一下它会消失。 点击下universal下面的这个小加号，添加universal，然后就会出来下面这个面板。 上面的是顶点面板，下面的是碎片面板。UV流动我们只需要用到碎片面板
Shader Graph入门
zaizai1007的博客
09-04 9513
Shader Graph 简介
unity shader可视化工具——Shader Graph
热门推荐
Poggio742的博客
02-13 1万+
Shader Graph是可以实时通过可视化界面的节点连接来实现着色器的创建及编辑的可编程式渲染管线工具。
shadergraph-custom-nodes：ShaderGraph的自定义节点的集合
02-06
着色器图节点Shader Graph自定义节点的集合。数学>插值>缓和添加对Robert Penner的缓动功能的支持。过程>形状>星添加对程序星形的支持系统要求Unity 2018.1或更高版本执照根据。
ShaderGraph节点详解完整版20210331
08-31
ShaderGraph节点详解完整版20210331
自用shaderGraph
09-11
自用shaderGraph
ShaderGraph案例工程
07-23
这个项目是一个使用Unity 2018.1的SG特性创建的不同自定义着色器库。所有的着色器都兼容轻量级脚本渲染管道。
分布式系统.pptx
04-29
分布式系统.pptx
源代码-360通用ASP防护代码(防sql注入).zip
04-29
源代码-360通用ASP防护代码(防sql注入).zip
node-v8.1.0-darwin-x64.tar.gz
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
2020年ti杯电赛省赛A题代码整理
04-29
2020年ti杯电赛省赛a题的项目 分为 手机端（android），主显示端，姿态检测手环端，心率滤波读取端 mcu 采用的是esp32.结合了适配esp32的arduino以及rtos框架进行开发。 开发环境 及 语言 安卓为android studio java开发 esp32为platform io c/c++ 节点间通信方式 tcp直连，手机端为总服务端 手机端 android 原生开发 主显示端 屏幕ili9341 spi 触摸xpt2046 图形 adafruit gfx ad芯片 ads112c04 测温 lmt70 姿态检测端 9轴 bno055 心率检测 心电 ads1292
node-v6.15.0-sunos-x64.tar.gz
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v9.3.0-x86.msi
最新发布
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
shader graph
06-11
Shader Graph 是 Unity 中的一个可视化着色器编辑器，它使得着色器的创建和编辑变得更加直观和易于理解。使用 Shader Graph，可以通过将节点（如颜色、纹理、计算等）连接在一起来创建高质量的着色器效果，而无需...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值