Fixed a lot of bugs with render surfaces and bitmaps.

samples/o3d-webgl/state.js

 /*
  * Copyright 2010, 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 234 matching lines @@
 o3d.State.STENCIL_INVERT = 5;
 o3d.State.STENCIL_INCREMENT = 6;
 o3d.State.STENCIL_DECREMENT = 7;
 
 
 
 /**
  * Returns a Param for a given state. If the param does not already exist it
  * will be created. If the state_name is invalid it will return null.
  * @param {string} state_name name of the state
- * @returns {o3d.Param}  param or null if no matching state.
+ * @return {o3d.Param}  param or null if no matching state.
  * 
  * Example:
  * 
  * 
  * g_o3d = document.o3d.o3d;
  * ...
  * 
  * var state = my_pack.createState("my_state");
  * 
  * 
@@ skipping 228 matching lines @@
       break;
   }
   return this.gl.KEEP;
 };
 
 
 o3d.State.prototype.set = function() {
   var stateParams = this.state_params_;
 
   if (stateParams['AlphaBlendEnable'].value) {
-    this.gl.enable(this.gl.ALPHA);
+    this.gl.enable(this.gl.BLEND);
   } else {
-    this.gl.disable(this.gl.ALPHA);
+    this.gl.disable(this.gl.BLEND);
   }
 
   if (stateParams['SeparateAlphaBlendEnable'].value) {
     this.gl.blendFuncSeparate(
         this.convertBlendFunc(stateParams['SourceBlendFunction'].value),
         this.convertBlendFunc(stateParams['DestinationBlendFunction'].value),
         this.convertBlendFunc(stateParams['SourceBlendAlphaFunction'].value),
         this.convertBlendFunc(
             stateParams['DestinationBlendAlphaFunction'].value));
+    this.gl.blendEquationSeparate(
+      this.convertBlendEquation(stateParams['BlendEquation'].value),
+      this.convertBlendEquation(stateParams['BlendAlphaEquation'].value));
   } else {
-    this.gl.blendFuncSeparate(
+    this.gl.blendFunc(
         this.convertBlendFunc(stateParams['SourceBlendFunction'].value),
         this.convertBlendFunc(stateParams['DestinationBlendFunction'].value));
+    this.gl.blendEquation(
+      this.convertBlendEquation(stateParams['BlendEquation'].value));
   }
 
   switch (stateParams['CullMode'].value) {
     case o3d.State.CULL_CW:
       this.gl.enable(this.gl.CULL_FACE);
       this.gl.cullFace(this.gl.BACK);
       break;
     case o3d.State.CULL_CCW:
       this.gl.enable(this.gl.CULL_FACE);
       this.gl.cullFace(this.gl.FRONT);
       break;
     default:
       this.gl.disable(this.gl.CULL_FACE);
       break;
   }
 
-  if (stateParams['SeparateAlphaBlendEnable'].value) {
-    this.gl.blendEquationSeparate(
-      this.convertBlendEquation(stateParams['BlendEquation'].value),
-      this.convertBlendEquation(stateParams['BlendAlphaEquation'].value));
-  } else {
-    this.gl.blendEquation(
-      this.convertBlendEquation(stateParams['BlendEquation'].value));
-  }
-
   if (stateParams['DitherEnable'].value) {
     this.gl.enable(this.gl.DITHER);
   } else {
     this.gl.disable(this.gl.DITHER);
   }
 
   if (stateParams['ZEnable'].value) {
     this.gl.enable(this.gl.DEPTH_TEST);
     this.gl.depthFunc(
         this.convertCmpFunc(stateParams['ZComparisonFunction'].value));
   } else {
     this.gl.disable(this.gl.DEPTH_TEST);
   }
 
   if (stateParams['StencilEnable'].value) {
     this.gl.enable(this.gl.STENCIL_TEST);
     this.gl.stencilFunc(
         this.convertCmpFunc(stateParams['StencilComparisonFunction'].value));
   } else {
     this.gl.disable(this.gl.STENCIL_TEST);
   }
 };