1 files changed, 74 insertions, 141 deletions

diff --git a/js/helper-classes/RDGE/GLRectangle.js b/js/helper-classes/RDGE/GLRectangle.js
index 1334d7e6..2899e476 100644
--- a/js/helper-classes/RDGE/GLRectangle.js
+++ b/js/helper-classes/RDGE/GLRectangle.js
@@ -33,14 +33,6 @@ function GLRectangle()
 
         this._strokeWidth = 0.25;
 
-        // stroke and fill colors
-        this._strokeColor;
-        this._fillColor;
-
-        // stroke and fill materials
-        this._fillMaterial;
-        this._strokeMaterial;
-
         this._strokeStyle = "Solid";
         this.init = function(world, xOffset, yOffset, width, height, strokeSize, strokeColor, fillColor,
                       tlRadius, trRadius, blRadius, brRadius, strokeMaterial, fillMaterial, strokeStyle)
@@ -80,13 +72,14 @@ function GLRectangle()
                 this._materialSpecular = [0.4, 0.4, 0.4,  1.0];
 
                 if(strokeMaterial)
-                {
                         this._strokeMaterial = strokeMaterial;
-                }
+                else
+                        this._strokeMaterial = new FlatMaterial();
+
                 if(fillMaterial)
-                {
                         this._fillMaterial = fillMaterial;
-                }
+                else 
+                        this._fillMaterial = new FlatMaterial();
         }
 
         ///////////////////////////////////////////////////////////////////////
@@ -185,8 +178,8 @@ function GLRectangle()
                 this._strokeWidth               = Number( this.getPropertyFromString( "strokeWidth: ",  importStr )  );
                 this._innerRadius               = Number( this.getPropertyFromString( "innerRadius: ",  importStr )  );
                 this._strokeStyle               = Number( this.getPropertyFromString( "strokeStyle: ",  importStr )  );
-                var strokeMaterialName  = Number( this.getPropertyFromString( "strokeMat: ",    importStr )  );
-                var fillMaterialName    = Number( this.getPropertyFromString( "fillMat: ",              importStr )  );
+                var strokeMaterialName  = this.getPropertyFromString( "strokeMat: ",    importStr );
+                var fillMaterialName    = this.getPropertyFromString( "fillMat: ",              importStr );
                 this._strokeStyle               =  Number( this.getPropertyFromString( "strokeColor: ", importStr )  );
                 this._fillColor                 =  eval( "[" + this.getPropertyFromString( "fillColor: ",       importStr ) + "]" );
                 this._strokeColor               =  eval( "[" + this.getPropertyFromString( "strokeColor: ",     importStr ) + "]" );
@@ -279,8 +272,8 @@ function GLRectangle()
 
                 // stroke
                 var strokeMaterial = this.makeStrokeMaterial();
-                prim = this.createStroke([x,y],  2*xFill,  2*yFill,  strokeSize,  tlRadius, blRadius, brRadius, trRadius, strokeMaterial)
-        this._primArray.push( prim );
+                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
@@ -291,60 +284,13 @@ function GLRectangle()
                 xFill -= strokeSize;
                 yFill -= strokeSize;
                 var fillMaterial = this.makeFillMaterial();
-                prim = this.createFill([x,y],  2*xFill,  2*yFill,  tlRadius, blRadius, brRadius, trRadius, fillMaterial)
-        this._primArray.push( prim );
+                var fillPrim = this.createFill([x,y],  2*xFill,  2*yFill,  tlRadius, blRadius, brRadius, trRadius, fillMaterial);
+        this._primArray.push( fillPrim );
                 this._materialNodeArray.push( fillMaterial.getMaterialNode() );
 
         world.updateObject(this);
         }
 
-        this.makeStrokeMaterial = function()
-        {
-                var strokeMaterial;
-                if (this.getStrokeMaterial())
-                        strokeMaterial = this.getStrokeMaterial().dup();
-                else
-                        strokeMaterial = new FlatMaterial();
-
-                if (strokeMaterial)
-        {
-                        strokeMaterial.init( this.getWorld() );
-            if(this._strokeColor)
-                         {
-                strokeMaterial.setProperty("color", this._strokeColor);
-            }
-        }
-
-                this._materialArray.push( strokeMaterial );
-                this._materialTypeArray.push( "stroke" );
-
-                return strokeMaterial;
-        }
-
-    this.makeFillMaterial = function()
-        {
-                var fillMaterial;
-                if (this.getFillMaterial())
-                        fillMaterial = this.getFillMaterial().dup();
-                else
-                        fillMaterial = new FlatMaterial();
-
-                if (fillMaterial)
-        {
-                        fillMaterial.init( this.getWorld() );
-            //if(!this.getFillMaterial() && this._fillColor)
-                        if (this._fillColor)
-            {
-                fillMaterial.setProperty("color", this._fillColor);
-            }
-        }
-
-                this._materialArray.push( fillMaterial );
-                this._materialTypeArray.push( "fill" );
-
-                return fillMaterial;
-        }
-
         this.renderQuadraticBezier = function( bPts, ctx )
         {
                 if (!bPts)  return;
@@ -367,72 +313,71 @@ function GLRectangle()
                 var width  = Math.round(this.getWidth()),
                         height = Math.round(this.getHeight());
 
-                // get the top left point
                 pt = [inset, inset];    // top left corner
-                rad = this.getTLRadius() - inset;
-                if (rad < 0)  rad = 0;
-                pt[1] += rad;
-                if (MathUtils.fpSign(rad) == 0)  pt[1] = 0;
-                ctx.moveTo( pt[0],  pt[1] );
-
-                // get the bottom left point
-                pt = [inset, height - inset];
-                rad = this.getBLRadius() - inset;
-                if (rad < 0)  rad = 0;
-                pt[1] -= rad;
-                ctx.lineTo( pt[0],  pt[1] );
-
-                // get the bottom left arc
-                if (MathUtils.fpSign(rad) > 0)
-                {
-                        ctr = [ this.getBLRadius(),  height - this.getBLRadius() ];
-                        //this.renderQuadraticBezier( MathUtils.circularArcToBezier( ctr, pt, -0.5*Math.PI ), ctx  );
-                        ctx.arc( ctr[0], ctr[1],    rad,    Math.PI,   0.5*Math.PI,  true );
-                }
-
-                // do the bottom of the rectangle
-                pt = [width - inset,  height - inset];
-                rad = this.getBRRadius() - inset;
-                if (rad < 0)  rad = 0;
-                pt[0] -= rad;
-                ctx.lineTo( pt[0], pt[1] );
 
-                // get the bottom right arc
-                if (MathUtils.fpSign(rad) > 0)
-                {
-                        ctr = [width - this.getBRRadius(),  height - this.getBRRadius()];
-                        //this.renderQuadraticBezier( MathUtils.circularArcToBezier( ctr, pt, -0.5*Math.PI ), ctx  );
-                        ctx.arc( ctr[0], ctr[1],   rad,   0.5*Math.PI,  0.0,  true );
-                }
+                var tlRad = this._tlRadius; //top-left radius
+                var trRad = this._trRadius;
+                var blRad = this._blRadius;
+                var brRad = this._brRadius;
 
-                // get the right of the rectangle
-                pt = [width - inset,  inset];
-                rad = this.getTRRadius() - inset;
-                if (rad < 0)  rad = 0;
-                pt[1] += rad;
-                ctx.lineTo( pt[0], pt[1] );
-
-                // do the top right corner
-                if (MathUtils.fpSign(rad) > 0)
+                if ((tlRad <= 0) && (blRad <= 0) && (brRad <= 0) && (trRad <= 0))
                 {
-                        ctr = [width - this.getTRRadius(),  this.getTRRadius()];
-                        //this.renderQuadraticBezier( MathUtils.circularArcToBezier( ctr, pt, -0.5*Math.PI ), ctx );
-                        ctx.arc( ctr[0], ctr[1],   rad,   0.0,  -0.5*Math.PI,  true );
+                        ctx.rect(pt[0], pt[1], width - 2*inset, height - 2*inset);
                 }
-
-                // do the top of the rectangle
-                pt = [inset, inset]
-                rad = this.getTLRadius() - inset;
-                if (rad < 0)  rad = 0;
-                pt[0] += rad;
-                ctx.lineTo( pt[0], pt[1] );
-
-                // do the top left corner
-                if (MathUtils.fpSign(rad) > 0)
+                else
                 {
-                        ctr = [this.getTLRadius(),  this.getTLRadius()];
-                        //this.renderQuadraticBezier( MathUtils.circularArcToBezier( ctr, pt, -0.5*Math.PI ), ctx );
-                        ctx.arc( ctr[0], ctr[1],   rad,   -0.5*Math.PI,  Math.PI,  true );
+                        // get the top left point
+                        rad = tlRad - inset;
+                        if (rad < 0)  rad = 0;
+                        pt[1] += rad;
+                        if (MathUtils.fpSign(rad) == 0)  pt[1] = inset;
+                        ctx.moveTo( pt[0],  pt[1] );
+