28 files changed, 703 insertions, 95 deletions

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 )  );
+                for (var i=0;  i<nMaterials;  i++)
+                {
+                        var mat;
+                        var materialType = this.getPropertyFromString( "material: ",    importStr );
+                        switch (materialType)
+                        {
+                                case "flat":            mat = new FlatMaterial();               break;
+
+                                default:
+                                        console.log( "material type: " + materialType + " is not supported" );
+                                        break;
+                        }
+
+                        if (mat)
+                                mat.import( importStr );
+
+                        var endIndex = importStr.indexOf( "endMaterial\n" );
+                        if (endIndex < 0)  break;
+                        importStr = importStr.substr( endIndex );
+                }
+        }
 
     this.translate   = function(v)
     {
diff --git a/js/helper-classes/RDGE/GLRectangle.js b/js/helper-classes/RDGE/GLRectangle.js
index f44350df..2caa7080 100755
--- a/js/helper-classes/RDGE/GLRectangle.js
+++ b/js/helper-classes/RDGE/GLRectangle.js
@@ -166,6 +166,8 @@ function GLRectangle()
                         rtnStr += "flatMaterial";
                 rtnStr += "\n";
 
+                rtnStr += this.exportMaterials();
+
                 return rtnStr;
         }
 
@@ -274,10 +276,10 @@ function GLRectangle()
                 brRadius = -z*(r-l)/(2.0*zn)*brRadiusNDC;
 
                 // stroke
-//              var strokeMaterial = this.makeStrokeMaterial();
-//              var strokePrim = this.createStroke([x,y],  2*xFill,  2*yFill,  strokeSize,  tlRadius, blRadius, brRadius, trRadius, strokeMaterial);
-//        this._primArray.push( strokePrim );
-//              this._materialNodeArray.push( strokeMaterial.getMaterialNode() );
+                var strokeMaterial = this.makeStrokeMaterial();
+                var strokePrim = this.createStroke([x,y],  2*xFill,  2*yFill,  strokeSize,  tlRadius, blRadius, brRadius, trRadius, strokeMaterial);
+        this._primArray.push( strokePrim );
+                this._materialNodeArray.push( strokeMaterial.getMaterialNode() );
 
                 // fill
                 tlRadius -= strokeSize;  if (tlRadius < 0)  tlRadius = 0.0;
diff --git a/js/helper-classes/RDGE/GLWorld.js b/js/helper-classes/RDGE/GLWorld.js
index 0ab3c242..d9e91404 100755
--- a/js/helper-classes/RDGE/GLWorld.js
+++ b/js/helper-classes/RDGE/GLWorld.js
@@ -13,7 +13,6 @@ var fragmentShaderSource = "";
 
 var rdgeStarted = false;
 
-var nodeCounter = 0;
 var worldCounter = 0;
 
 
@@ -74,6 +73,10 @@ function GLWorld( canvas, use3D )
         this._worldCount = worldCounter;
         worldCounter++;
 
+        // keep a counter for generating node names
+        this._nodeCounter = 0;
+
+
     ///////////////////////////////////////////////////////////////////////
     // Property accessors
     ///////////////////////////////////////////////////////////////////////
@@ -392,6 +395,13 @@ function GLWorld( canvas, use3D )
                 RDGEStart( this._canvas );
                 this._canvas.task.stop()
         }
+
+        this.generateUniqueNodeID = function()
+        {
+                var str = String( this._nodeCounter );
+                this._nodeCounter++;
+                return str;
+        }
 }
 
 
@@ -418,7 +428,7 @@ GLWorld.prototype.updateObject = function (obj)
         ctrTrNode = obj.getTransformNode();
                 if (ctrTrNode == null)
                 {
-                        ctrTrNode = createTransformNode("objRootNode_" + nodeCounter++);
+                        ctrTrNode = createTransformNode("objRootNode_" + this._nodeCounter++);
                         this._rootNode.insertAsChild( ctrTrNode );
                         obj.setTransformNode( ctrTrNode );
                 }
@@ -428,7 +438,7 @@ GLWorld.prototype.updateObject = function (obj)
                 });
                 ctrTrNode.meshes = [];
 
-        ctrTrNode.attachMeshNode(this.renderer.id + "_prim_" + nodeCounter++, prims[0]);
+        ctrTrNode.attachMeshNode(this.renderer.id + "_prim_" + this._nodeCounter++, prims[0]);
         ctrTrNode.attachMaterial(materialNodes[0]);
     }
         
@@ -451,12 +461,12 @@ GLWorld.prototype.updateObject = function (obj)
                 }
                 else
                 {
-                        childTrNode = createTransformNode("objNode_" + nodeCounter++);
+                        childTrNode = createTransformNode("objNode_" + this._nodeCounter++);
                         ctrTrNode.insertAsChild(childTrNode);
                 }
 
         // attach the instanced box goe
-        childTrNode.attachMeshNode(this.renderer.id + "_prim_" + nodeCounter++, prim);
+        childTrNode.attachMeshNode(this.renderer.id + "_prim_" + this._nodeCounter++, prim);
         childTrNode.attachMaterial(materialNodes[i]);
     }
 }
@@ -821,6 +831,8 @@ GLWorld.prototype.export = function( exportForPublish )
         exportStr += "zNear: " + this._zNear + "\n";
         exportStr += "zFar: " + this._zFar + "\n";
         exportStr += "viewDist: " + this._viewDist + "\n";
+        if (this._useWebGL)