Added LensFlare to webvr_sandbox.

examples/js/objects/LensFlare.js

@@ -1,6 +1,5 @@
 /**
  * @author Mugen87 / https://github.com/Mugen87
- *
  */
 
 THREE.LensFlare = function () {
@@ -241,7 +240,6 @@ THREE.LensFlareElement = function ( texture, size, distance, blending, color, op
 	this.flareColor = color || new THREE.Color( 0xffffff );
 	this.flareOpacity = opacity || 1;
 	this.flarePosition = new THREE.Vector3();
-	this.flareScale = 1;
 	this.flareRotation = 0;
 
 	this.geometry = THREE.LensFlare.Geometry;
@@ -281,7 +279,7 @@ THREE.LensFlareElement = function ( texture, size, distance, blending, color, op
 
 		//
 
-		var size = this.flareSize * this.flareScale / viewport.w;
+		var size = this.flareSize / viewport.w;
 		var invAspect = viewport.w / viewport.z;
 
 		scale.set( size * invAspect, size );

examples/webgl_lensflares.html

@@ -119,7 +119,7 @@
 
 				dirLight.color.setHSL( 0.1, 0.7, 0.5 );
 
-				// lens flares
+				// lensflares
 				var textureLoader = new THREE.TextureLoader();
 
 				var textureFlare0 = textureLoader.load( "textures/lensflare/lensflare0.png" );

examples/webvr_sandbox.html

@@ -17,10 +17,11 @@
 
 		<script src="../build/three.js"></script>
 
-		<script src="js/vr/WebVR.js"></script>
-
+		<script src="js/objects/LensFlare.js"></script>
 		<script src="js/objects/Reflector.js"></script>
 
+		<script src="js/vr/WebVR.js"></script>
+
 		<script>
 
 			var camera, scene, renderer;
@@ -87,6 +88,23 @@
 				var helper = new THREE.CameraHelper( light.shadow.camera );
 				// scene.add( helper );
 
+				// lensflare
+				var loader = new THREE.TextureLoader();
+				var texture0 = loader.load( "textures/lensflare/lensflare0.png" );
+				var texture2 = loader.load( "textures/lensflare/lensflare2.png" );
+				var texture3 = loader.load( "textures/lensflare/lensflare3.png" );
+
+				var lensFlare = new THREE.LensFlare();
+				lensFlare.add( new THREE.LensFlareElement( texture0, 700, 0 ) );
+				lensFlare.add( new THREE.LensFlareElement( texture2, 512, 0 ) );
+				lensFlare.add( new THREE.LensFlareElement( texture2, 512, 0 ) );
+				lensFlare.add( new THREE.LensFlareElement( texture2, 512, 0 ) );
+				lensFlare.add( new THREE.LensFlareElement( texture3, 60, 0.6 ) );
+				lensFlare.add( new THREE.LensFlareElement( texture3, 70, 0.7 ) );
+				lensFlare.add( new THREE.LensFlareElement( texture3, 120, 0.9 ) );
+				lensFlare.add( new THREE.LensFlareElement( texture3, 70, 1 ) );
+				light.add( lensFlare );
+
 				//
 
 				var geometry = new THREE.PlaneBufferGeometry( 1.4, 1.4 );
@@ -110,7 +128,7 @@
 
 				//
 
-				renderer = new THREE.WebGLRenderer( { antialias: true } );
+				renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
 				renderer.setClearColor( 0x000000 );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );