1 files changed, 59 insertions, 7 deletions

diff --git a/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js b/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js
index 104d474d..478a6de5 100755
--- a/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js
+++ b/js/panels/properties.reel/sections/three-d-view.reel/three-d-view.js
@@ -5,7 +5,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 </copyright> */
 
 var Montage = require("montage/core/core").Montage;
-var Component = require("montage/ui/component").Component;
+    Component = require("montage/ui/component").Component,
+    viewUtils = require("js/helper-classes/3D/view-utils").ViewUtils,
+    drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils;
 
 exports.ThreeD = Montage.create(Component, {
 
@@ -107,6 +109,10 @@ exports.ThreeD = Montage.create(Component, {
         value: null
     },
 
+    _transformCtr: {
+        value: null
+    },
+
     handleAction: {
         value: function(event) {
             if(event.currentTarget.identifier === "flatten") {
@@ -143,10 +149,20 @@ exports.ThreeD = Montage.create(Component, {
         value : function(prop, value, item, inGlobalMode, isChanging){
             if(!this._curMat) {
                 this._curMat = this.application.ninja.elementMediator.getMatrix(item);
+//                this._transformCtr = item.elementModel.props3D.m_transformCtr || [0,0,0];
+                // TODO - Always use the center for now until we support multiple selections
+                this._transformCtr = [0,0,0];
+                if(inGlobalMode) {
+                    this._transformCtr = MathUtils.transformPoint(this._transformCtr, this._curMat);
+                }
             }
 
-            var curMat = this._curMat;
-            var delta = value.value;
+            var curMat = this._curMat,
+                delta = value.value,
+                isRotating = false,
+                xFormMat = Matrix.I(4),
+                tMat = Matrix.I(4),
+                mat = [];
             if(inGlobalMode) {
 
                 if(!this._curProp) {
@@ -156,17 +172,19 @@ exports.ThreeD = Montage.create(Component, {
                 delta -= this._curProp;
             }
 
-            var xFormMat = Matrix.I(4);
             switch (prop)
             {
                 case "xAngle":
                     xFormMat = Matrix.RotationX(MathUtils.DEG_TO_RAD * delta);
+                    isRotating = true;
                     break;
                 case "yAngle":
                     xFormMat = Matrix.RotationY(MathUtils.DEG_TO_RAD * delta);
+                    isRotating = true;
                     break;
                 case "zAngle":
                     xFormMat = Matrix.RotationZ(MathUtils.DEG_TO_RAD * delta);
+                    isRotating = true;
                     break;
                 case "x3D":
                     xFormMat[12] = delta;
@@ -179,11 +197,45 @@ exports.ThreeD = Montage.create(Component, {
                     break;
             }
 
-            var mat = [];
             if(inGlobalMode) {
-                glmat4.multiply(xFormMat, curMat, mat);
+
+                if(isRotating) {
+
+                    // pre-translate by the transformation center
+                    tMat[12] = this._transformCtr[0];
+                    tMat[13] = this._transformCtr[1];
+                    tMat[14] = this._transformCtr[2];
+
+                    glmat4.multiply(tMat, xFormMat, mat);
+
+                    // translate back
+                    tMat[12] = -this._transformCtr[0];
+                    tMat[13] = -this._transformCtr[1];
+                    tMat[14] = -this._transformCtr[2];
+
+                    glmat4.multiply(mat, tMat, mat);
+                    glmat4.multiply(mat, curMat, mat);
+                } else {
+                    glmat4.multiply(xFormMat, curMat, mat);
+                }
             } else {
-                glmat4.multiply(curMat, xFormMat, mat);
+                if(isRotating) {
+                    tMat[12] = this._transformCtr[0];
+                    tMat[13] = this._transformCtr[1];
+                    tMat[14] = this._transformCtr[2];
+
+                    glmat4.multiply(curMat, tMat, mat);
+
+                    // translate back
+                    tMat[12] = -this._transformCtr[0];
+                    tMat[13] = -this._transformCtr[1];
+                    tMat[14] = -this._transformCtr[2];
+
+                    glmat4.multiply(mat, xFormMat, mat);
+                    glmat4.multiply(mat, tMat, mat);
+                } else {
+                    glmat4.multiply(curMat, xFormMat, mat);
+                }
             }
 
             if(isChanging) {