34 files changed, 1436 insertions, 160 deletions

diff --git a/js/document/html-document.js b/js/document/html-document.js
index 5d507476..2d7192b7 100755
--- a/js/document/html-document.js
+++ b/js/document/html-document.js
@@ -185,9 +185,51 @@ exports.HTMLDocument = Montage.create(TextDocument, {
                         var elt = this.documentRoot;
                         if (elt)
                         {
-                                console.log( "load canvas data: " , value );
-                                var cdm = new CanvasDataManager();
-                                cdm.loadGLData(elt,  value);
+                                var loadForRuntime = false;
+                                if (loadForRuntime)
+                                {
+                                        //console.log( "load canvas data: " , value );
+                                        var cdm = new CanvasDataManager();
+                                        cdm.loadGLData(elt,  value,  NJUtils);
+                                }
+                                else
+                                {
+                                        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 );
+                                                                if (id)
+                                                                {
+                                                                        var canvas = this.findCanvasWithID( id, elt );
+                                                                        if (canvas)
+                                                                        {
+                                                                                if (!canvas.elementModel)
+                                                                                {
+                                                                                        NJUtils.makeElementModel(canvas, "Canvas", "shape", true);
+                                                                                }
+                                                                
+                                                                                if (canvas.elementModel)
+                                                                                {
+                                                                                        if (canvas.elementModel.shapeModel.GLWorld)
+                                                                                                canvas.elementModel.shapeModel.GLWorld.clearTree();
+
+                                                                                        var world = new GLWorld( canvas );
+                                                                                        canvas.elementModel.shapeModel.GLWorld = world;
+                                                                                        world.import( importStr );
+                                                                                }
+                                                                        }
+                                                                }
+                                                        }
+                                                }
+                                        }
+                                }
                         }
                 }
     },
@@ -219,6 +261,27 @@ exports.HTMLDocument = Montage.create(TextDocument, {
             }
         }
     },
+
+    /**
+     * search the DOM tree to find a canvas with the given id
+     */
+        findCanvasWithID:  {
+                value: function( id,  elt )  {
+                        var cid = elt.getAttribute( "data-RDGE-id" );
+                        if (cid == id)  return elt;
+
+                        if (elt.children)
+                        {
+                                var nKids = elt.children.length;
+                                for (var i=0;  i<nKids;  i++)
+                                {
+                                        var child = elt.children[i];
+                                        var foundElt = this.findCanvasWithID( id, child );
+                                        if (foundElt)  return foundElt;
+                                }
+                        }
+                }
+        },
     
     
     
diff --git a/js/helper-classes/3D/math-utils.js b/js/helper-classes/3D/math-utils.js
index 37044763..f084cf9f 100755
--- a/js/helper-classes/3D/math-utils.js
+++ b/js/helper-classes/3D/math-utils.js
@@ -709,7 +709,10 @@ var MathUtilsClass = exports.MathUtilsClass = Object.create(Object.prototype, {
             // the area of the polygon is the length of the normal
             var area = VecUtils.vecMag(3, normal );
             if (this.fpSign(area) != 0)
-                vec3.scale(normal, 1.0/area);
+                        {
+                //vec3.scale(normal, 1.0/area);
+                                normal = VecUtils.vecNormalize(3, normal, 1.0);
+                        }
 
             return normal;
         }
diff --git a/js/helper-classes/RDGE/GLCircle.js b/js/helper-classes/RDGE/GLCircle.js
index 15ed6b6d..59d0bdaf 100755
--- a/js/helper-classes/RDGE/GLCircle.js
+++ b/js/helper-classes/RDGE/GLCircle.js
@@ -381,7 +381,6 @@ function GLCircle()
                 // translate
                 var xCtr = 0.5*world.getViewportWidth() + this._xOffset,
                         yCtr = 0.5*world.getViewportHeight() + this._yOffset;
-                //ctx.setTransform( xScale, 0.0,  0.0, yScale, xCtr, yCtr );
                 var mat = Matrix.create( [
                                                         [ xScale,     0.0,  0.0,  xCtr],
                                                         [    0.0,  yScale,  0.0,  yCtr],
@@ -538,6 +537,8 @@ function GLCircle()
                         rtnStr += "flatMaterial";
                 rtnStr += "\n";
 
+                rtnStr += this.exportMaterials();
+
                 return rtnStr;
         }
 
diff --git a/js/helper-classes/RDGE/GLGeomObj.js b/js/helper-classes/RDGE/GLGeomObj.js
index c1ee01ba..955f0f39 100755
--- a/js/helper-classes/RDGE/GLGeomObj.js
+++ b/js/helper-classes/RDGE/GLGeomObj.js
@@ -158,6 +158,52 @@ function GLGeomObj()
         return fillMaterial;
     }
 
+        this.exportMaterials = function()
+        {
+                var rtnStr = "";
+                if (this._materialArray && this._materialNodeArray)
+                {
+                        var nMats = this._materialArray.length;
+                        rtnStr += "nMaterials: " + nMats + "\n";
+                        for (var i=0;  i<nMats;  i++)
+                        {
+                                var matNode  = this._materialNodeArray[i];
+                                rtnStr += "materialNodeName: " + matNode.name + "\n";
+
+                                var material = this._materialArray[i];
+                                rtnStr += material.export();
+                        }
+                }
+                else
+                        rtnStr += "nMaterials: 0\n" ;
+
+                return rtnStr;
+        }
+
+        this.importMaterials = function(importStr)
+        {
+                var nMaterials = Number( this.getPropertyFromString( "nMaterials: ", importStr )  );