Fixed a lot of bugs with render surfaces and bitmaps.

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 179 matching lines @@
   var depthSurface = g_pack.createDepthStencilSurface(SHADOW_MAP_WIDTH,
                                                       SHADOW_MAP_HEIGHT);
 
   shadowPassRenderRoot.parent = g_client.renderGraphRoot;
 
   g_renderSurfaceSet = g_pack.createObject('RenderSurfaceSet');
   g_renderSurfaceSet.renderSurface = renderSurface;
   g_renderSurfaceSet.renderDepthStencilSurface = depthSurface;
 
   g_renderSurfaceSet.parent = shadowPassRenderRoot;
-  
+
   // Create a render sub-graph for the shadow map generation.
   g_shadowViewInfo = o3djs.rendergraph.createBasicView(
       g_pack,
       g_client.root,
       g_renderSurfaceSet,
       [1, 1, 1, 1]);
 
   // Create a render sub-graph for the regular pass.
   g_colorViewInfo = o3djs.rendergraph.createBasicView(
       g_pack,
@@ skipping 45 matching lines @@
   shadowEffect.createUniformParameters(g_shadowMaterial);
 
   g_shadowSampler = g_pack.createObject('Sampler');
   g_shadowSampler.texture = g_shadowTexture;
   g_shadowSampler.minFilter = g_o3d.Sampler.POINT;
   g_shadowSampler.magFilter = g_o3d.Sampler.POINT;
   g_shadowSampler.mipFilter = g_o3d.Sampler.POINT;
   g_shadowSampler.addressModeU = g_o3d.Sampler.BORDER;
   g_shadowSampler.addressModeV = g_o3d.Sampler.BORDER;
   g_shadowSampler.borderColor = [1, 1, 1, 1];
-
 }
 
 
 /**
  * Sets up reasonable view and projection matrices.
  */
 function updateCamera() {
   // Set up a perspective transformation for the projection.
   g_colorViewInfo.drawContext.projection = g_math.matrix4.perspective(
       g_math.degToRad(30), // 30 degree frustum.
@@ skipping 303 matching lines @@
     return clamp(dot(n,l), 0.0, 1.0) * diffuse.rgb +
         0.2 * specular.rgb * pow(max(dot(l, r), 0.0), shininess);
   }
 
   void main() {
     vec3 outColor = ambient.rgb;
     vec4 projCoords = vprojTextureCoords;
 
     // Convert texture coords to [0, 1] range.
     projCoords /= projCoords.w;
-    projCoords.x =  0.5 * projCoords.x + 0.5;
-    projCoords.y =  0.5 * projCoords.y + 0.5;
-    projCoords.z =  0.5 * projCoords.z + 0.5;
+    projCoords = 0.5 * projCoords + 0.5;
 
     float depth = projCoords.z;
-
     float light;
 
     // If the rednered point is farther from the light than the distance encoded
     // in the shadow map, we give it a light coefficient of 0.
     vec4 color = texture2D(shadowMapSampler, projCoords.xy);
 
     light = (color.a +
              color.b / 256.0 +
              color.g / 65536.0 +
              color.r / 16777216.0) + 0.008 > depth ? 1.0 : 0.0;
@@ skipping 21 matching lines @@
 <h1>Shadow Maps</h1>
 This sample implements a basic shadow map.
 <br/>
 <!-- Start of O3D plugin -->
 <div id="o3d" 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>