{"id":54307,"url":"https://github.com/QianMo/Awesome-Unity-Shader","name":"Awesome-Unity-Shader","description":":boat: 关于炫酷的Unity3D Shader | About Cool Unity3D Shaders ","projects_count":111,"last_synced_at":"2026-09-09T21:00:23.868Z","repository":{"id":29488373,"uuid":"33025718","full_name":"QianMo/Awesome-Unity-Shader","owner":"QianMo","description":":boat: 关于炫酷的Unity3D Shader | About Cool Unity3D Shaders ","archived":false,"fork":false,"pushed_at":"2021-10-14T15:26:08.000Z","size":1891,"stargazers_count":4330,"open_issues_count":1,"forks_count":1101,"subscribers_count":228,"default_branch":"master","last_synced_at":"2026-08-21T03:08:32.570Z","etag":null,"topics":["awesome","graphics-programming","posteffect","shader","shaderlab","unity","unity-shader","unity3d-shader"],"latest_commit_sha":null,"homepage":"","language":"ShaderLab","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/QianMo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-28T08:00:07.000Z","updated_at":"2026-08-20T14:14:21.000Z","dependencies_parsed_at":"2022-07-12T13:19:48.198Z","dependency_job_id":null,"html_url":"https://github.com/QianMo/Awesome-Unity-Shader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/QianMo/Awesome-Unity-Shader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QianMo%2FAwesome-Unity-Shader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QianMo%2FAwesome-Unity-Shader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QianMo%2FAwesome-Unity-Shader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QianMo%2FAwesome-Unity-Shader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QianMo","download_url":"https://codeload.github.com/QianMo/Awesome-Unity-Shader/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QianMo%2FAwesome-Unity-Shader/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":341189360,"owners_count":37187835,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-22T15:14:58.755Z","status":"online","status_checked_at":"2026-09-09T02:00:06.536Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-16T20:09:20.844Z","updated_at":"2026-09-09T21:00:23.868Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["推荐新的高品质Unity Shader项目 | Recommend New Awesome Unity Shader Library","Volume 05 Unity中Shader的三种形态对比\u0026混合操作","Volume 16. 基于MatCap实现适于移动平台的“次时代”车漆Shader || Car Paint Shader Suitable for Mobile Platform Based On MatCap","Volume 15. 屏幕高斯模糊(Gaussian Blur)后期特效的实现 || Gaussian Blur Post Effect","Volume 03 子着色器、通道与标签的写法 \u0026 纹理混合","Volume 04 剔除、深度测试、Alpha测试以及基本雾效","Volume 14.边缘发光Shader(Rim Shader)的两种实现形态 || Two Way to Write Rim Shader","Volume 1 凹凸纹理显示+自选边缘颜色和强度Shader","Volume 02 Unity基本Shader框架写法","Volume 06 表面着色器(Surface Shader)的写法(一)","Volume 07 表面着色器的写法(二)：自定义光照模式","Volume 08 径向模糊屏幕特效","Volume 09 屏幕水幕特效的实现","Volume 10 屏幕油画特效的实现","Volume 11 屏幕像素化特效的实现","Volume 12 可编程Shader初步 \u0026 漫反射可编程Shader","Volume 13 单色透明Shader \u0026 标准镜面高光Shader"],"sub_categories":["3.基本blend使用+颜色可调","1","2","3","2.纹理的Alpha通道与自发光相混合","1.用剔除操作渲染对象背面","4","5","0.TheFirstShader","1.单色Shader","2.材质颜色\u0026开启光照Shader","3.可调漫反射光Shader","4.光照材质完备beta版Shader","5.简单的纹理载入Shader","6.光照材质完备正式版Shader","1. Alpha纹理混合","3. 纹理Alpha与自发光混合可调色版","4. 顶点光照+纹理Alpha自发光混合","5. 顶点光照+自发光混合+纹理混合","2. 用剔除操作渲染对象背面（第二版）","3.用剔除实现玻璃效果","4.基本Alpha测试","5.顶点光照+可调透明度","6.简单的植被Shader","一：固定功能Shader示例","二：表面着色器Surface Shader示例","三：可编程Shader示例","1. 纹理载入Shader","2.基本blend使用","4.基本blend使用+顶点光照","5.实现玻璃效果第二版","6.实现玻璃效果第三版","1.最基本的Surface Shader","2.颜色可调","3.基本纹理载入","4.凹凸纹理载入","5.纹理载入+颜色可调","6. 凹凸纹理+边缘光照","7.凹凸纹理+颜色可调","8.细节纹理","9.凹凸纹理+颜色可调+边缘光照+细节纹理","0.内置的漫反射光照","1.简单的高光光照模型","2.自制简单的Lambert光照","3.自定义的半Lambert光照","4.自定义卡通渐变光照","5.自定义卡通渐变光照v2","2.单色可调Shader的书写","4.颜色单项可调的RGB Cube","6.单色可调的漫反射光照Shader书写","7.可调颜色和自定义纹理的漫反射光照Shader","2.颜色可以调版单色透明Shader","3.双面双色颜色可以调版透明Shader","4.镜面反射（Specular）Shader","5.带纹理载入的specular shader"],"readme":"# Awesome-Unity-Shader\n这是一个关于Unity3D Shader的Rep。目前主要是自己博客专栏《【浅墨Unity3D Shader编程】》中推出的一些Shader代码的收集。\n* Shader专栏地址：[https://blog.csdn.net/zhmxy555/category_9264739.html](https://blog.csdn.net/zhmxy555/category_9264739.html)\n\u003cbr\u003e \n\n## 推荐新的高品质Unity Shader项目 | Recommend New Awesome Unity Shader Library\n\nX-PostProcessing Libray，简称XPL，是针对Unity引擎的高品质开源后处理库，旨在提供业界主流的高品质后处理特效的完整解决方案。目前已完美支持Unity Post-processing Stack v2，后续也将提供对Unity引擎URP/LWRP/HDRP的兼容支持。\n\nX-PostProcessing Library (XPL) is a high quality post processing library for for Unity Post Processing Stack v2/LWRP/URP/HDRP\n\n![](https://raw.githubusercontent.com/QianMo/X-PostProcessing-Gallery/master/Media/XPL-Title-v2.jpg)\n**【详情可见 | The X-PostProcessing Libray Repo is here：[https://github.com/QianMo/X-PostProcessing-Library](https://github.com/QianMo/X-PostProcessing-Library)】**\n\n\n\n\u003cbr\u003e \n以下是各个Shader的图示。\n\u003cbr\u003e\u003cbr\u003e\n\n\n## Volume 1 凹凸纹理显示+自选边缘颜色和强度Shader\n\n\u003cbr\u003e\n\n### 0.TheFirstShader\n\n![](http://img.blog.csdn.net/20141103021350640?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e\u003cbr\u003e \u003cbr\u003e\u003cbr\u003e   \n\n\n## Volume 02 Unity基本Shader框架写法\n\n\u003cbr\u003e\n\n### 1.单色Shader\n\n![](http://img.blog.csdn.net/20141109223715831?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e\n\n###  2.材质颜色\u0026开启光照Shader\n\n![](http://img.blog.csdn.net/20141109224045203?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 3.可调漫反射光Shader\n\n![](http://img.blog.csdn.net/20141109224100284?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 4.光照材质完备beta版Shader\n\n![](http://img.blog.csdn.net/20141109224312214?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 5.简单的纹理载入Shader\n\n![](http://img.blog.csdn.net/20141109224434832?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 6.光照材质完备正式版Shader\n\n![](http://img.blog.csdn.net/20141109224815432?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n## Volume 03 子着色器、通道与标签的写法 \u0026 纹理混合\n\n\u003cbr\u003e\n\n### 1. Alpha纹理混合\n\n![](http://img.blog.csdn.net/20141116204632861?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 2.纹理的Alpha通道与自发光相混合\n\n![](http://img.blog.csdn.net/20141116204751080?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 3. 纹理Alpha与自发光混合可调色版\n\n![](http://img.blog.csdn.net/20141116204937062?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 4. 顶点光照+纹理Alpha自发光混合\n\n![](http://img.blog.csdn.net/20141116205146640?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 5. 顶点光照+自发光混合+纹理混合\n\n![](http://img.blog.csdn.net/20141116205243876?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n## Volume 04 剔除、深度测试、Alpha测试以及基本雾效\n\n\u003cbr\u003e\n\n### 1.用剔除操作渲染对象背面\n\n![](http://img.blog.csdn.net/20141214160445602?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141214160605390?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141214160616609?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 2. 用剔除操作渲染对象背面（第二版）\n\n![](http://img.blog.csdn.net/20141214160749125?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \n\n![](http://img.blog.csdn.net/20141214160808203?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \n\n![](http://img.blog.csdn.net/20141214160827953?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 3.用剔除实现玻璃效果\n\n![](http://img.blog.csdn.net/20141214161022500?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141214161013889?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e\n\n### 4.基本Alpha测试\n\n![](http://img.blog.csdn.net/20141214162420924?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 5.顶点光照+可调透明度\n\n![](http://img.blog.csdn.net/20141214162622828?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 6.简单的植被Shader\n\n![](http://img.blog.csdn.net/20141214163333125?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n\n## Volume 05 Unity中Shader的三种形态对比\u0026混合操作\n\n\u003cbr\u003e\n\n### 一：固定功能Shader示例\n\n![](http://img.blog.csdn.net/20141221160256147?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \n\n![](http://img.blog.csdn.net/20141221160310016?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 二：表面着色器Surface Shader示例\n\n![](http://img.blog.csdn.net/20141221160637153?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141221160849753?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 三：可编程Shader示例\n\n![](http://img.blog.csdn.net/20141221161739031?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141221162200269?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e\n\n### 1. 纹理载入Shader\n\n![](http://img.blog.csdn.net/20141221164102640?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141221164127104?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 2.基本blend使用\n\n![](http://img.blog.csdn.net/20141221164617514?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \n\n![](http://img.blog.csdn.net/20141221204604172?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 3.基本blend使用+颜色可调\n\n![](http://img.blog.csdn.net/20141221164924262?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141221165506636?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 4.基本blend使用+顶点光照\n\n![](http://img.blog.csdn.net/20141221165658847?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141221165945065?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 5.实现玻璃效果第二版\n\n![](http://img.blog.csdn.net/20141221170257944?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141221170358925?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 6.实现玻璃效果第三版\n\n![](http://img.blog.csdn.net/20141221170508079?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141221170537798?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n\n\n## Volume 06 表面着色器(Surface Shader)的写法(一)\n\n\u003cbr\u003e\n\n### 1.最基本的Surface Shader\n\n![](http://img.blog.csdn.net/20141228171735232?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \n\n![](http://img.blog.csdn.net/20141228171746963?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 2.颜色可调\n\n![](http://img.blog.csdn.net/20141228171851984?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141228171932062?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 3.基本纹理载入\n\n![](http://img.blog.csdn.net/20141228172034648?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141228172048111?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e\n\n### 4.凹凸纹理载入\n\n![](http://img.blog.csdn.net/20141228172155082?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141228172211337?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 5.纹理载入+颜色可调\n\n![](http://img.blog.csdn.net/20141228172425279?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \n\n![](http://img.blog.csdn.net/20141228172645812?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 6. 凹凸纹理+边缘光照\n\n![](http://img.blog.csdn.net/20141228173034359?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141228173352980?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 7.凹凸纹理+颜色可调\n\n![](http://img.blog.csdn.net/20141228173627092?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141228174021171?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 8.细节纹理\n\n![](http://img.blog.csdn.net/20141228174328948?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141228174350632?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 9.凹凸纹理+颜色可调+边缘光照+细节纹理\n\n![](http://img.blog.csdn.net/20141228174533124?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20141228174811870?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n\n## Volume 07 表面着色器的写法(二)：自定义光照模式\n\u003cbr\u003e\n### 0.内置的漫反射光照\n\n![](http://img.blog.csdn.net/20150111162256968?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 1.简单的高光光照模型\n\n![](http://img.blog.csdn.net/20150111162510361?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 2.自制简单的Lambert光照\n\n![](http://img.blog.csdn.net/20150111162615476?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e\n### 3.自定义的半Lambert光照\n\n![](http://img.blog.csdn.net/20150111162728812?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n### 4.自定义卡通渐变光照\n\n第一组：\n\n![](http://img.blog.csdn.net/20150111163034155)\n\n![](http://img.blog.csdn.net/20150111163051456)\n\n 第二组：\n\n![](http://img.blog.csdn.net/20150111163206149)\n\n![](http://img.blog.csdn.net/20150111163224432)\n\n第三组：\n\n![](http://img.blog.csdn.net/20150111163303978)\n\n![](http://img.blog.csdn.net/20150111163326442)\n\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n### 5.自定义卡通渐变光照v2\n\n![](http://img.blog.csdn.net/20150111163814216)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20150111163820515)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20150111164000453)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n\n## Volume 08 径向模糊屏幕特效\n\n![](http://img.blog.csdn.net/20151025201934777?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20151025195010681?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n## Volume 09 屏幕水幕特效的实现\n\n![](http://img.blog.csdn.net/20151101111232183?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)\n\n\u003cbr\u003e \n\n![](http://img.blog.csdn.net/20151101190406420?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n## Volume 10 屏幕油画特效的实现\n\n![](http://img.blog.csdn.net/20151108172028275?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20151108172156992?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n## Volume 11 屏幕像素化特效的实现\n\n![](http://img.blog.csdn.net/20151129134545797?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\n\n![](http://img.blog.csdn.net/20151129135100965?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n## Volume 12 可编程Shader初步 \u0026 漫反射可编程Shader\n\u003cbr\u003e\n### 1.单色Shader\n\n![](http://img.blog.csdn.net/20160306101527269?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 2.单色可调Shader的书写\n\n![](http://img.blog.csdn.net/20160306101611630?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 4.颜色单项可调的RGB Cube\n\n![](http://img.blog.csdn.net/20160306102015714?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e\n\n###5.三色分量可调的RGB Cube\n\n![](http://img.blog.csdn.net/20160306102053925?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 6.单色可调的漫反射光照Shader书写\n\n![](http://img.blog.csdn.net/20160306104333557)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 7.可调颜色和自定义纹理的漫反射光照Shader\n\n![](http://img.blog.csdn.net/20160306104503747) \n\n\u003cbr\u003e  \n\n下图是此漫反射Shader使用到皮卡丘模型上的效果图。\n\n  ![](http://img.blog.csdn.net/20160306104520950)\n\n![](http://img.blog.csdn.net/20160306104542279?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n![](http://img.blog.csdn.net/20160306104551545?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n\n\n## Volume 13 单色透明Shader \u0026 标准镜面高光Shader\n\n\u003cbr\u003e\n\n### 1.单色透明Shader\n\n![](http://img.blog.csdn.net/20160306101527269?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 2.颜色可以调版单色透明Shader\n\n![](http://img.blog.csdn.net/20160313163102340?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n### 3.双面双色颜色可以调版透明Shader\n\n![](http://img.blog.csdn.net/20160313163601639?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n从物体外部看：\n\n![](http://img.blog.csdn.net/20160313163617811?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n从物体内部看：\n\n![](http://img.blog.csdn.net/20160313163627983?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e\n### 4.镜面反射（Specular）Shader\n\n![](http://img.blog.csdn.net/20160313163741061?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 5.带纹理载入的specular shader\n\n![](http://img.blog.csdn.net/20160313163845452?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n将此Shader施于妙蛙草的模型之上，得到的便是如端游《剑灵》一般油腻腻的画风感觉：\n\n![](http://img.blog.csdn.net/20160313163908049?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n![](http://img.blog.csdn.net/20160313163917421?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n\n\n## Volume 14.边缘发光Shader(Rim Shader)的两种实现形态 || Two Way to Write Rim Shader\n\n\u003cbr\u003e\n\n### 1\n\n![](http://img.blog.csdn.net/20160626194823864?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 2\n![](http://img.blog.csdn.net/20160626202233428?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n### 3\n\n![](http://img.blog.csdn.net/20160626202242413?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n### 4\n\n![](http://img.blog.csdn.net/20160626202257787?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n### 5\n\n![](http://img.blog.csdn.net/20160626202250179?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\n\n## Volume 15. 屏幕高斯模糊(Gaussian Blur)后期特效的实现 || Gaussian Blur Post Effect\n\n\u003cbr\u003e\n\n### 1\n\n![](http://img.blog.csdn.net/20160710153647877)\n\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 2\n\n![](http://img.blog.csdn.net/20160710154008897)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n### 3\n\n![](http://img.blog.csdn.net/20160710154031224)\n\n\n\n## Volume 16. 基于MatCap实现适于移动平台的“次时代”车漆Shader || Car Paint Shader Suitable for Mobile Platform Based On MatCap\n\n\u003cbr\u003e\n\n### 1\n\n![](https://img-blog.csdn.net/20170219132208590?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e\u003cbr\u003e \u003cbr\u003e \n\n### 2\n\n![](https://img-blog.csdn.net/20170219145345434?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n\u003cbr\u003e \u003cbr\u003e \u003cbr\u003e \n\n### 3\n\n![](https://img-blog.csdn.net/20170219145145510?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\n\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/qianmo%2Fawesome-unity-shader/projects"}