• Stars
    star
    1,361
  • Rank 34,534 (Top 0.7 %)
  • Language ShaderLab
  • Created about 5 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

Learn Unity Shader

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

大致分为两部分:

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

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

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

4JjFYt 4JjFYt
处理后 原图

边缘检测及提取

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

高斯模糊

4JjFYt 4JjFYt
高斯模糊 原图

运动模糊

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.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

More Repositories

1

BezierCurvePathCreater

用于创建贝塞尔曲线路径,可匀速运动 - 基于CocosCreator_2.2.2 - Used to create a Bezier curve path with uniform motion Based on CocosCreator_2.2.2
JavaScript
213
star
2

LearnUnity

学习Unity过程中的一些记录,demo。
C#
98
star
3

LearnURP

URP shader and feature example
ShaderLab
67
star
4

LcL-Tools-Unity

Unity Tools
C#
67
star
5

ToolsShare

超实用的学习教程、资源、素材、工具等网站和软件分享!
53
star
6

ThreeJS-Shader

基于WebGL的Three.js 的Shader,记录学习GLSL过程中的一些特效demo
GLSL
53
star
7

LcL-RenderdocTextureExporter

Renderdoc Texture Exporter
Python
25
star
8

CocosCreatorShader

记录一些在Cocos Creator 中实现过的Shader特效。
TypeScript
23
star
9

LcL-Soft-Render

基于Unity的软光栅化
C#
16
star
10

lcl-obsidian-html-local-img-plugin

TypeScript
14
star
11

LcLLib-for-Houdini

houdini library,some example and hda tools
C
7
star
12

LearnUnrealShader

记录学习Unreal Shader过程中实现的一些Demo。
C++
7
star
13

A-Star-Search

基于Cocos Creator JS的A*搜索算法。
JavaScript
6
star
14

bezierPathCreater.github.io

贝塞尔曲线路径在线规划
JavaScript
5
star
15

LearnHoudini

Learn Houdini!
4
star
16

LcL-RenderPipeline

LcL SRP
C#
3
star
17

LearnUnityShaderGraph

学习Unity Shader Graph过程中实现的一些特效...
2
star
18

LcLStarRail.github.io

HTML
2
star
19

LcL-VisualEffectGraph

Learn Visual Effect Graph
ShaderLab
2
star
20

Blog.github.io

1
star
21

OpenGL_demo

learnOpenGL
C
1
star
22

Awesome-Algorithm-Practice

Awesome Algorithm Practice
C#
1
star
23

CocosShader2D.github.io

JavaScript
1
star
24

Blog

JavaScript
1
star
25

LcL-Tools-Python

工具
Python
1
star
26

csdjk

1
star