Add node.js support

examples/js/WebGL.js

@@ -4,8 +4,8 @@ THREE.WEBGL = {
 
 		try {
 
-			var canvas = document.createElement( 'canvas' );
-			return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
+			var canvas = THREE.document.createElement( 'canvas' );
+			return !! ( THREE.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
 
 		} catch ( e ) {
 
@@ -19,8 +19,8 @@ THREE.WEBGL = {
 
 		try {
 
-			var canvas = document.createElement( 'canvas' );
-			return !! ( window.WebGL2RenderingContext && canvas.getContext( 'webgl2' ) );
+			var canvas = THREE.document.createElement( 'canvas' );
+			return !! ( THREE.WebGL2RenderingContext && canvas.getContext( 'webgl2' ) );
 
 		} catch ( e ) {
 
@@ -50,13 +50,13 @@ THREE.WEBGL = {
 		};
 
 		var contexts = {
-			1: window.WebGLRenderingContext,
-			2: window.WebGL2RenderingContext
+			1: THREE.WebGLRenderingContext,
+			2: THREE.WebGL2RenderingContext
 		};
 
 		var message = 'Your $0 does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">$1</a>';
 
-		var element = document.createElement( 'div' );
+		var element = THREE.document.createElement( 'div' );
 		element.id = 'webglmessage';
 		element.style.fontFamily = 'monospace';
 		element.style.fontSize = '13px';

examples/js/cameras/CinematicCamera.js

@@ -113,13 +113,13 @@ THREE.CinematicCamera.prototype.initPostProcessing = function () {
 
 		this.postprocessing.scene = new THREE.Scene();
 
-		this.postprocessing.camera = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2,	window.innerHeight / 2, window.innerHeight / - 2, - 10000, 10000 );
+		this.postprocessing.camera = new THREE.OrthographicCamera( THREE.innerWidth / - 2, THREE.innerWidth / 2,	THREE.innerHeight / 2, THREE.innerHeight / - 2, - 10000, 10000 );
 
 		this.postprocessing.scene.add( this.postprocessing.camera );
 
 		var pars = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat };
-		this.postprocessing.rtTextureDepth = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, pars );
-		this.postprocessing.rtTextureColor = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, pars );
+		this.postprocessing.rtTextureDepth = new THREE.WebGLRenderTarget( THREE.innerWidth, THREE.innerHeight, pars );
+		this.postprocessing.rtTextureColor = new THREE.WebGLRenderTarget( THREE.innerWidth, THREE.innerHeight, pars );
 
 		var bokeh_shader = THREE.BokehShader;
 
@@ -143,9 +143,9 @@ THREE.CinematicCamera.prototype.initPostProcessing = function () {
 		this.postprocessing.bokeh_uniforms[ "zfar" ].value = this.near;
 
 
-		this.postprocessing.bokeh_uniforms[ "textureWidth" ].value = window.innerWidth;
+		this.postprocessing.bokeh_uniforms[ "textureWidth" ].value = THREE.innerWidth;
 
-		this.postprocessing.bokeh_uniforms[ "textureHeight" ].value = window.innerHeight;
+		this.postprocessing.bokeh_uniforms[ "textureHeight" ].value = THREE.innerHeight;
 
 		this.postprocessing.materialBokeh = new THREE.ShaderMaterial( {
 			uniforms: this.postprocessing.bokeh_uniforms,
@@ -158,7 +158,7 @@ THREE.CinematicCamera.prototype.initPostProcessing = function () {
 			}
 		} );
 
-		this.postprocessing.quad = new THREE.Mesh( new THREE.PlaneBufferGeometry( window.innerWidth, window.innerHeight ), this.postprocessing.materialBokeh );
+		this.postprocessing.quad = new THREE.Mesh( new THREE.PlaneBufferGeometry( THREE.innerWidth, THREE.innerHeight ), this.postprocessing.materialBokeh );
 		this.postprocessing.quad.position.z = - 500;
 		this.postprocessing.scene.add( this.postprocessing.quad );
 

examples/js/controls/DeviceOrientationControls.js

@@ -26,7 +26,7 @@ THREE.DeviceOrientationControls = function ( object ) {
 
 	var onScreenOrientationChangeEvent = function () {
 
-		scope.screenOrientation = window.orientation || 0;
+		scope.screenOrientation = THREE.orientation || 0;
 
 	};
 
@@ -62,14 +62,14 @@ THREE.DeviceOrientationControls = function ( object ) {
 
 		// iOS 13+
 
-		if ( window.DeviceOrientationEvent !== undefined && typeof window.DeviceOrientationEvent.requestPermission === 'function' ) {
+		if ( THREE.DeviceOrientationEvent !== undefined && typeof THREE.DeviceOrientationEvent.requestPermission === 'function' ) {
 
-			window.DeviceOrientationEvent.requestPermission().then( function ( response ) {
+			THREE.DeviceOrientationEvent.requestPermission().then( function ( response ) {
 
 				if ( response == 'granted' ) {
 
-					window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
-					window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
+					THREE.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
+					THREE.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
 
 				}
 
@@ -81,8 +81,8 @@ THREE.DeviceOrientationControls = function ( object ) {
 
 		} else {
 
-			window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
-			window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
+			THREE.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
+			THREE.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
 
 		}
 
@@ -92,8 +92,8 @@ THREE.DeviceOrientationControls = function ( object ) {
 
 	this.disconnect = function () {
 
-		window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
-		window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
+		THREE.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
+		THREE.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
 
 		scope.enabled = false;
 

examples/js/controls/FirstPersonControls.js

@@ -3,7 +3,7 @@ THREE.FirstPersonControls = function ( object, domElement ) {
 	if ( domElement === undefined ) {
 
 		console.warn( 'THREE.FirstPersonControls: The second parameter "domElement" is now mandatory.' );
-		domElement = document;
+		domElement = THREE.document;
 
 	}
 
@@ -59,7 +59,7 @@ THREE.FirstPersonControls = function ( object, domElement ) {
 
 	//
 
-	if ( this.domElement !== document ) {
+	if ( this.domElement !== THREE.document ) {
 
 		this.domElement.setAttribute( 'tabindex', - 1 );
 
@@ -69,10 +69,10 @@ THREE.FirstPersonControls = function ( object, domElement ) {
 
 	this.handleResize = function () {
 
-		if ( this.domElement === document ) {
+		if ( this.domElement === THREE.document ) {
 
-			this.viewHalfX = window.innerWidth / 2;
-			this.viewHalfY = window.innerHeight / 2;
+			this.viewHalfX = THREE.innerWidth / 2;
+			this.viewHalfY = THREE.innerHeight / 2;
 
 		} else {
 
@@ -85,7 +85,7 @@ THREE.FirstPersonControls = function ( object, domElement ) {
 
 	this.onMouseDown = function ( event ) {
 
-		if ( this.domElement !== document ) {
+		if ( this.domElement !== THREE.document ) {
 
 			this.domElement.focus();
 
@@ -131,7 +131,7 @@ THREE.FirstPersonControls = function ( object, domElement ) {
 
 	this.onMouseMove = function ( event ) {
 
-		if ( this.domElement === document ) {
+		if ( this.domElement === THREE.document ) {
 
 			this.mouseX = event.pageX - this.viewHalfX;
 			this.mouseY = event.pageY - this.viewHalfY;
@@ -298,8 +298,8 @@ THREE.FirstPersonControls = function ( object, domElement ) {
 		this.domElement.removeEventListener( 'mousemove', _onMouseMove, false );
 		this.domElement.removeEventListener( 'mouseup', _onMouseUp, false );
 
-		window.removeEventListener( 'keydown', _onKeyDown, false );
-		window.removeEventListener( 'keyup', _onKeyUp, false );
+		THREE.removeEventListener( 'keydown', _onKeyDown, false );
+		THREE.removeEventListener( 'keyup', _onKeyUp, false );
 
 	};
 
@@ -314,8 +314,8 @@ THREE.FirstPersonControls = function ( object, domElement ) {
 	this.domElement.addEventListener( 'mousedown', _onMouseDown, false );
 	this.domElement.addEventListener( 'mouseup', _onMouseUp, false );
 
-	window.addEventListener( 'keydown', _onKeyDown, false );
-	window.addEventListener( 'keyup', _onKeyUp, false );
+	THREE.addEventListener( 'keydown', _onKeyDown, false );
+	THREE.addEventListener( 'keyup', _onKeyUp, false );
 
 	function bind( scope, fn ) {
 

examples/js/controls/FlyControls.js

@@ -3,7 +3,7 @@ THREE.FlyControls = function ( object, domElement ) {
 	if ( domElement === undefined ) {
 
 		console.warn( 'THREE.FlyControls: The second parameter "domElement" is now mandatory.' );
-		domElement = document;
+		domElement = THREE.document;
 
 	}
 
@@ -108,7 +108,7 @@ THREE.FlyControls = function ( object, domElement ) {
 
 	this.mousedown = function ( event ) {
 
-		if ( this.domElement !== document ) {
+		if ( this.domElement !== THREE.document ) {
 
 			this.domElement.focus();
 
@@ -237,7 +237,7 @@ THREE.FlyControls = function ( object, domElement ) {
 
 	this.getContainerDimensions = function () {
 
-		if ( this.domElement != document ) {
+		if ( this.domElement != THREE.document ) {
 
 			return {
 				size: [ this.domElement.offsetWidth, this.domElement.offsetHeight ],
@@ -247,7 +247,7 @@ THREE.FlyControls = function ( object, domElement ) {
 		} else {
 
 			return {
-				size: [ window.innerWidth, window.innerHeight ],
+				size: [ THREE.innerWidth, THREE.innerHeight ],
 				offset: [ 0, 0 ]
 			};
 
@@ -278,8 +278,8 @@ THREE.FlyControls = function ( object, domElement ) {
 		this.domElement.removeEventListener( 'mousemove', _mousemove, false );
 		this.domElement.removeEventListener( 'mouseup', _mouseup, false );
 
-		window.removeEventListener( 'keydown', _keydown, false );
-		window.removeEventListener( 'keyup', _keyup, false );
+		THREE.removeEventListener( 'keydown', _keydown, false );
+		THREE.removeEventListener( 'keyup', _keyup, false );
 
 	};
 
@@ -295,8 +295,8 @@ THREE.FlyControls = function ( object, domElement ) {
 	this.domElement.addEventListener( 'mousedown', _mousedown, false );
 	this.domElement.addEventListener( 'mouseup', _mouseup, false );
 
-	window.addEventListener( 'keydown', _keydown, false );
-	window.addEventListener( 'keyup', _keyup, false );
+	THREE.addEventListener( 'keydown', _keydown, false );
+	THREE.addEventListener( 'keyup', _keyup, false );
 
 	this.updateMovementVector();
 	this.updateRotationVector();

examples/js/controls/OrbitControls.js

@@ -8,7 +8,7 @@
 THREE.OrbitControls = function ( object, domElement ) {
 
 	if ( domElement === undefined ) console.warn( 'THREE.OrbitControls: The second parameter "domElement" is now mandatory.' );
-	if ( domElement === document ) console.error( 'THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
+	if ( domElement === THREE.document ) console.error( 'THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
 
 	this.object = object;
 	this.domElement = domElement;
@@ -821,7 +821,7 @@ THREE.OrbitControls = function ( object, domElement ) {
 		// Manually set the focus since calling preventDefault above
 		// prevents the browser from setting it automatically.
 
-		scope.domElement.focus ? scope.domElement.focus() : window.focus();
+		scope.domElement.focus ? scope.domElement.focus() : THREE.focus();
 
 		var mouseAction;
 

examples/js/controls/PointerLockControls.js

@@ -3,7 +3,7 @@ THREE.PointerLockControls = function ( camera, domElement ) {
 	if ( domElement === undefined ) {
 
 		console.warn( 'THREE.PointerLockControls: The second parameter "domElement" is now mandatory.' );
-		domElement = document.body;
+		domElement = THREE.document.body;
 
 	}
 

examples/js/controls/TrackballControls.js

@@ -1,7 +1,7 @@
 THREE.TrackballControls = function ( object, domElement ) {
 
 	if ( domElement === undefined ) console.warn( 'THREE.TrackballControls: The second parameter "domElement" is now mandatory.' );
-	if ( domElement === document ) console.error( 'THREE.TrackballControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
+	if ( domElement === THREE.document ) console.error( 'THREE.TrackballControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
 
 	var scope = this;
 	var STATE = { NONE: - 1, ROTATE: 0, ZOOM: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_ZOOM_PAN: 4 };
@@ -83,8 +83,8 @@ THREE.TrackballControls = function ( object, domElement ) {
 		var box = scope.domElement.getBoundingClientRect();
 		// adjustments come from similar code in the jquery offset() function
 		var d = scope.domElement.ownerDocument.documentElement;
-		scope.screen.left = box.left + window.pageXOffset - d.clientLeft;
-		scope.screen.top = box.top + window.pageYOffset - d.clientTop;
+		scope.screen.left = box.left + THREE.pageXOffset - d.clientLeft;
+		scope.screen.top = box.top + THREE.pageYOffset - d.clientTop;
 		scope.screen.width = box.width;
 		scope.screen.height = box.height;
 
@@ -448,7 +448,7 @@ THREE.TrackballControls = function ( object, domElement ) {
 
 		if ( scope.enabled === false ) return;
 
-		window.removeEventListener( 'keydown', keydown );
+		THREE.removeEventListener( 'keydown', keydown );
 
 		if ( _keyState !== STATE.NONE ) {
 
@@ -476,7 +476,7 @@ THREE.TrackballControls = function ( object, domElement ) {
 
 		_keyState = STATE.NONE;
 
-		window.addEventListener( 'keydown', keydown, false );
+		THREE.addEventListener( 'keydown', keydown, false );
 
 	}
 
@@ -713,8 +713,8 @@ THREE.TrackballControls = function ( object, domElement ) {
 		scope.domElement.ownerDocument.removeEventListener( 'pointermove', onPointerMove, false );
 		scope.domElement.ownerDocument.removeEventListener( 'pointerup', onPointerUp, false );
 
-		window.removeEventListener( 'keydown', keydown, false );
-		window.removeEventListener( 'keyup', keyup, false );
+		THREE.removeEventListener( 'keydown', keydown, false );
+		THREE.removeEventListener( 'keyup', keyup, false );
 
 	};
 
@@ -730,8 +730,8 @@ THREE.TrackballControls = function ( object, domElement ) {
 	this.domElement.ownerDocument.addEventListener( 'pointermove', onPointerMove, false );
 	this.domElement.ownerDocument.addEventListener( 'pointerup', onPointerUp, false );
 
-	window.addEventListener( 'keydown', keydown, false );
-	window.addEventListener( 'keyup', keyup, false );
+	THREE.addEventListener( 'keydown', keydown, false );
+	THREE.addEventListener( 'keyup', keyup, false );
 
 	this.handleResize();
 

examples/js/controls/TransformControls.js

@@ -3,7 +3,7 @@ THREE.TransformControls = function ( camera, domElement ) {
 	if ( domElement === undefined ) {
 
 		console.warn( 'THREE.TransformControls: The second parameter "domElement" is now mandatory.' );
-		domElement = document;
+		domElement = THREE.document;
 
 	}
 

examples/js/effects/AsciiEffect.js

@@ -30,10 +30,10 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 
 	var width, height;
 
-	var domElement = document.createElement( 'div' );
+	var domElement = THREE.document.createElement( 'div' );
 	domElement.style.cursor = 'default';
 
-	var oAscii = document.createElement( "table" );
+	var oAscii = THREE.document.createElement( "table" );
 	domElement.appendChild( oAscii );
 
 	var iWidth, iHeight;
@@ -115,7 +115,7 @@ THREE.AsciiEffect = function ( renderer, charSet, options ) {
 
 	var oCanvasImg = renderer.domElement;
 
-	var oCanvas = document.createElement( "canvas" );
+	var oCanvas = THREE.document.createElement( "canvas" );
 	if ( ! oCanvas.getContext ) {
 
 		return;

examples/js/exporters/ColladaExporter.js

@@ -80,7 +80,7 @@ THREE.ColladaExporter.prototype = {
 		// Convert an image into a png format for saving
 		function base64ToBuffer( str ) {
 
-			var b = atob( str );
+			var b = THREE.atob( str );
 			var buf = new Uint8Array( b.length );
 
 			for ( var i = 0, l = buf.length; i < l; i ++ ) {
@@ -96,7 +96,7 @@ THREE.ColladaExporter.prototype = {
 		var canvas, ctx;
 		function imageToData( image, ext ) {
 
-			canvas = canvas || document.createElement( 'canvas' );
+			canvas = canvas || THREE.document.createElement( 'canvas' );
 			ctx = ctx || canvas.getContext( '2d' );
 
 			canvas.width = image.width;