1. CopyShader.js：
   该着色器会将效果输出，普通的通道一般都是不能输出的，要靠CopyShader进行输出。
   引用：js/shaders/CopyShader.js
   用法示例：

				var outputPass=new THREE.ShaderPass(THREE.CopyShader);
				composer.addPass(outputPass);
DotScreenShader.js：
 该着色器会将原始图像输出为灰度点集。
 引用：js/shaders/DotScreenShader.js
 配置项：
 scale：点的大小
 center：点的偏移量
 angle：点的对其方式
 用法示例：
 
				var dotScreenShader=new THREE.ShaderPass(THREE.DotScreenShader);
				dotScreenShader.uniforms['scale'].value=4;
				composer.addPass(dotScreenShader);
RGBShiftShader.js：
 该着色器会将图像的红绿蓝三种颜色分离。
 引用：js/shaders/RGBShiftShader.js
 配置项：
 amount：颜色深浅度
 用法示例：
 
				var RGBshiftShader=new THREE.ShaderPass(THREE.RGBShiftShader);
				RGBshiftShader.uniforms['amount'].value=0.0015;
				composer.addPass(RGBshiftShader);
 
DigitalGlitch.js：
 该着色器会使屏幕显示电子脉冲，搭配对应通道使用（js/postprocessing/GlitchPass.js）。
 引用：js/shaders/DigitalGlitch.js
 
 
AfterimageShader.js：
 该着色器主要使运动的模型产生残影，搭配对应通道使用（js/postprocessing/AfterimagePass.js）。
 引用：js/shaders/AfterimageShader.js
 配置项：
 damp：阻尼系数，即产生残影范围大小
 用法示例：
 
 
				afterimage=new THREE.AfterimagePass();
				composer.addPass(afterimage);
				afterimage.uniforms[ "damp" ].value=0.97;
FXAAShader.js：
 该着色器主要用于抗锯齿。
 引用：js/shaders/FXAAShader.js
 配置项：
 resolution：分辨率，根据窗口设置大小
 用法示例：
 
				//抗锯齿着色器
				effectFXAA=new THREE.ShaderPass(THREE.FXAAShader);
				effectFXAA.uniforms['resolution'].value.set(1/window.innerWidth,1/window.innerHeight);
				composer.addPass(effectFXAA);
 
LuminosityHighPassShader.js：
 该着色器主要用于物体亮度通道实现，搭配对应通道使用（js/postprocessing/UnrealBloomPass.js）
 引用：js/shaders/LuminosityHighPassShader.js
 
 
BokehShader.js：
 该着色器主要用于背景虚化，类似相机变焦，搭配对应通道使用（js/postprocessing/BokehPass.js）
 引用：js/shaders/BokehShader.js
 
 
HalftoneShader.js：
 该着色器能在场景中添加rgb三色元素，搭配对应通道使用（js/postprocessing/HalftonePass.js）
 引用：js/shaders/HalftoneShader.js
 
 
PixelShader.js：
 该着色器能给场景中的物体添加马赛克效果
 引用：js/shaders/PixelShader.js
 配置项：
 resolution，分辨率
 pixelSize，像素大小
 用法示例：
 
 
				pixelShader=new THREE.ShaderPass(THREE.PixelShader);
				composer.addPass(pixelShader);
				var pixelRatio=renderer.getPixelRatio();
				pixelShader.uniforms['resolution'].value=new THREE.Vector2(window.innerWidth*pixelRatio,window.innerHeight*pixelRatio);
				pixelShader.uniforms['pixelSize'].value=16;
				
学习交流欢迎加群：789723098，博主会将一些demo整理共享
我们都知道，three.js库里面内置了很多着色器通道对象供我们渲染场景，本文将对EffectComposer、RenderPass、FilmPass这三个通道进行学习和实现：
1.RenderPass这个通道会在当前场景（scene）和摄像机（camera）的基础上渲染出一个新场景，新建：
let renderPass ...
				
“渲染”（Rendering）是即使非计算机专业的都不会觉得陌生的词，虽然在很多人说这个词的时候，并不清楚“渲染”究竟意味着什么。相反，“着色器”（Shader）很可能是大家比较陌生的词，从名字看上去似乎是用来上色的，但它具体能做什么呢？
在解释着色器之前，我们先来聊聊渲染。
用通俗的话来说，渲染就是将模型数据在屏幕上显示出来的过程。
这听起来好像很简单呢！但正如
				
<script src="../../plugins/ys/ys.min.js"></script>
<script src="../../plugins/threeLibrary/three.min.js"></script>
<script src="../../plugins/threeLibrary/js/controls/OrbitControls.js"></script>
<script src="../.....