/LearnUnityShader

记录学习Unity Shader过程中实现过的一些Demo。

Primary LanguageShaderLab

Learn Unity Shader

学习UnityShader过程中的一些Demo记录。

大致分为两部分:

  • 《Unity Shader入门精要》里的一些Shader实现。
  • 学习Shader过程中的一些效果实现及拓展。

Unity Version:2021.3.11f1

入门精要Shader

基础光照(Lambert、半Lambert、Phong、BlinnPhong等) 透明度测试、透明度混合

learnShader1.png

广告牌(Board)

4dNIP0.gif

反射、折射、菲涅尔

4JXjSK.png

Alpha Test和Shadow

4JXvQO.png

序列帧动画

4JjCTA.gif

UV动画

4JjiFI.gif

亮度,饱和度,对比度调整

4JjFYt 4JjFYt
处理后 原图

边缘检测及提取

4JjFYt 4JjFYt
在原图上叠加 边缘提取

高斯模糊

4JjFYt 4JjFYt
高斯模糊 原图

运动模糊

4dU6F1.gif

动画模拟

绳子(质点弹簧系统)

4aBg6f.gif

布料模拟(质点弹簧系统)

4aB2X8.gif

CommandBuffer

局部后处理

4aBH10.png

景深

4aBqXT.png

自定义烘焙

这里简单的对mainTex做了马赛克处理

烘焙前 - 烘焙后 q0hJyV.png q0hYLT.png

Depth

深度图

4aDShR.png

扫描光线

4aBbcV.gif

几何着色器的基本应用

点图元和线图元

4aBOnU.png

粒子爆炸

4aBXBF.gif

GPU Instance

草地渲染

4daUAA.gif

后处理特效

坏电视效果

badTV.gif badTV2.gif

Bloom

Bloom.png Bloom2.png
原图 Bloom

模糊

sed.png boxBlur.png
原图 均值模糊
GaussBlur.png RadialBlur.png
高斯模糊 径向模糊

Mask

mask.gif mask2.gif

描边

outline.gif

波纹

Wave.gif

放大镜

zoom.gif

UI Shader

老照片风格

LI5hZD.png

径向溶解

LI54de.gif

其他Shader

各向异性

vi5J2Q.png

玻璃

jX8DVx.png

溶解

Dissolve Dissolve2

翻书

FlipBook

Flow Map

qOameU.gif

能量球

energyBall

液体瓶

IylgRs.gif

三维映射

triplanarMapX.png triplanarMapXZ.png

InteriorMapping

InteriorMapping - CubeMap

interiorMappingCubemap.gif

InteriorMapping - 2D Atlas

interiorMapping2D.gif vsYR9f.png vsYW38.png

Mask

Box Mask

vstKUI.png

Sphere Mask

vstuVA.png

2D Mask

vstM5t.png

描边

基于Fresnel的边缘光

基于法线扩张的描边

左边是 先渲染正面后渲染描边、右边 先渲染描边后渲染正面

基于法线扩张的遮挡描边

基于后处理的描边

基于后处理的遮挡描边

边缘检测

笔刷 - 基于UV坐标

qBasoT.gif

笔刷 - 基于世界坐标

qBa6FU.gif

薄膜干涉(镭射布料)

qBBW4K.png qBBh9O.png

曲面细分着色器

雪地交互

snowGround.gif

次表面散射

通透材质

sss

sss2

屏幕空间次表面散射

左边:开启SSS、右边:关闭SSS

sssss

球面高斯-次表面散射(SG-SSS)

jHmtot.png

卡通渲染

卡通着色(色阶)

ColorGradation4

简易的卡通水

water

角色渲染

简易的角色渲染

simpleCharacter.png simpleCharacter.gif

PBR

自定义PBR

左边:自定义PBR,右边:Unity的PBR 50Eeot.png 50ElQg.gif

50E0lF.png 50EBy4.png

PBR-各向异性

jHm8Ld.png

PBR-皮肤(SG-SSS)

jHm1Qe.png

Water

水体交互

IyMzX6.gif

阴影(Shadow Mapping)

Shadow Map

oDHete.png

PCF

oDHupd.png

PCF(PoissonDisk)

oDHZkD.png

PCSS

oDHmfH.png