Make ChainableEffect more straightforward

examples/js/effects/ChainableEffect.js

@@ -24,14 +24,68 @@
 
 THREE.ChainableEffect = function ( renderer ) {
 
-	var keys = Object.keys( renderer );
+	this.autoClear = renderer.autoClear;
+	this.domElement = renderer.domElement;
+	this.shadowMap = renderer.shadowMap;
 
-	for ( var i = 0, il = keys.length; i < il; i ++ ) {
+	this.getPixelRatio = function () {
 
-		var key = keys[ i ];
+		return renderer.getPixelRatio();
 
-		this[ key ] = ( typeof( renderer[ key ] ) === 'function' ) ? renderer[ key ].bind( renderer ) : renderer[ key ];
+	};
 
-	}
+	this.setPixelRatio = function ( value ) {
+
+		renderer.setPixelRatio( value );
+
+	};
+
+	this.getSize = function () {
+
+		return renderer.getSize();
+
+	};
+
+	this.setSize = function ( width, height, updateStyle ) {
+
+		renderer.setSize( width, height, updateStyle );
+
+	};
+
+	this.setViewport = function ( x, y, width, height ) {
+
+		renderer.setViewport( x, y, width, height );
+
+	};
+
+	this.setScissor = function ( x, y, width, height ) {
+
+		renderer.setScissor( x, y, width, height );
+
+	};
+
+	this.setScissorTest = function ( boolean ) {
+
+		renderer.setScissorTest( boolean );
+
+	};
+
+	this.clear = function ( color, depth, stencil ) {
+
+		renderer.clear( color, depth, stencil );
+
+	};
+
+	this.render = function ( scene, camera, renderTarget, forceClear ) {
+
+		renderer.render( scene, camera, renderTarget, forceClear );
+
+	};
+
+	this.setRenderTarget = function ( renderTarget ) {
+
+		renderer.setRenderTarget( renderTarget );
+
+	};
 
 };