From 8eae8feeccac50c076c66cab4cf7036270f48162 Mon Sep 17 00:00:00 2001
From: photonstorm <rdavey@gmail.com>
Date: Thu, 6 Feb 2014 03:34:27 +0000
Subject: [PATCH] More Group fixes to the new format. Updated list of included
 Pixi files to remove un-needed ones.

---
 build/config.php                             |  62 ++++++------
 examples/_site/view_full.html                |  94 ++++++++++++-------
 examples/_site/view_lite.html                |  93 +++++++++++-------
 examples/assets/audio/protracker/shampoo.mod | Bin 0 -> 25658 bytes
 examples/audio/protracker.js                 |   3 +-
 examples/groups/bring a group to top.js      |   4 +-
 examples/index.html                          |   4 +-
 examples/sideview.html                       |   2 +-
 examples/wip/pixi1.js                        |   2 +
 examples/wip/pixi2.js                        |  88 +++++++++++++++++
 src/core/Group.js                            |  82 +++-------------
 src/utils/Utils.js                           |  60 +++++++++++-
 12 files changed, 320 insertions(+), 174 deletions(-)
 create mode 100644 examples/assets/audio/protracker/shampoo.mod
 create mode 100644 examples/wip/pixi2.js

diff --git a/build/config.php b/build/config.php
index 77ba03a8..59c48231 100644
--- a/build/config.php
+++ b/build/config.php
@@ -6,6 +6,41 @@
         $path = '..';
     }
 
+/*
+    <script src="$path/src/pixi/InteractionData.js"></script>
+    <script src="$path/src/pixi/InteractionManager.js"></script>
+
+    <script src="$path/src/pixi/loaders/AssetLoader.js"></script>
+    <script src="$path/src/pixi/loaders/JsonLoader.js"></script>
+    <script src="$path/src/pixi/loaders/AtlasLoader.js"></script>
+    <script src="$path/src/pixi/loaders/SpriteSheetLoader.js"></script>
+    <script src="$path/src/pixi/loaders/ImageLoader.js"></script>
+    <script src="$path/src/pixi/loaders/BitmapFontLoader.js"></script>
+    <script src="$path/src/pixi/loaders/SpineLoader.js"></script>
+
+    <script src="$path/src/pixi/filters/AbstractFilter.js"></script>
+    <script src="$path/src/pixi/filters/AlphaMaskFilter.js"></script>
+    <script src="$path/src/pixi/filters/ColorMatrixFilter.js"></script>
+    <script src="$path/src/pixi/filters/GrayFilter.js"></script>
+    <script src="$path/src/pixi/filters/DisplacementFilter.js"></script>
+    <script src="$path/src/pixi/filters/PixelateFilter.js"></script>
+    <script src="$path/src/pixi/filters/BlurXFilter.js"></script>
+    <script src="$path/src/pixi/filters/BlurYFilter.js"></script>
+    <script src="$path/src/pixi/filters/BlurFilter.js"></script>
+    <script src="$path/src/pixi/filters/InvertFilter.js"></script>
+    <script src="$path/src/pixi/filters/SepiaFilter.js"></script>
+    <script src="$path/src/pixi/filters/TwistFilter.js"></script>
+    <script src="$path/src/pixi/filters/ColorStepFilter.js"></script>
+    <script src="$path/src/pixi/filters/DotScreenFilter.js"></script>
+    <script src="$path/src/pixi/filters/CrossHatchFilter.js"></script>
+    <script src="$path/src/pixi/filters/RGBSplitFilter.js"></script>
+
+    <script src="$path/src/pixi/extras/Spine.js"></script>
+
+    <script src="$path/src/pixi/utils/Utils.js"></script>
+    
+*/
+
     echo <<<EOL
 
     <script src="$path/src/Intro.js"></script>
@@ -28,10 +63,7 @@
     <script src="$path/src/pixi/filters/FilterBlock.js"></script>
     <script src="$path/src/pixi/text/Text.js"></script>
     <script src="$path/src/pixi/text/BitmapText.js"></script>
-    <script src="$path/src/pixi/InteractionData.js"></script>
-    <script src="$path/src/pixi/InteractionManager.js"></script>
     <script src="$path/src/pixi/display/Stage.js"></script>
-    <script src="$path/src/pixi/utils/Utils.js"></script>
     <script src="$path/src/pixi/utils/EventTarget.js"></script>
     <script src="$path/src/pixi/utils/Detector.js"></script>
     <script src="$path/src/pixi/utils/Polyk.js"></script>
@@ -56,33 +88,9 @@
     <script src="$path/src/pixi/extras/Strip.js"></script>
     <script src="$path/src/pixi/extras/Rope.js"></script>
     <script src="$path/src/pixi/extras/TilingSprite.js"></script>
-    <script src="$path/src/pixi/extras/Spine.js"></script>
     <script src="$path/src/pixi/textures/BaseTexture.js"></script>
     <script src="$path/src/pixi/textures/Texture.js"></script>
     <script src="$path/src/pixi/textures/RenderTexture.js"></script>
-    <script src="$path/src/pixi/loaders/AssetLoader.js"></script>
-    <script src="$path/src/pixi/loaders/JsonLoader.js"></script>
-    <script src="$path/src/pixi/loaders/AtlasLoader.js"></script>
-    <script src="$path/src/pixi/loaders/SpriteSheetLoader.js"></script>
-    <script src="$path/src/pixi/loaders/ImageLoader.js"></script>
-    <script src="$path/src/pixi/loaders/BitmapFontLoader.js"></script>
-    <script src="$path/src/pixi/loaders/SpineLoader.js"></script>
-    <script src="$path/src/pixi/filters/AbstractFilter.js"></script>
-    <script src="$path/src/pixi/filters/AlphaMaskFilter.js"></script>
-    <script src="$path/src/pixi/filters/ColorMatrixFilter.js"></script>
-    <script src="$path/src/pixi/filters/GrayFilter.js"></script>
-    <script src="$path/src/pixi/filters/DisplacementFilter.js"></script>
-    <script src="$path/src/pixi/filters/PixelateFilter.js"></script>
-    <script src="$path/src/pixi/filters/BlurXFilter.js"></script>
-    <script src="$path/src/pixi/filters/BlurYFilter.js"></script>
-    <script src="$path/src/pixi/filters/BlurFilter.js"></script>
-    <script src="$path/src/pixi/filters/InvertFilter.js"></script>
-    <script src="$path/src/pixi/filters/SepiaFilter.js"></script>
-    <script src="$path/src/pixi/filters/TwistFilter.js"></script>
-    <script src="$path/src/pixi/filters/ColorStepFilter.js"></script>
-    <script src="$path/src/pixi/filters/DotScreenFilter.js"></script>
-    <script src="$path/src/pixi/filters/CrossHatchFilter.js"></script>
-    <script src="$path/src/pixi/filters/RGBSplitFilter.js"></script>
 
     <script src="$path/src/core/Camera.js"></script>
     <script src="$path/src/core/State.js"></script>
diff --git a/examples/_site/view_full.html b/examples/_site/view_full.html
index 6e1a2d57..33314ad8 100644
--- a/examples/_site/view_full.html
+++ b/examples/_site/view_full.html
@@ -17,48 +17,76 @@
         <script src="../src/Phaser.js"></script>
         <script src="../src/utils/Utils.js"></script>
 
-        <script src="../src/pixi/core/Matrix.js"></script>
+        <script src="../src/pixi/Pixi.js"></script>
         <script src="../src/pixi/core/Point.js"></script>
         <script src="../src/pixi/core/Rectangle.js"></script>
         <script src="../src/pixi/core/Polygon.js"></script>
-
+        <script src="../src/pixi/core/Circle.js"></script>
+        <script src="../src/pixi/core/Ellipse.js"></script>
+        <script src="../src/pixi/core/Matrix.js"></script>
         <script src="../src/pixi/display/DisplayObject.js"></script>
         <script src="../src/pixi/display/DisplayObjectContainer.js"></script>
         <script src="../src/pixi/display/Sprite.js"></script>
+        <script src="../src/pixi/display/SpriteBatch.js"></script>
+        <script src="../src/pixi/display/MovieClip.js"></script>
+        <script src="../src/pixi/filters/FilterBlock.js"></script>
+        <script src="../src/pixi/text/Text.js"></script>
+        <script src="../src/pixi/text/BitmapText.js"></script>
+        <script src="../src/pixi/InteractionData.js"></script>
+        <script src="../src/pixi/InteractionManager.js"></script>
         <script src="../src/pixi/display/Stage.js"></script>
-
-        <script src="../src/pixi/extras/CustomRenderable.js"></script>
+        <script src="../src/pixi/utils/Utils.js"></script>
+        <script src="../src/pixi/utils/EventTarget.js"></script>
+        <script src="../src/pixi/utils/Detector.js"></script>
+        <script src="../src/pixi/utils/Polyk.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLShaderUtils.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/PixiShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/PixiFastShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/StripShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/PrimitiveShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLGraphics.js"></script>
+        <script src="../src/pixi/renderers/webgl/WebGLRenderer.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLMaskManager.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLShaderManager.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLSpriteBatch.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLFastSpriteBatch.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLFilterManager.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/FilterTexture.js"></script>
+        <script src="../src/pixi/renderers/canvas/utils/CanvasMaskManager.js"></script>
+        <script src="../src/pixi/renderers/canvas/utils/CanvasTinter.js"></script>
+        <script src="../src/pixi/renderers/canvas/CanvasRenderer.js"></script>
+        <script src="../src/pixi/renderers/canvas/CanvasGraphics.js"></script>
+        <script src="../src/pixi/primitives/Graphics.js"></script>
         <script src="../src/pixi/extras/Strip.js"></script>
         <script src="../src/pixi/extras/Rope.js"></script>
         <script src="../src/pixi/extras/TilingSprite.js"></script>
-
-        <script src="../src/pixi/filters/AbstractFilter.js"></script>
-        <script src="../src/pixi/filters/FilterBlock.js"></script>
-
-        <script src="../src/pixi/primitives/Graphics.js"></script>
-
-        <script src="../src/pixi/renderers/canvas/CanvasGraphics.js"></script>
-        <script src="../src/pixi/renderers/canvas/CanvasRenderer.js"></script>
-
-        <script src="../src/pixi/renderers/webgl/PixiShader.js"></script>
-        <script src="../src/pixi/renderers/webgl/PrimitiveShader.js"></script>
-        <script src="../src/pixi/renderers/webgl/StripShader.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLBatch.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLFilterManager.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLGraphics.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLRenderer.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLRenderGroup.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLShaders.js"></script>
-
-        <script src="../src/pixi/text/BitmapText.js"></script>
-        <script src="../src/pixi/text/Text.js"></script>
-
+        <script src="../src/pixi/extras/Spine.js"></script>
         <script src="../src/pixi/textures/BaseTexture.js"></script>
         <script src="../src/pixi/textures/Texture.js"></script>
         <script src="../src/pixi/textures/RenderTexture.js"></script>
-
-        <script src="../src/pixi/utils/EventTarget.js"></script>
-        <script src="../src/pixi/utils/Polyk.js"></script>
+        <script src="../src/pixi/loaders/AssetLoader.js"></script>
+        <script src="../src/pixi/loaders/JsonLoader.js"></script>
+        <script src="../src/pixi/loaders/AtlasLoader.js"></script>
+        <script src="../src/pixi/loaders/SpriteSheetLoader.js"></script>
+        <script src="../src/pixi/loaders/ImageLoader.js"></script>
+        <script src="../src/pixi/loaders/BitmapFontLoader.js"></script>
+        <script src="../src/pixi/loaders/SpineLoader.js"></script>
+        <script src="../src/pixi/filters/AbstractFilter.js"></script>
+        <script src="../src/pixi/filters/AlphaMaskFilter.js"></script>
+        <script src="../src/pixi/filters/ColorMatrixFilter.js"></script>
+        <script src="../src/pixi/filters/GrayFilter.js"></script>
+        <script src="../src/pixi/filters/DisplacementFilter.js"></script>
+        <script src="../src/pixi/filters/PixelateFilter.js"></script>
+        <script src="../src/pixi/filters/BlurXFilter.js"></script>
+        <script src="../src/pixi/filters/BlurYFilter.js"></script>
+        <script src="../src/pixi/filters/BlurFilter.js"></script>
+        <script src="../src/pixi/filters/InvertFilter.js"></script>
+        <script src="../src/pixi/filters/SepiaFilter.js"></script>
+        <script src="../src/pixi/filters/TwistFilter.js"></script>
+        <script src="../src/pixi/filters/ColorStepFilter.js"></script>
+        <script src="../src/pixi/filters/DotScreenFilter.js"></script>
+        <script src="../src/pixi/filters/CrossHatchFilter.js"></script>
+        <script src="../src/pixi/filters/RGBSplitFilter.js"></script>
 
         <script src="../src/core/Camera.js"></script>
         <script src="../src/core/State.js"></script>
@@ -66,10 +94,10 @@
         <script src="../src/core/LinkedList.js"></script>
         <script src="../src/core/Signal.js"></script>
         <script src="../src/core/SignalBinding.js"></script>
+        <script src="../src/core/Filter.js"></script>
         <script src="../src/core/Plugin.js"></script>
         <script src="../src/core/PluginManager.js"></script>
         <script src="../src/core/Stage.js"></script>
-        <script src="../src/core/Filter.js"></script>
         <script src="../src/core/Group.js"></script>
         <script src="../src/core/World.js"></script>
         <script src="../src/core/Game.js"></script>
@@ -106,10 +134,10 @@
         <script src="../src/math/Math.js"></script>
         <script src="../src/math/QuadTree.js"></script>
 
-        <script src="../src/geom/Line.js"></script>
         <script src="../src/geom/Circle.js"></script>
         <script src="../src/geom/Point.js"></script>
         <script src="../src/geom/Rectangle.js"></script>
+        <script src="../src/geom/Line.js"></script>
 
         <script src="../src/net/Net.js"></script>
 
@@ -151,8 +179,6 @@
         <script src="../src/tilemap/TilemapParser.js"></script>
         <script src="../src/tilemap/Tileset.js"></script>
 
-        <script src="../src/PixiPatch.js"></script>
-
         <script src="_site/js/phaser-viewer.js" type="text/javascript"></script>
         <script src="_site/js/run_prettify.js"></script>
         <link href="_site/css/phaser-examples.css" media="screen" rel="stylesheet" type="text/css">
@@ -163,7 +189,7 @@
         <div class="header">
             <div class="box100 no-padding">
                 <div class="phaser-version">
-                    <span>Phaser Version: 1.1.4</span>
+                    <span>Phaser Version: 1.2</span>
                     <a id="upgrade" href="https://github.com/photonstorm/phaser" class="version-button">New version: </a>
                 </div>
             </div>
diff --git a/examples/_site/view_lite.html b/examples/_site/view_lite.html
index 0134e8ef..b7c6d0ae 100644
--- a/examples/_site/view_lite.html
+++ b/examples/_site/view_lite.html
@@ -10,55 +10,83 @@
         <!--
             If you're wondering why we embed each script separately, and not just the single-file phaser lib
             it's because it makes debugging *significantly* easier for us. Feel free to replace all the below
-            with just a call to ../dist/phaser.js instead if you prefer.
+            with just a call to ../build/phaser.js instead if you prefer.
         -->
         <script src="../src/Intro.js"></script>
         <script src="../src/pixi/Pixi.js"></script>
         <script src="../src/Phaser.js"></script>
         <script src="../src/utils/Utils.js"></script>
 
-        <script src="../src/pixi/core/Matrix.js"></script>
+        <script src="../src/pixi/Pixi.js"></script>
         <script src="../src/pixi/core/Point.js"></script>
         <script src="../src/pixi/core/Rectangle.js"></script>
         <script src="../src/pixi/core/Polygon.js"></script>
-
+        <script src="../src/pixi/core/Circle.js"></script>
+        <script src="../src/pixi/core/Ellipse.js"></script>
+        <script src="../src/pixi/core/Matrix.js"></script>
         <script src="../src/pixi/display/DisplayObject.js"></script>
         <script src="../src/pixi/display/DisplayObjectContainer.js"></script>
         <script src="../src/pixi/display/Sprite.js"></script>
+        <script src="../src/pixi/display/SpriteBatch.js"></script>
+        <script src="../src/pixi/display/MovieClip.js"></script>
+        <script src="../src/pixi/filters/FilterBlock.js"></script>
+        <script src="../src/pixi/text/Text.js"></script>
+        <script src="../src/pixi/text/BitmapText.js"></script>
+        <script src="../src/pixi/InteractionData.js"></script>
+        <script src="../src/pixi/InteractionManager.js"></script>
         <script src="../src/pixi/display/Stage.js"></script>
-
-        <script src="../src/pixi/extras/CustomRenderable.js"></script>
+        <script src="../src/pixi/utils/Utils.js"></script>
+        <script src="../src/pixi/utils/EventTarget.js"></script>
+        <script src="../src/pixi/utils/Detector.js"></script>
+        <script src="../src/pixi/utils/Polyk.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLShaderUtils.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/PixiShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/PixiFastShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/StripShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/shaders/PrimitiveShader.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLGraphics.js"></script>
+        <script src="../src/pixi/renderers/webgl/WebGLRenderer.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLMaskManager.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLShaderManager.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLSpriteBatch.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLFastSpriteBatch.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/WebGLFilterManager.js"></script>
+        <script src="../src/pixi/renderers/webgl/utils/FilterTexture.js"></script>
+        <script src="../src/pixi/renderers/canvas/utils/CanvasMaskManager.js"></script>
+        <script src="../src/pixi/renderers/canvas/utils/CanvasTinter.js"></script>
+        <script src="../src/pixi/renderers/canvas/CanvasRenderer.js"></script>
+        <script src="../src/pixi/renderers/canvas/CanvasGraphics.js"></script>
+        <script src="../src/pixi/primitives/Graphics.js"></script>
         <script src="../src/pixi/extras/Strip.js"></script>
         <script src="../src/pixi/extras/Rope.js"></script>
         <script src="../src/pixi/extras/TilingSprite.js"></script>
-
-        <script src="../src/pixi/filters/AbstractFilter.js"></script>
-        <script src="../src/pixi/filters/FilterBlock.js"></script>
-
-        <script src="../src/pixi/primitives/Graphics.js"></script>
-
-        <script src="../src/pixi/renderers/canvas/CanvasGraphics.js"></script>
-        <script src="../src/pixi/renderers/canvas/CanvasRenderer.js"></script>
-
-        <script src="../src/pixi/renderers/webgl/PixiShader.js"></script>
-        <script src="../src/pixi/renderers/webgl/PrimitiveShader.js"></script>
-        <script src="../src/pixi/renderers/webgl/StripShader.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLBatch.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLFilterManager.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLGraphics.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLRenderer.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLRenderGroup.js"></script>
-        <script src="../src/pixi/renderers/webgl/WebGLShaders.js"></script>
-
-        <script src="../src/pixi/text/BitmapText.js"></script>
-        <script src="../src/pixi/text/Text.js"></script>
-
+        <script src="../src/pixi/extras/Spine.js"></script>
         <script src="../src/pixi/textures/BaseTexture.js"></script>
         <script src="../src/pixi/textures/Texture.js"></script>
         <script src="../src/pixi/textures/RenderTexture.js"></script>
-
-        <script src="../src/pixi/utils/EventTarget.js"></script>
-        <script src="../src/pixi/utils/Polyk.js"></script>
+        <script src="../src/pixi/loaders/AssetLoader.js"></script>
+        <script src="../src/pixi/loaders/JsonLoader.js"></script>
+        <script src="../src/pixi/loaders/AtlasLoader.js"></script>
+        <script src="../src/pixi/loaders/SpriteSheetLoader.js"></script>
+        <script src="../src/pixi/loaders/ImageLoader.js"></script>
+        <script src="../src/pixi/loaders/BitmapFontLoader.js"></script>
+        <script src="../src/pixi/loaders/SpineLoader.js"></script>
+        <script src="../src/pixi/filters/AbstractFilter.js"></script>
+        <script src="../src/pixi/filters/AlphaMaskFilter.js"></script>
+        <script src="../src/pixi/filters/ColorMatrixFilter.js"></script>
+        <script src="../src/pixi/filters/GrayFilter.js"></script>
+        <script src="../src/pixi/filters/DisplacementFilter.js"></script>
+        <script src="../src/pixi/filters/PixelateFilter.js"></script>
+        <script src="../src/pixi/filters/BlurXFilter.js"></script>
+        <script src="../src/pixi/filters/BlurYFilter.js"></script>
+        <script src="../src/pixi/filters/BlurFilter.js"></script>
+        <script src="../src/pixi/filters/InvertFilter.js"></script>
+        <script src="../src/pixi/filters/SepiaFilter.js"></script>
+        <script src="../src/pixi/filters/TwistFilter.js"></script>
+        <script src="../src/pixi/filters/ColorStepFilter.js"></script>
+        <script src="../src/pixi/filters/DotScreenFilter.js"></script>
+        <script src="../src/pixi/filters/CrossHatchFilter.js"></script>
+        <script src="../src/pixi/filters/RGBSplitFilter.js"></script>
 
         <script src="../src/core/Camera.js"></script>
         <script src="../src/core/State.js"></script>
@@ -66,9 +94,9 @@
         <script src="../src/core/LinkedList.js"></script>
         <script src="../src/core/Signal.js"></script>
         <script src="../src/core/SignalBinding.js"></script>
+        <script src="../src/core/Filter.js"></script>
         <script src="../src/core/Plugin.js"></script>
         <script src="../src/core/PluginManager.js"></script>
-        <script src="../src/core/Filter.js"></script>
         <script src="../src/core/Stage.js"></script>
         <script src="../src/core/Group.js"></script>
         <script src="../src/core/World.js"></script>
@@ -106,10 +134,10 @@
         <script src="../src/math/Math.js"></script>
         <script src="../src/math/QuadTree.js"></script>
 
-        <script src="../src/geom/Line.js"></script>
         <script src="../src/geom/Circle.js"></script>
         <script src="../src/geom/Point.js"></script>
         <script src="../src/geom/Rectangle.js"></script>
+        <script src="../src/geom/Line.js"></script>
 
         <script src="../src/net/Net.js"></script>
 
@@ -151,7 +179,6 @@
         <script src="../src/tilemap/TilemapParser.js"></script>
         <script src="../src/tilemap/Tileset.js"></script>
 
-        <script src="../src/PixiPatch.js"></script>
         <script src="_site/js/phaser-viewer.js" type="text/javascript"></script>
     </head>
     <body>
diff --git a/examples/assets/audio/protracker/shampoo.mod b/examples/assets/audio/protracker/shampoo.mod
new file mode 100644
index 0000000000000000000000000000000000000000..08ecbd540538607cae61fd4a6fdde906380cf967
GIT binary patch
literal 25658
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
C`D^|F

literal 0
HcmV?d00001

diff --git a/examples/audio/protracker.js b/examples/audio/protracker.js
index 4ca33bc9..eee16b19 100644
--- a/examples/audio/protracker.js
+++ b/examples/audio/protracker.js
@@ -10,6 +10,7 @@ function preload() {
 	game.load.image('bg', 'assets/skies/sky2.png');
 	game.load.image('vulkaiser', 'assets/pics/vulkaiser_red.png');
 
+	game.load.binary('shampoo', 'assets/audio/protracker/shampoo.mod', modLoaded, this);
 	game.load.binary('macrocosm', 'assets/audio/protracker/macrocosm.mod', modLoaded, this);
 	game.load.binary('impulse', 'assets/audio/protracker/act_of_impulse.mod', modLoaded, this);
 	game.load.binary('enigma', 'assets/audio/protracker/enigma.mod', modLoaded, this);
@@ -66,7 +67,7 @@ function create() {
 	vu4.width = 0;
 
 	module = new Protracker();
- 	module.buffer = game.cache.getBinary('macrocosm');
+ 	module.buffer = game.cache.getBinary('shampoo');
     module.parse();
     module.play();
 
diff --git a/examples/groups/bring a group to top.js b/examples/groups/bring a group to top.js
index 2365053c..687c07f2 100644
--- a/examples/groups/bring a group to top.js	
+++ b/examples/groups/bring a group to top.js	
@@ -31,7 +31,7 @@ function create() {
     //  Now let's create some random sprites and enable them all for drag and 'bring to top'
     for (var i = 0; i < 10; i++)
     {
-        var tempSprite = game.add.sprite(game.stage.randomX, game.stage.randomY, 'atari1');
+        var tempSprite = game.add.sprite(game.world.randomX, game.world.randomY, 'atari1');
 
         tempSprite.name = 'atari' + i;
         tempSprite.input.start(i, true);
@@ -41,7 +41,7 @@ function create() {
 
         //  Sonics
 
-        var tempSprite=game.add.sprite(game.stage.randomX, game.stage.randomY, 'sonic');
+        var tempSprite=game.add.sprite(game.world.randomX, game.world.randomY, 'sonic');
 
         tempSprite.name = 'sonic' + i;
         tempSprite.input.start(10 + i, true);
diff --git a/examples/index.html b/examples/index.html
index 6f8c1fc5..779e9342 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -12,7 +12,7 @@
     <div class="header">
         <div class="box100 no-padding">
             <div class="phaser-version">
-                <span>Phaser Version: 1.1.4</span>
+                <span>Phaser Version: 1.2</span>
                 <a id="upgrade" href="https://github.com/photonstorm/phaser" class="version-button">New version: </a>
             </div>
         </div>
@@ -57,7 +57,7 @@
             <div class="line">
                 <div class="box20">
                     <a href="http://www.photonstorm.com" class="photonstorm-logo"></a>
-                    &copy; 2013 Photon Storm Ltd.<br/>
+                    &copy; 2014 Photon Storm Ltd.<br/>
                     All rights reserved.
                 </div>
                 <div class="box5">
diff --git a/examples/sideview.html b/examples/sideview.html
index 3b2cfd4c..b601530a 100644
--- a/examples/sideview.html
+++ b/examples/sideview.html
@@ -19,7 +19,7 @@
         </div>
         <div id="footer">
             <p id="total">Total examples: </p>
-            <p>Phaser version: 1.1.4</p>
+            <p>Phaser version: 1.2</p>
             <p><a href="index.html">Switch to Full View</a></p>
         </div>
 
diff --git a/examples/wip/pixi1.js b/examples/wip/pixi1.js
index c4b3ebb0..a2c96b3a 100644
--- a/examples/wip/pixi1.js
+++ b/examples/wip/pixi1.js
@@ -26,6 +26,8 @@ function create() {
 
 	game.input.onDown.add(tint, this);
 
+	game.add.tween(sprite).to({y: 500}, 3000, Phaser.Easing.Linear.None, true);
+
 }
 
 function tint() {
diff --git a/examples/wip/pixi2.js b/examples/wip/pixi2.js
new file mode 100644
index 00000000..0c7faa5d
--- /dev/null
+++ b/examples/wip/pixi2.js
@@ -0,0 +1,88 @@
+
+var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
+
+function preload() {
+
+    game.load.image('beast', 'assets/pics/shadow_of_the_beast2_karamoon.png');
+    game.load.image('snot', 'assets/pics/nslide_snot.png');
+    game.load.image('atari1', 'assets/sprites/atari130xe.png');
+    game.load.image('sonic', 'assets/sprites/sonic_havok_sanity.png');
+    game.load.image('coke', 'assets/sprites/cokecan.png');
+    game.load.image('disk', 'assets/sprites/oz_pov_melting_disk.png');
+
+}
+
+var group1;
+var group2;
+var coke;
+var disk;
+
+function create() {
+
+    //  Create a background image
+    game.add.sprite(0, 0, 'beast');
+
+    //  Create a Group that will sit above the background image
+    group1 = game.add.group();
+
+    //  Create a Group that will sit above Group 1
+    group2 = game.add.group();
+
+    //  Now let's create some random sprites and enable them all for drag and 'bring to top'
+    for (var i = 0; i < 10; i++)
+    {
+        var tempSprite = game.add.sprite(game.world.randomX, game.world.randomY, 'atari1');
+
+        tempSprite.name = 'atari' + i;
+        tempSprite.input.start(i, true);
+        tempSprite.input.enableDrag(false, true);
+
+        group1.add(tempSprite);
+
+        //  Sonics
+
+        var tempSprite=game.add.sprite(game.world.randomX, game.world.randomY, 'sonic');
+
+        tempSprite.name = 'sonic' + i;
+        tempSprite.input.start(10 + i, true);
+        tempSprite.input.enableDrag(false, true);
+
+        group2.add(tempSprite);
+    }
+
+    //  Add 2 control sprites into each group - these cannot be dragged but should be bought to the top each time
+    coke = group1.create(100, 100, 'coke');
+    disk = group2.create(400, 300, 'disk');
+
+    //  Create a foreground image - everything should appear behind this, even when dragged
+    var snot = game.add.sprite(game.world.centerX, game.world.height, 'snot');
+    snot.anchor.setTo(0.5, 1);
+
+    //  You can click and drag any sprite but Sonic sprites should always appear above the Atari sprites
+    //  and both types of sprite should only ever appear above the background and behind the 
+
+    game.input.onDown.add(wibble, this);
+
+}
+
+function wibble(p) {
+    console.log(p);
+}
+
+function update() {
+
+    if (game.input.keyboard.justReleased(Phaser.Keyboard.ONE))
+    {
+        coke.bringToTop();
+    }
+
+    if (game.input.keyboard.justReleased(Phaser.Keyboard.TWO))
+    {
+        disk.bringToTop();
+    }
+
+}
+
+function render() {
+    game.debug.renderInputInfo(32, 32);
+}
diff --git a/src/core/Group.js b/src/core/Group.js
index 0eb47cec..17a2b460 100644
--- a/src/core/Group.js
+++ b/src/core/Group.js
@@ -10,9 +10,9 @@
 * @classdesc A Group is a container for display objects that allows for fast pooling, recycling and collision checks.
 * @constructor
 * @param {Phaser.Game} game - A reference to the currently running game.
-* @param {*} parent - The parent Group, DisplayObject or DisplayObjectContainer that will hold this group. If undefined it will use game.world.
+* @param {*} parent - The parent Group, DisplayObject or DisplayObjectContainer that this Group will be added to. If undefined or null it will use game.world.
 * @param {string} [name=group] - A name for this Group. Not used internally but useful for debugging.
-* @param {boolean} [useStage=false] - Should the DisplayObjectContainer this Group creates be added to the World (default, false) or direct to the Stage (true).
+* @param {boolean} [useStage=false] - Should this Group be added to the World (default, false) or direct to the Stage (true).
 */
 Phaser.Group = function (game, parent, name, useStage) {
 
@@ -21,7 +21,7 @@ Phaser.Group = function (game, parent, name, useStage) {
     */
     this.game = game;
 
-    if (typeof parent === 'undefined')
+    if (typeof parent === 'undefined' || parent === null)
     {
         parent = game.world;
     }
@@ -34,34 +34,20 @@ Phaser.Group = function (game, parent, name, useStage) {
     PIXI.DisplayObjectContainer.call(this);
 
     if (typeof useStage === 'undefined')
-    {
-        useStage = false;
-    }
-
-    if (useStage)
-    {
-        // this._container = this.game.stage._stage;
-    }
-    else
     {
         if (parent)
         {
-            // if (parent instanceof Phaser.Group)
-            // {
-            //     parent.addChild(this);
-            // }
-            // else
-            // {
-                parent.addChild(this);
-                // parent.updateTransform();
-            // }
+            parent.addChild(this);
         }
         else
         {
             this.game.stage._stage.addChild(this);
-            // this.game.stage._stage.updateTransform();
         }
     }
+    else
+    {
+        this.game.stage._stage.addChild(this);
+    }
 
     /**
     * @property {number} type - Internal Phaser Type value.
@@ -86,18 +72,14 @@ Phaser.Group = function (game, parent, name, useStage) {
     */
     this.group = null;
 
-    //  Replaces the PIXI.Point with a slightly more flexible one.
-    // this._container.scale = new Phaser.Point(1, 1);
-
     /**
-    * @property {Phaser.Point} scale - The scane of the Group container.
+    * @property {Phaser.Point} scale - The scale of the Group container.
     */
-    // this.scale = this._container.scale;
+    this.scale = new Phaser.Point(1, 1);
 
     /**
     * @property {Phaser.Point} pivot - The pivot point of the Group container.
     */
-    // this.pivot = this._container.pivot;
 
     /**
     * The cursor is a simple way to iterate through the objects in a Group using the Group.next and Group.previous functions.
@@ -164,8 +146,6 @@ Phaser.Group.prototype.add = function (child) {
 
         this.addChild(child);
 
-        // child.updateTransform();
-
         if (child.events)
         {
             child.events.onAddedToGroup.dispatch(child, this);
@@ -198,8 +178,6 @@ Phaser.Group.prototype.addAt = function (child, index) {
 
         this.addChildAt(child, index);
 
-        // child.updateTransform();
-
         if (child.events)
         {
             child.events.onAddedToGroup.dispatch(child, this);
@@ -253,8 +231,6 @@ Phaser.Group.prototype.create = function (x, y, key, frame, exists) {
 
     this.addChild(child);
         
-    // child.updateTransform();
-
     if (child.events)
     {
         child.events.onAddedToGroup.dispatch(child, this);
@@ -295,8 +271,6 @@ Phaser.Group.prototype.createMultiple = function (quantity, key, frame, exists)
 
         this.addChild(child);
 
-        // child.updateTransform();
-
         if (child.events)
         {
             child.events.onAddedToGroup.dispatch(child, this);
@@ -433,7 +407,6 @@ Phaser.Group.prototype.replace = function (oldChild, newChild) {
         this.addChildAt(newChild, index);
 
         newChild.events.onAddedToGroup.dispatch(newChild, this);
-        // newChild.updateTransform();
 
         if (this.cursor === oldChild)
         {
@@ -860,41 +833,10 @@ Phaser.Group.prototype.sort = function (index, order) {
     if (typeof index === 'undefined') { index = 'y'; }
     if (typeof order === 'undefined') { order = Phaser.Group.SORT_ASCENDING; }
 
-    /*
-    var swapped;
-    var temp;
 
-    do {
+}
 
-        swapped = false;
-
-        for (var i = 0, len = this._container.children.length - 1; i < len; i++)
-        {
-            if (order == Phaser.Group.SORT_ASCENDING)
-            {
-                if (this._container.children[i][index] > this._container.children[i + 1][index])
-                {
-                    this.swap(this.getAt(i), this.getAt(i + 1));
-                    temp = this._container.children[i];
-                    this._container.children[i] = this._container.children[i + 1];
-                    this._container.children[i + 1] = temp;
-                    swapped = true;
-                }
-            }
-            else
-            {
-                if (this._container.children[i][index] < this._container.children[i + 1][index])
-                {
-                    this.swap(this.getAt(i), this.getAt(i + 1));
-                    temp = this._container.children[i];
-                    this._container.children[i] = this._container.children[i + 1];
-                    this._container.children[i + 1] = temp;
-                    swapped = true;
-                }
-            }
-        }
-    } while (swapped);
-    */
+Phaser.Group.prototype.sortHandler = function (a, b) {
 
 }
 
diff --git a/src/utils/Utils.js b/src/utils/Utils.js
index ac501e69..f1c489d7 100644
--- a/src/utils/Utils.js
+++ b/src/utils/Utils.js
@@ -197,12 +197,64 @@ Phaser.Utils = {
 
 };
 
-function HEXtoRGB(hex) {
+/**
+ * Converts a hex color number to an [R, G, B] array
+ *
+ * @method hex2rgb
+ * @param hex {Number}
+ */
+PIXI.hex2rgb = function(hex) {
     return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
-}
+};
 
-PIXI.hex2rgb = function hex2rgb(hex) {
-    return [(hex >> 16 & 0xFF) / 255, ( hex >> 8 & 0xFF) / 255, (hex & 0xFF)/ 255];
+/**
+ * Converts a color as an [R, G, B] array to a hex number
+ *
+ * @method rgb2hex
+ * @param rgb {Array}
+ */
+PIXI.rgb2hex = function(rgb) {
+    return ((rgb[0]*255 << 16) + (rgb[1]*255 << 8) + rgb[2]*255);
+};
+
+/**
+ * Checks whether the Canvas BlendModes are supported by the current browser
+ *
+ * @method canUseNewCanvasBlendModes
+ * @return {Boolean} whether they are supported
+ */
+PIXI.canUseNewCanvasBlendModes = function()
+{
+    var canvas = document.createElement('canvas');
+    canvas.width = 1;
+    canvas.height = 1;
+    var context = canvas.getContext('2d');
+    context.fillStyle = '#000';
+    context.fillRect(0,0,1,1);
+    context.globalCompositeOperation = 'multiply';
+    context.fillStyle = '#fff';
+    context.fillRect(0,0,1,1);
+    return context.getImageData(0,0,1,1).data[0] === 0;
+};
+
+/**
+ * Given a number, this function returns the closest number that is a power of two
+ * this function is taken from Starling Framework as its pretty neat ;)
+ *
+ * @method getNextPowerOfTwo
+ * @param number {Number}
+ * @return {Number} the closest number that is a power of two
+ */
+PIXI.getNextPowerOfTwo = function(number)
+{
+    if (number > 0 && (number & (number - 1)) === 0) // see: http://goo.gl/D9kPj
+        return number;
+    else
+    {
+        var result = 1;
+        while (result < number) result <<= 1;
+        return result;
+    }
 };
 
 /**