3 files changed, 86 insertions, 28 deletions

diff --git a/js/lib/rdge/materials/linear-gradient-material.js b/js/lib/rdge/materials/linear-gradient-material.js
index 586948bb..2df76d61 100755
--- a/js/lib/rdge/materials/linear-gradient-material.js
+++ b/js/lib/rdge/materials/linear-gradient-material.js
@@ -6,6 +6,7 @@
 
 var MaterialParser = require("js/lib/rdge/materials/material-parser").MaterialParser;
 var Material = require("js/lib/rdge/materials/material").Material;
+var ShapePrimitive = require("js/lib/geom/shape-primitive").ShapePrimitive;
 
 var LinearGradientMaterial = function LinearGradientMaterial() {
     ///////////////////////////////////////////////////////////////////////
@@ -25,6 +26,8 @@ var LinearGradientMaterial = function LinearGradientMaterial() {
     //  this._colorCount        = 4;
     this._angle = 0.0; // the shader takes [cos(a), sin(a)]
 
+        this._textureTransform = [1,0,0, 0,1,0, 0,0,1];
+
     ///////////////////////////////////////////////////////////////////////
     // Property Accessors
     ///////////////////////////////////////////////////////////////////////
@@ -136,12 +139,6 @@ var LinearGradientMaterial = function LinearGradientMaterial() {
         }
     };
 
-    //  this.getColorCount      = function()    {  return this._colorCount;             };
-    //  this.setColorCount      = function(c)   {  this._colorCount = c;
-    //                                                                                          if (this._shader && this._shader['default'])
-    //                                                                                                  this._shader['default'].u_colorCount.set([c]);
-    //                                                                          };
-
     this.getAngle = function () {
         return this._angle;
     };
@@ -204,23 +201,21 @@ var LinearGradientMaterial = function LinearGradientMaterial() {
     // Methods
     ///////////////////////////////////////////////////////////////////////
     // duplcate method requirde
-    this.dup = function ()
-        {
-             // get the current values;
-        var propNames = [], propValues = [], propTypes = [], propLabels = [];
-        this.getAllProperties(propNames, propValues, propTypes, propLabels);
-        
-        // allocate a new material
-        var newMat = new LinearGradientMaterial();
+        this.dup = function () {
+                // allocate a new material
+                var newMat = new LinearGradientMaterial();
 
                 // copy over the current values;
-        var n = propNames.length;
-        for (var i = 0; i < n; i++)
-            newMat.setProperty(propNames[i], propValues[i]);
-
-        return newMat;
-        }
+                var propNames = [],  propValues = [],  propTypes = [],  propLabels = [];
+                this.getAllProperties( propNames,  propValues,  propTypes,  propLabels);
+                var n = propNames.length;
+                for (var i=0;  i<n;  i++) {
+                        newMat.setProperty( propNames[i], propValues[i] );
+                }
+                newMat._textureTransform = this._textureTransform.slice();
 
+                return newMat;
+        };
 
     this.init = function (world) {
         this.setWorld(world);
@@ -265,7 +260,9 @@ var LinearGradientMaterial = function LinearGradientMaterial() {
             this._shader['default'].u_colorStop4.set([s]);
 
             this.setAngle(this.getAngle());
-        }
+ 
+                        this._shader['default'].u_texTransform.set( this._textureTransform );
+       }
     };
 
     this.exportJSON = function () {
@@ -281,7 +278,8 @@ var LinearGradientMaterial = function LinearGradientMaterial() {
                     'colorStop2': this.getColorStop2(),
                     'colorStop3': this.getColorStop3(),
                     'colorStop4': this.getColorStop4(),
-                    'angle': this.getAngle()
+                    'angle': this.getAngle(),
+                        'textureTransform': this._textureTransform
                 };
 
         return jObj;
@@ -301,6 +299,7 @@ var LinearGradientMaterial = function LinearGradientMaterial() {
                                 colorStop3 = jObj.colorStop3,
                                 colorStop4 = jObj.colorStop4,
                                 angle = jObj.angle;
+                        this._textureTransform = jObj.textureTransform;
 
             this.setProperty("color1", color1);
             this.setProperty("color2", color2);
@@ -387,7 +386,8 @@ var linearGradientMaterialDef =
                                                 'u_colorStop2':         { 'type' : 'float' },                                                                   
                                                 'u_colorStop3':         { 'type' : 'float' },                                                                   
                                                 'u_colorStop4':         { 'type' : 'float' },                                                                   
-                                                'u_cos_sin_angle' : { 'type' : 'vec2' }
+                                                'u_cos_sin_angle':  { 'type' : 'vec2' },
+                                                'u_texTransform':   { 'type' : 'mat3' }
                                                 //'u_colorCount':               {'type' : 'int' }
 
                                         },
diff --git a/js/lib/rdge/materials/material.js b/js/lib/rdge/materials/material.js
index 77220bf7..9f0ae6f1 100755
--- a/js/lib/rdge/materials/material.js
+++ b/js/lib/rdge/materials/material.js
@@ -233,6 +233,10 @@ var Material = function GLMaterial( world ) {
                 // animated materials should implement the update method
         };
 
+        this.fitToPrimitive = function( prim )  {
+                // some materials need to preserve an aspect ratio - or someting else.
+        };
+
         this.registerTexture = function( texture ) {
                 // the world needs to know about the texture map
                 var world = this.getWorld();
diff --git a/js/lib/rdge/materials/radial-gradient-material.js b/js/lib/rdge/materials/radial-gradient-material.js
index 083b7371..67a85041 100755
--- a/js/lib/rdge/materials/radial-gradient-material.js
+++ b/js/lib/rdge/materials/radial-gradient-material.js
@@ -6,6 +6,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 
 var MaterialParser = require("js/lib/rdge/materials/material-parser").MaterialParser;
 var Material = require("js/lib/rdge/materials/material").Material;
+var ShapePrimitive = require("js/lib/geom/shape-primitive").ShapePrimitive;
 
 var RadialGradientMaterial = function RadialGradientMaterial() {
     ///////////////////////////////////////////////////////////////////////
@@ -24,6 +25,8 @@ var RadialGradientMaterial = function RadialGradientMaterial() {
     this._colorStop4 = 1.0;
     //  this._colorCount        = 4;
 
+        this._textureTransform = [1,0,0, 0,1,0, 0,0,1];
+
     ///////////////////////////////////////////////////////////////////////
     // Property Accessors
     ///////////////////////////////////////////////////////////////////////
@@ -191,9 +194,21 @@ var RadialGradientMaterial = function RadialGradientMaterial() {
     // Methods
     ///////////////////////////////////////////////////////////////////////
     // duplcate method requirde
-    this.dup = function () {
-        return new RadialGradientMaterial();
-    };
+        this.dup = function () {
+                // allocate a new material
+                var newMat = new RadialGradientMaterial();
+
+                // copy over the current values;
+                var propNames = [],  propValues = [],  propTypes = [],  propLabels = [];
+                this.getAllProperties( propNames,  propValues,  propTypes,  propLabels);
+                var n = propNames.length;
+                for (var i=0;  i<n;  i++) {
+                        newMat.setProperty( propNames[i], propValues[i] );
+                }
+                newMat._textureTransform = this._textureTransform.slice();
+
+                return newMat;
+        };
 
     this.init = function (world) {
         this.setWorld(world);
@@ -234,9 +249,45 @@ var RadialGradientMaterial = function RadialGradientMaterial() {
             this._shader['default'].u_colorStop3.set([s]);
             s = this.getColorStop4();
             this._shader['default'].u_colorStop4.set([s]);
+
+                        this._shader['default'].u_texTransform.set( this._textureTransform );
         }
     };
 
+        this.fitToPrimitive = function( prim )
+        {
+                var bounds = ShapePrimitive.getBounds( prim );
+                if (bounds)
+                {
+                        var dx = Math.abs( bounds[3] - bounds[0] ),
+                                dy = Math.abs( bounds[4] - bounds[1] );