chore: Move EffectsComposer into TS (#32)

* Move FullScreenQuad into class

* Move ShaderPass into TS
 * Convert Pass and ShaderPass to class defs

* Move EffectsComposer into TS

* better typing

* Move EffectComposer to class

* consts and lets instead of var

* Cleanup

* Public/private accessors

* return types

* Move mask function to class

src/postprocessing/AdaptiveToneMappingPass.js

@@ -8,7 +8,7 @@ import {
   UniformsUtils,
   WebGLRenderTarget,
 } from 'three'
-import { Pass } from '../postprocessing/Pass'
+import { Pass, FullScreenQuad } from '../postprocessing/Pass'
 import { CopyShader } from '../shaders/CopyShader'
 import { LuminosityShader } from '../shaders/LuminosityShader'
 import { ToneMapShader } from '../shaders/ToneMapShader'
@@ -122,7 +122,7 @@ var AdaptiveToneMappingPass = function (adaptive, resolution) {
     blending: NoBlending,
   })
 
-  this.fsQuad = new Pass.FullScreenQuad(null)
+  this.fsQuad = new FullScreenQuad(null)
 }
 
 AdaptiveToneMappingPass.prototype = Object.assign(Object.create(Pass.prototype), {

src/postprocessing/AfterimagePass.js

@@ -7,7 +7,7 @@ import {
   UniformsUtils,
   WebGLRenderTarget,
 } from 'three'
-import { Pass } from '../postprocessing/Pass'
+import { Pass, FullScreenQuad } from '../postprocessing/Pass'
 import { AfterimageShader } from '../shaders/AfterimageShader'
 
 var AfterimagePass = function (damp) {
@@ -39,10 +39,10 @@ var AfterimagePass = function (damp) {
     fragmentShader: this.shader.fragmentShader,
   })
 
-  this.compFsQuad = new Pass.FullScreenQuad(this.shaderMaterial)
+  this.compFsQuad = new FullScreenQuad(this.shaderMaterial)
 
   var material = new MeshBasicMaterial()
-  this.copyFsQuad = new Pass.FullScreenQuad(material)
+  this.copyFsQuad = new FullScreenQuad(material)
 }
 
 AfterimagePass.prototype = Object.assign(Object.create(Pass.prototype), {

src/postprocessing/BloomPass.js

@@ -7,7 +7,7 @@ import {
   Vector2,
   WebGLRenderTarget,
 } from 'three'
-import { Pass } from '../postprocessing/Pass'
+import { Pass, FullScreenQuad } from '../postprocessing/Pass'
 import { CopyShader } from '../shaders/CopyShader'
 import { ConvolutionShader } from '../shaders/ConvolutionShader'
 
@@ -73,7 +73,7 @@ var BloomPass = function (strength, kernelSize, sigma, resolution) {
 
   this.needsSwap = false
 
-  this.fsQuad = new Pass.FullScreenQuad(null)
+  this.fsQuad = new FullScreenQuad(null)
 }
 
 BloomPass.prototype = Object.assign(Object.create(Pass.prototype), {

src/postprocessing/BokehPass.js

@@ -8,7 +8,7 @@ import {
   UniformsUtils,
   WebGLRenderTarget,
 } from 'three'
-import { Pass } from '../postprocessing/Pass'
+import { Pass, FullScreenQuad } from '../postprocessing/Pass'
 import { BokehShader } from '../shaders/BokehShader'
 
 /**
@@ -72,7 +72,7 @@ var BokehPass = function (scene, camera, params) {
   this.uniforms = bokehUniforms
   this.needsSwap = false
 
-  this.fsQuad = new Pass.FullScreenQuad(this.materialBokeh)
+  this.fsQuad = new FullScreenQuad(this.materialBokeh)
 
   this._oldClearColor = new Color()
 }

src/postprocessing/DotScreenPass.js

@@ -1,5 +1,5 @@
 import { ShaderMaterial, UniformsUtils } from 'three'
-import { Pass } from '../postprocessing/Pass'
+import { Pass, FullScreenQuad } from '../postprocessing/Pass'
 import { DotScreenShader } from '../shaders/DotScreenShader'
 
 var DotScreenPass = function (center, angle, scale) {
@@ -21,7 +21,7 @@ var DotScreenPass = function (center, angle, scale) {
     fragmentShader: shader.fragmentShader,
   })
 
-  this.fsQuad = new Pass.FullScreenQuad(this.material)
+  this.fsQuad = new FullScreenQuad(this.material)
 }
 
 DotScreenPass.prototype = Object.assign(Object.create(Pass.prototype), {