6 files changed, 249 insertions, 189 deletions

diff --git a/js/lib/NJUtils.js b/js/lib/NJUtils.js
index 904aa41e..18796da0 100755
--- a/js/lib/NJUtils.js
+++ b/js/lib/NJUtils.js
@@ -136,7 +136,8 @@ exports.NJUtils = Object.create(Object.prototype, {
                     controller: { value: ControllerFactory.getController(controller)},
                     pi:         { value: pi},
                     props3D:    { value: p3d},
-                    shapeModel: { value: shapeProps}
+                    shapeModel: { value: shapeProps},
+                    isShape:    { value: isShape}
             });
 
         }
@@ -168,6 +169,7 @@ exports.NJUtils = Object.create(Object.prototype, {
                         // TODO - Need more info about the shape
                         selection = "canvas";
                         controller = "shape";
+                        isShape = true;
                     }
                     else
                     {
diff --git a/js/lib/drawing/world.js b/js/lib/drawing/world.js
index 657c849f..945c9883 100755
--- a/js/lib/drawing/world.js
+++ b/js/lib/drawing/world.js
@@ -854,7 +854,7 @@ World.prototype.importObjectsJSON = function (jObj, parentGeomObj) {
 
         // determine if we have children
     if (jObj.children) {
-                var nKids = ojObjbj.chilodren.length;
+                var nKids = jObj.children.length;
         for (var i = 0; i < nKids; i++) {
                         var child = jObj.children[i];
                         this.importObjectsJSON( child, gObj );
diff --git a/js/lib/geom/circle.js b/js/lib/geom/circle.js
index 7fa78b12..1073c2db 100755
--- a/js/lib/geom/circle.js
+++ b/js/lib/geom/circle.js
@@ -42,8 +42,8 @@ var Circle = function GLCircle() {
         
                         this._strokeWidth = strokeSize;
                         this._innerRadius = innerRadius;
-                        if (strokeColor)  this._strokeColor = strokeColor;
-                        if (fillColor)  this._fillColor = fillColor;
+                        this._strokeColor = strokeColor;
+                        this._fillColor = fillColor;
 
                         this._strokeStyle = strokeStyle;
                 }
@@ -631,6 +631,21 @@ var Circle = function GLCircle() {
                 this._strokeStyle               = jObj.strokeStyle;
                 var strokeMaterialName  = jObj.strokeMat;
                 var fillMaterialName    = jObj.fillMat;
+
+        var strokeMat = MaterialsModel.getMaterial( strokeMaterialName );
+        if (!strokeMat) {
+            console.log( "object material not found in library: " + strokeMaterialName );
+            strokeMat = MaterialsModel.getMaterial(  MaterialsModel.getDefaultMaterialName() );
+        }
+        this._strokeMaterial = strokeMat;
+
+        var fillMat = MaterialsModel.getMaterial( fillMaterialName );
+        if (!fillMat) {
+            console.log( "object material not found in library: " + fillMaterialName );
+            fillMat = MaterialsModel.getMaterial(  MaterialsModel.getDefaultMaterialName() );
+        }
+        this._fillMaterial = fillMat;
+
                 this.importMaterialsJSON( jObj.materials );
         };
 
diff --git a/js/lib/geom/geom-obj.js b/js/lib/geom/geom-obj.js
index bb5b4a9a..56cf7c98 100755
--- a/js/lib/geom/geom-obj.js
+++ b/js/lib/geom/geom-obj.js
@@ -14,19 +14,19 @@ var GeomObj = function GLGeomObj() {
     ///////////////////////////////////////////////////////////////////////
     // Constants
     ///////////////////////////////////////////////////////////////////////
-    this.GEOM_TYPE_RECTANGLE = 1;
-    this.GEOM_TYPE_CIRCLE = 2;
-    this.GEOM_TYPE_LINE = 3;
-    this.GEOM_TYPE_PATH = 4;
-    this.GEOM_TYPE_CUBIC_BEZIER = 5;
-    this.GEOM_TYPE_BRUSH_STROKE = 6;
-    this.GEOM_TYPE_UNDEFINED = -1;
+        this.GEOM_TYPE_RECTANGLE                =  1;
+        this.GEOM_TYPE_CIRCLE                   =  2;
+        this.GEOM_TYPE_LINE             =  3;
+        this.GEOM_TYPE_PATH                         =  4;
+        this.GEOM_TYPE_CUBIC_BEZIER     =  5;
+    this.GEOM_TYPE_BRUSH_STROKE     =  6;
+        this.GEOM_TYPE_UNDEFINED                = -1;
 
     // Needed for calculating dashed/dotted strokes
     this.DASH_LENGTH = 0.15;
     this.DOT_LENGTH = 0.05;
     this.GAP_LENGTH = 0.05;
-
+        
     ///////////////////////////////////////////////////////////////////////
     // Instance variables
     ///////////////////////////////////////////////////////////////////////
@@ -40,74 +40,74 @@ var GeomObj = function GLGeomObj() {
     this.m_world = null;
 
     // stroke and fill colors
-    this._strokeColor = [0, 0, 0, 0];
-    this._fillColor = [0, 0, 0, 0];
+    this._strokeColor   = [0,0,0,0];
+    this._fillColor             = [0,0,0,0];
 
-    // stroke and fill materials
-    this._fillMaterial = null;
-    this._strokeMaterial = null;
+        // stroke and fill materials
+        this._fillMaterial = null;
+        this._strokeMaterial = null;
 
-    // array of primitives - used in RDGE
-    this._primArray = [];
-    this._materialNodeArray = [];
-    this._materialArray = [];
-    this._materialTypeArray = [];
+        // array of primitives - used in RDGE
+        this._primArray = [];
+        this._materialNodeArray = [];
+        this._materialArray = [];
+        this._materialTypeArray = [];
 
-    // the transform node used by RDGE
-    this._trNode = null;
+        // the transform node used by RDGE
+        this._trNode = null;
 
     ///////////////////////////////////////////////////////////////////////
     // Property accessors
     ///////////////////////////////////////////////////////////////////////
-    this.setWorld = function (world) {
+    this.setWorld = function( world ) {
         this.m_world = world;
     };
 
-    this.getWorld = function () {
+    this.getWorld = function() {
         return this.m_world;
     };
 
-    this.getMatrix = function () {
+        this.getMatrix = function() {
         return this._matrix.slice(0);
     };
 
-    this.setMatrix = function (m) {
+        this.setMatrix = function(m) {
         this._matrix = m.slice(0);
     };
 
-    this.setNext = function (next) {
+    this.setNext = function( next ) {
         this._next = next;
     };
 
-    this.getNext = function () {
+    this.getNext = function() {
         return this._next;
     };
 
-    this.setPrev = function (prev) {
+    this.setPrev = function( prev ) {
         this._prev = prev;
     };
 
-    this.getPrev = function () {
+    this.getPrev = function() {
         return this._prev;
     };
 
-    this.setChild = function (child) {
+    this.setChild = function( child ) {
         this._child = child;
     };
 
-    this.getChild = function () {
+    this.getChild = function() {
         return this._child;
     };
 
-    this.setParent = function (parent) {
+    this.setParent = function( parent ) {
         this._parent = parent;
     };
 
-    this.getParent = function () {
+    this.getParent = function() {
         return this._parent;
     };
 
-    this.geomType = function () {
+        this.geomType = function() {
         return this.GEOM_TYPE_UNDEFINED;
     };
 
@@ -115,7 +115,7 @@ var GeomObj = function GLGeomObj() {
         return this._primArray;
     };
 
-    this.getMaterialNodeArray = function () {
+        this.getMaterialNodeArray = function() {
         return this._materialNodeArray;
     };
 
@@ -123,110 +123,130 @@ var GeomObj = function GLGeomObj() {
         return this._materialArray;