enable gradients for brush stroke (in authoring as well as runtime)

1 files changed, 732 insertions, 674 deletions

diff --git a/js/lib/geom/brush-stroke.js b/js/lib/geom/brush-stroke.js
index 09a7023c..b2e56149 100755
--- a/js/lib/geom/brush-stroke.js
+++ b/js/lib/geom/brush-stroke.js
@@ -65,777 +65,835 @@ var BrushStroke = function GLBrushStroke() {
     this._planeMatInv = null;
     this._planeCenter = null;
     this._dragPlane = null;
+}; //BrushStroke class defition
 
-    /////////////////////////////////////////////////////////
-    // Property Accessors/Setters
-    /////////////////////////////////////////////////////////
-    this.setCanvas = function(c) {
-        this._canvas = c;
+BrushStroke.prototype = Object.create(GeomObj, {});
+
+/////////////////////////////////////////////////////////
+// Property Accessors/Setters
+/////////////////////////////////////////////////////////
+BrushStroke.prototype.setCanvas = function(c) {
+    this._canvas = c;
+};
+
+BrushStroke.prototype.setWorld = function (world) {
+    this._world = world;
+};
+
+BrushStroke.prototype.getWorld = function () {
+    return this._world;
+};
+
+BrushStroke.prototype.geomType = function () {
+    return this.GEOM_TYPE_BRUSH_STROKE;
+};
+
+BrushStroke.prototype.setDrawingTool = function (tool) {
+    this._drawingTool = tool;
+};
+
+BrushStroke.prototype.getDrawingTool = function () {
+    return this._drawingTool;
+};
+
+BrushStroke.prototype.setPlaneMatrix = function(planeMat){
+    this._planeMat = planeMat;
+};
+
+BrushStroke.prototype.setPlaneMatrixInverse = function(planeMatInv){
+    this._planeMatInv = planeMatInv;
+};
+
+BrushStroke.prototype.setPlaneCenter = function(pc){
+    this._planeCenter = pc;
+};
+
+BrushStroke.prototype.setDragPlane = function(p){
+    this._dragPlane = p;
+};
+
+BrushStroke.prototype.getNumPoints = function () {
+    if (this._LocalPoints.length)
+        return this._LocalPoints.length;
+    else
+        return this._Points.length;
+};
+
+BrushStroke.prototype.getPoint = function (index) {
+    return this._Points[index].slice(0);
+};
+
+BrushStroke.prototype.addPoint = function (pt) {
+    //add the point only if it is some epsilon away from the previous point
+    var numPoints = this._Points.length;
+    if (numPoints>0) {
+        var threshold = this._MIN_SAMPLE_DISTANCE_THRESHOLD;
+        var prevPt = this._Points[numPoints-1];
+        var diffPt = [prevPt[0]-pt[0], prevPt[1]-pt[1]];
+        var diffPtMag = Math.sqrt(diffPt[0]*diffPt[0] + diffPt[1]*diffPt[1]);
+        if (diffPtMag>threshold){
+            this._Points.push(pt);
+            this._isDirty=true;
+            this._isInit = false;
+        }
+    } else {
+        this._Points.push(pt);
+        this._isDirty=true;
+        this._isInit = false;
     }
+};
 
-    this.setWorld = function (world) {
-        this._world = world;
-    };
+BrushStroke.prototype.insertPoint = function(pt, index){
+    this._Points.splice(index, 0, pt);
+    this._isDirty=true;
+    this._isInit = false;
+};
 
-    this.getWorld = function () {
-        return this._world;
-    };
+BrushStroke.prototype.isDirty = function(){
+    return this._isDirty;
+};
 
-    this.geomType = function () {
-        return this.GEOM_TYPE_BRUSH_STROKE;
-    };
+BrushStroke.prototype.makeDirty = function(){
+    this._isDirty=true;
+};
 
-    this.setDrawingTool = function (tool) {
-        this._drawingTool = tool;
-    };
+BrushStroke.prototype.getStageWorldCenter = function() {
+    return this._stageWorldCenter;
+};
 
-    this.getDrawingTool = function () {
-        return this._drawingTool;
-    };
+BrushStroke.prototype.getBBoxMin = function () {
+    return this._BBoxMin;
+};
 
-    this.setPlaneMatrix = function(planeMat){
-        this._planeMat = planeMat;
-    };
+BrushStroke.prototype.getBBoxMax = function () {
+    return this._BBoxMax;
+};
 
-    this.setPlaneMatrixInverse = function(planeMatInv){
-        this._planeMatInv = planeMatInv;
-    };
+BrushStroke.prototype.getStrokeWidth = function () {
+    return this._strokeWidth;
+};
 
-    this.setPlaneCenter = function(pc){
-        this._planeCenter = pc;
-    };
+BrushStroke.prototype.setStrokeWidth = function (w) {
+    this._strokeWidth = w;
+    if (this._strokeWidth<1) {
+        this._strokeWidth = 1;
+    }
+    this._isDirty=true;
+};
 
-    this.setDragPlane = function(p){
-        this._dragPlane = p;
-    };
+BrushStroke.prototype.getStrokeMaterial = function () {
+    return this._strokeMaterial;
+};
 
-    this.getNumPoints = function () {
-        if (this._LocalPoints.length)
-            return this._LocalPoints.length;
-        else
-            return this._Points.length;
-    };
+BrushStroke.prototype.setStrokeMaterial = function (m) {
+    this._strokeMaterial = m; this._isDirty = true;
+};
 
-    this.getPoint = function (index) {
-        return this._Points[index].slice(0);
-    };
+BrushStroke.prototype.getStrokeColor = function () {
+    return this._strokeColor;
+};
 
-    this.addPoint = function (pt) {
-        //add the point only if it is some epsilon away from the previous point
-        var numPoints = this._Points.length;
-        if (numPoints>0) {
-            var threshold = this._MIN_SAMPLE_DISTANCE_THRESHOLD;
-            var prevPt = this._Points[numPoints-1];
-            var diffPt = [prevPt[0]-pt[0], prevPt[1]-pt[1]];
-            var diffPtMag = Math.sqrt(diffPt[0]*diffPt[0] + diffPt[1]*diffPt[1]);
-            if (diffPtMag>threshold){
-                this._Points.push(pt);
-                this._isDirty=true;
-                this._isInit = false;
-            }
-        } else {
-            this._Points.push(pt);
-            this._isDirty=true;
-            this._isInit = false;
-        }
-    };
-    
-    this.insertPoint = function(pt, index){
-        this._Points.splice(index, 0, pt);
-        this._isDirty=true;
-        this._isInit = false;
-    };
+BrushStroke.prototype.setStrokeColor = function (c) {
+    this._strokeColor = c; this._isDirty = true;
+};
 
-    this.isDirty = function(){
-        return this._isDirty;
-    };
+BrushStroke.prototype.setFillColor = function(c){
+    return;
+}; //NO-OP for now as we have no fill region
 
-    this.makeDirty = function(){
-        this._isDirty=true;
-    };
+BrushStroke.prototype.setSecondStrokeColor = function(c){
+    this._secondStrokeColor=c; this._isDirty = true;
+};
 
-    this.getStageWorldCenter = function() {
-        return this._stageWorldCenter;
-    };
+BrushStroke.prototype.setStrokeHardness = function(h){
+    if (this._strokeHardness!==h){
+        this._strokeHardness=h;
+        this._isDirty = true;
+    }
+};
+BrushStroke.prototype.getStrokeHardness = function(){
+    return this._strokeHardness;
+};
+
+BrushStroke.prototype.setDoSmoothing = function(s){
+    if (this._strokeDoSmoothing!==s) {
+        this._strokeDoSmoothing = s;
+        this._isDirty = true;
+    }