Adding wireframe to the shadow map demo.

samples/o3d-webgl-samples/shadow-map.html

 <!--
 Copyright 2009, Google Inc.
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are
 met:
 
     * Redistributions of source code must retain the above copyright
 notice, this list of conditions and the following disclaimer.
@@ skipping 226 matching lines @@
 function initMaterials() {
   var colorVertexShader = document.getElementById('colorVertexShader').text;
   var colorPixelShader = document.getElementById('colorPixelShader').text;
 
   g_colorEffect = g_pack.createObject('Effect');
   g_colorEffect.loadVertexShaderFromString(colorVertexShader);
   g_colorEffect.loadPixelShaderFromString(colorPixelShader);
 
   var shadowVertexShader = document.getElementById('shadowVertexShader').text;
   var shadowPixelShader = document.getElementById('shadowPixelShader').text;
-  
+
   g_shadowMaterial = g_pack.createObject('Material');
   g_shadowMaterial.drawList = g_shadowViewInfo.performanceDrawList;
-  
+
   var shadowEffect = g_pack.createObject('Effect');
   shadowEffect.loadVertexShaderFromString(shadowVertexShader);
   shadowEffect.loadPixelShaderFromString(shadowPixelShader);
 
   g_shadowMaterial.effect = shadowEffect;
   shadowEffect.createUniformParameters(g_shadowMaterial);
 
   g_shadowSampler = g_pack.createObject('Sampler');
   g_shadowSampler.texture = g_shadowTexture;
   g_shadowSampler.minFilter = g_o3d.Sampler.POINT;
@@ skipping 114 matching lines @@
   }
 }
 
 
 /**
  * Creates the wireframe frustum showing the shadow map's render volume.
  */
 function createLightShape() {
   var inverseMatrix = g_math.matrix4.inverse(g_lightViewProjection);
 
-/*
   // Scale and translate a cube of side length 2 to get a box
   // that extends from [-1, -1, 0] to [1, 1, 1].
-  var shape = o3djs.debug.createLineCube(
+  var shape = o3djs.lineprimitives.createLineCube(
                   g_pack,
                   o3djs.material.createConstantMaterial(g_pack,
                                                         g_colorViewInfo,
                                                         [1, 0, 0, 1]),
                   2,
                   g_math.matrix4.compose(
                       g_math.matrix4.translation([0, 0, 0.5]),
-                      g_math.matrix4.scaling([1, 1, 0.5])));*/
+                      g_math.matrix4.scaling([1, 1, 0.5])));
 
   g_lightFrustumTransform = g_pack.createObject('Transform');
   g_lightFrustumTransform.localMatrix = inverseMatrix;
   g_lightFrustumTransform.parent = g_client.root;
-  //g_lightFrustumTransform.addShape(shape);
+  g_lightFrustumTransform.addShape(shape);
 }
 
 
 /**
  * Creates a Phong-shaded, shadowed material based on the given color.
  */
 function createColorMaterial(baseColor) {
   var material = g_pack.createObject('Material');
   material.drawList = g_colorViewInfo.performanceDrawList;
 
@@ skipping 211 matching lines @@
 <h1>Shadow Maps</h1>
 This sample implements a basic shadow map.
 <br/>
 <!-- Start of O3D plugin -->
 <div id="o3d" style="width: 800px; height: 600px;"></div>
 <!-- End of O3D plugin -->
 Use A, S, D, W, I and O to move the light.
 Press spacebar to see the shadow map.
 </body>
 </html>