[Openautomation-svn] SF.net SVN: openautomation:[580] JSFloorPlan/trunk/ jsfloorplan_example_helper.js

[<ma...@us...>]

Revision: 580
          http://openautomation.svn.sourceforge.net/openautomation/?rev=580&view=rev
Author:   mayerch
Date:     2011-12-16 22:43:35 +0000 (Fri, 16 Dec 2011)
Log Message:
-----------
Lighting and finally add the faces in the wall holes

Modified Paths:
--------------
    JSFloorPlan/trunk/jsfloorplan_example_helper.js

Modified: JSFloorPlan/trunk/jsfloorplan_example_helper.js
===================================================================
--- JSFloorPlan/trunk/jsfloorplan_example_helper.js	2011-12-16 18:42:03 UTC (rev 579)
+++ JSFloorPlan/trunk/jsfloorplan_example_helper.js	2011-12-16 22:43:35 UTC (rev 580)
@@ -72,14 +72,27 @@
 controls.keys = [ 65, 83, 68 ];
 */
 var scene = new THREE.Scene();
-
+scene.add( camera );
 // the camera starts at 0,0,0 so pull it back
 camera.position.z = 300;
 
 // start the renderer
 renderer.setSize(WIDTH, HEIGHT);
 
+// enable shadows
+var SHADOW_MAP_WIDTH = 2048, SHADOW_MAP_HEIGHT = 1024;
+renderer.shadowCameraNear = 0.1;
+renderer.shadowCameraFar = 100;
+renderer.shadowCameraFov = 45;
 
+renderer.shadowMapBias = 0.0039;
+renderer.shadowMapDarkness = 0.5;
+renderer.shadowMapWidth = SHADOW_MAP_WIDTH;
+renderer.shadowMapHeight = SHADOW_MAP_HEIGHT;
+renderer.shadowMapEnabled = true;
+//renderer.shadowMapSoft = true;
+
+
 // set up the sphere vars
 var radius = 50, segments = 16, rings = 16;
 
@@ -114,6 +127,7 @@
 //scene.add( cube );
 
 cubeMaterial = new THREE.MeshBasicMaterial({ map: THREE.ImageUtils.loadTexture( 'media/demo_texture_512x512.png' ) });
+//cubeMaterial = new THREE.MeshPhongMaterial( { color: 0xff0000, specular: 0xffffff, ambient: 0xaa0000 } );
 
 var lineMaterial = new THREE.LineBasicMaterial( { color: 0x0099ff, linewidth: 2 } );
  
@@ -129,7 +143,26 @@
 // add to the scene
 //scene.add(pointLight);
 
+var lightDirection = 3.9;
+var lightHeight    = 0.25;
+var lightStrength  = 80;
+var lightDistance  = 50;
+//var sunLight = new THREE.PointLight( 0xFFFFFF );
+//var sunLight = new THREE.DirectionalLight( 0xFFFFFF );
+var sunLight =  new THREE.SpotLight( 0xffffff );
+sunLight.position.set( 0, 1500, 1000 );
+sunLight.target.position.set( 0, 0, 0 );
+sunLight.castShadow = true;
+var sunLightView = new THREE.Geometry(); 
+sunLightView.vertices.push( new THREE.Vertex( sunLight.position ) ); 
+sunLightView.vertices.push( new THREE.Vertex( sunLight.target.position ) ); 
+var sunLightViewLine = new THREE.Line( sunLightView, lineMaterial );
+scene.add( sunLightViewLine );
+//var dlight = new THREE.DirectionalLight( 0xffffff, 0.1 );
+//                                dlight.position.set( 0.5, -1, 0 ).normalize();
+//                                scene.add( dlight );
 
+
 /**
  * Provides requestAnimationFrame in a cross browser way.
  * http://paulirish.com/2011/requestanimationframe-for-smart-animating/
@@ -400,6 +433,10 @@
   $( "#rollSlider" ).slider({ min: 0, max: 360, change: rollChange, slide: rollChange});
   $( "#tiltSlider" ).slider({ min: 0, max:  90, change: tiltChange, slide: tiltChange});
   $( "#distSlider" ).slider({ min: 5, max:  30, change: distChange, slide: distChange});
+  $( "#lightDirectionSlider" ).slider({ min: 0, max: 360, change: lightDirectionChange, slide: lightDirectionChange});
+  $( "#lightHeightSlider"    ).slider({ min: 0, max:  90, change: lightHeightChange   , slide: lightHeightChange   });
+  $( "#lightStrengthSlider"  ).slider({ min: 0, max: 100, change: lightStrengthChange , slide: lightStrengthChange });
+  $( "#lightDistanceSlider"  ).slider({ min:10, max: 100, change: lightDistanceChange , slide: lightDistanceChange });
   updateSlider();
 }
 
@@ -409,9 +446,15 @@
   globalInUpdateSlider = true;
   var rollAngle = (roll * 180/Math.PI);
   var tiltAngle = (tilt * 180/Math.PI);
+  var lightDirectionAngle = (lightDirection * 180/Math.PI);
+  var lightHeightAngle    = (lightHeight    * 180/Math.PI);
   $( "#rollSlider" ).slider( "option", "value", rollAngle );
   $( "#tiltSlider" ).slider( "option", "value", tiltAngle );
   $( "#distSlider" ).slider( "option", "value", dist      );
+  $( "#lightDirectionSlider" ).slider( "option", "value", lightDirectionAngle );
+  $( "#lightHeightSlider"    ).slider( "option", "value", lightHeightAngle    );
+  $( "#lightStrengthSlider"  ).slider( "option", "value", lightStrength       );
+  $( "#lightDistanceSlider"  ).slider( "option", "value", lightDistance       );
   globalInUpdateSlider = false;
 }
 
@@ -434,4 +477,34 @@
   if( globalInUpdateSlider ) return true;
   dist = ui.value;
   show3D( roll, tilt );
-}
\ No newline at end of file
+}
+
+function lightDirectionChange( event, ui ) 
+{ 
+  if( globalInUpdateSlider ) return true;
+  lightDirection = ui.value * Math.PI / 180;
+  show3D( roll, tilt );
+}
+
+function lightHeightChange( event, ui ) 
+{ 
+  if( globalInUpdateSlider ) return true;
+  lightHeight = ui.value * Math.PI / 180;
+  show3D( roll, tilt );
+}
+
+function lightStrengthChange( event, ui ) 
+{
+  if( globalInUpdateSlider ) return true;
+  lightStrength = ui.value;
+  show3D( roll, tilt );
+}
+
+function lightDistanceChange( event, ui ) 
+{
+  if( globalInUpdateSlider ) return true;
+  lightDistance = ui.value;
+  show3D( roll, tilt );
+}
+
+

This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.