Added Camera.setBackgroundColor

Author: photonstorm

v3/src/camera/Camera.js

@@ -1,5 +1,6 @@
 var Rectangle = require('../geom/rectangle/Rectangle');
 var TransformMatrix = require('../components/TransformMatrix');
+var ValueToColor = require('../graphics/color/ValueToColor');
 
 var Camera = function (x, y, width, height)
 {
@@ -41,12 +42,25 @@ var Camera = function (x, y, width, height)
 
     // origin
     this._follow = null;
+
+    this.clearBeforeRender = true;
+    this.backgroundColor = ValueToColor('rgba(0,0,0,0)');
+    this.transparent = true;
 };
 
 Camera.prototype.constructor = Camera;
 
 Camera.prototype = {
 
+    setBackgroundColor: function (color)
+    {
+        if (color === undefined) { color = 'rgba(0,0,0,0)'; }
+
+        this.backgroundColor = ValueToColor(color);
+
+        this.transparent = (this.backgroundColor.alpha === 0);
+    },
+
     removeBounds: function ()
     {
         this.useBounds = false;

v3/src/renderer/webgl/WebGLRenderer.js

@@ -320,10 +320,14 @@ WebGLRenderer.prototype = {
             gl.scissor(this.scissor.x, this.scissor.y, this.scissor.width, this.scissor.height);
         }
 
-        // We could either clear color or render a quad
-        var color = this.game.config.backgroundColor;
-        gl.clearColor(color.redGL, color.greenGL, color.blueGL, color.alphaGL);
-        gl.clear(gl.COLOR_BUFFER_BIT);
+        if (camera.backgroundColor.alphaGL > 0)
+        {
+            var color = camera.backgroundColor;
+
+            gl.clearColor(color.redGL, color.greenGL, color.blueGL, color.alphaGL);
+
+            gl.clear(gl.COLOR_BUFFER_BIT);
+        }
 
         var list = children.list;
         var length = list.length;

v3/src/state/systems/CameraManager.js

@@ -99,6 +99,7 @@ CameraManager.prototype = {
     render: function (renderer, children, interpolation)
     {
         var cameras = this.cameras;
+
         for (var i = 0, l = cameras.length; i < l; ++i)
         {
             var camera = cameras[i];
@@ -107,7 +108,6 @@ CameraManager.prototype = {
 
             renderer.render(this.state, children, interpolation, camera);
         }
-
     },
 
     destroy: function ()