Home

Awesome

Learn Unity Shader

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

大致分为两部分:

Unity Version:2021.3.11f1

Star趋势

Stargazers over time

入门精要 Shader

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

learnShader1.png

广告牌(Board)

4dNIP0.gif

反射、折射、菲涅尔

4JXjSK.png

Alpha Test 和 Shadow

4JXvQO.png

序列帧动画

4JjCTA.gif

UV 动画

4JjiFI.gif

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

4JjFYt4JjFYt
处理后原图

边缘检测及提取

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

高斯模糊

4JjFYt4JjFYt
高斯模糊原图

运动模糊

4dU6F1.gif

动画模拟

绳子(质点弹簧系统)

4aBg6f.gif

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

4aB2X8.gif

Bezier Mesh

BezierMesh.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.pngBloom2.png
原图Bloom

模糊

sed.pngboxBlur.png
原图均值模糊
GaussBlur.pngRadialBlur.png
高斯模糊径向模糊

Mask

mask.gif mask2.gif

描边

outline.gif

波纹

Wave.gif

放大镜

zoom.gif

UI Shader

老照片风格

LI5hZD.png

径向溶解

LI54de.gif

其他 Shader

各向异性

vi5J2Q.png

玻璃

<!-- [![4aBj74.gif](https://z3.ax1x.com/2021/09/23/4aBj74.gif)](https://imgtu.com/i/4aBj74) -->

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