100 files changed, 2481 insertions, 682 deletions

diff --git a/assets/canvas-runtime.js b/assets/canvas-runtime.js
new file mode 100644
index 00000000..655e52fa
--- /dev/null
+++ b/assets/canvas-runtime.js
@@ -0,0 +1,1376 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+///////////////////////////////////////////////////////////////////////
+//Loading webGL/canvas data
+function initWebGl (rootElement, directory) {
+        var cvsDataMngr, ninjaWebGlData = JSON.parse((document.querySelectorAll(['script[data-ninja-webgl]'])[0].innerHTML.replace('(', '')).replace(')', ''));
+        if (ninjaWebGlData && ninjaWebGlData.data) {
+                for (var n=0; ninjaWebGlData.data[n]; n++) {
+                        ninjaWebGlData.data[n] = unescape(ninjaWebGlData.data[n]);
+                }
+        }
+        //Creating data manager
+        cvsDataMngr = new CanvasDataManager();
+        //Loading data to canvas(es)
+        cvsDataMngr.loadGLData(rootElement, ninjaWebGlData.data, directory);
+}
+
+///////////////////////////////////////////////////////////////////////
+// Class ShapeRuntime
+//      Manages runtime shape display
+///////////////////////////////////////////////////////////////////////
+function CanvasDataManager()
+{
+        this.loadGLData = function(root,  valueArray,  assetPath )
+        {
+                this._assetPath = assetPath.slice();
+
+                var value = valueArray;
+                var nWorlds = value.length;
+                for (var i=0;  i<nWorlds;  i++)
+                {
+                        var importStr = value[i];
+                        var startIndex = importStr.indexOf( "id: " );
+                        if (startIndex >= 0)
+                        {
+                                var endIndex = importStr.indexOf( "\n", startIndex );
+                                if (endIndex > 0)
+                                {
+                                        var id = importStr.substring( startIndex+4, endIndex );
+                                        var canvas = this.findCanvasWithID( id, root );
+                                        if (canvas)
+                                        {
+                                                var rt = new GLRuntime( canvas, importStr,  assetPath );
+                                        }
+                                }
+                        }
+                }
+        }
+
+        this.collectGLData = function( elt,  dataArray )
+        {
+                if (elt.elementModel && elt.elementModel.shapeModel && elt.elementModel.shapeModel.GLWorld)
+                {
+                        var data = elt.elementModel.shapeModel.GLWorld.export( true );
+                        dataArray.push( data );
+                }
+
+                if (elt.children)
+                {
+                        var nKids = elt.children.length;
+                        for (var i=0;  i<nKids;  i++)
+                        {
+                                var child = elt.children[i];
+                                this.collectGLData( child, dataArray );
+                        }
+                }
+        }
+
+        this.findCanvasWithID = function( id,  elt )
+        {
+                var cid = elt.getAttribute( "data-RDGE-id" );
+                if (cid == id)  return elt;