diff options
Diffstat (limited to 'js/tools')
-rwxr-xr-x | js/tools/Rotate3DToolBase.js | 155 | ||||
-rwxr-xr-x | js/tools/modifier-tool-base.js | 6 |
2 files changed, 120 insertions, 41 deletions
diff --git a/js/tools/Rotate3DToolBase.js b/js/tools/Rotate3DToolBase.js index e0c5abcb..402023ff 100755 --- a/js/tools/Rotate3DToolBase.js +++ b/js/tools/Rotate3DToolBase.js | |||
@@ -14,7 +14,8 @@ var Montage = require("montage/core/core").Montage, | |||
14 | viewUtils = require("js/helper-classes/3D/view-utils").ViewUtils, | 14 | viewUtils = require("js/helper-classes/3D/view-utils").ViewUtils, |
15 | vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils, | 15 | vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils, |
16 | drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils, | 16 | drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils, |
17 | ElementsMediator = require("js/mediators/element-mediator").ElementMediator; | 17 | ElementsMediator = require("js/mediators/element-mediator").ElementMediator, |
18 | Rectangle = require("js/helper-classes/3D/rectangle").Rectangle; | ||
18 | 19 | ||
19 | exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | 20 | exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { |
20 | _canSnap: { value: false }, | 21 | _canSnap: { value: false }, |
@@ -61,14 +62,22 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
61 | this._origin[0] += dx; | 62 | this._origin[0] += dx; |
62 | this._origin[1] += dy; | 63 | this._origin[1] += dy; |
63 | this._origin[2] += dz; | 64 | this._origin[2] += dz; |
65 | console.log( "modifyElements, _origin: " + this._origin ); | ||
64 | 66 | ||
65 | var len = this._targets.length; | 67 | var len = this._targets.length; |
66 | if(len === 1) | 68 | if(len === 1) |
67 | { | 69 | { |
68 | this._startOriginArray[0][0] += dx; | 70 | // this._startOriginArray[0][0] += dx; |
69 | this._startOriginArray[0][1] += dy; | 71 | // this._startOriginArray[0][1] += dy; |
70 | this._startOriginArray[0][2] += dz; | 72 | // this._startOriginArray[0][2] += dz; |
71 | console.log( "Rotate3DToolBase.modifyElements, _startOriginArray[0]: " + this._startOriginArray[0] ); | 73 | var g2lMat = this._targets[0].g2l; |
74 | var localOrigin = MathUtils.transformAndDivideHomogeneousPoint( this._origin, g2lMat ); | ||
75 | var elt = this._targets[0].elt; | ||
76 | viewUtils.pushViewportObj( elt ); | ||
77 | var viewOrigin = viewUtils.screenToView( localOrigin[0], localOrigin[1], localOrigin[2] ); | ||
78 | viewUtils.popViewportObj(); | ||
79 | this._startOriginArray[0] = viewOrigin; | ||
80 | //console.log( "Rotate3DToolBase.modifyElements, _startOriginArray[0]: " + this._startOriginArray[0] ); | ||
72 | } | 81 | } |
73 | this.downPoint.x = pt1.x; | 82 | this.downPoint.x = pt1.x; |
74 | this.downPoint.y = pt1.y; | 83 | this.downPoint.y = pt1.y; |
@@ -139,8 +148,10 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
139 | } | 148 | } |
140 | } | 149 | } |
141 | 150 | ||
151 | |||
142 | if(this._inLocalMode && (this._targets.length === 1) ) | 152 | if(this._inLocalMode && (this._targets.length === 1) ) |
143 | { | 153 | { |
154 | console.log( "modifyElements: rotateLocally " ); | ||
144 | this._rotateLocally(mat); | 155 | this._rotateLocally(mat); |
145 | } | 156 | } |
146 | else | 157 | else |
@@ -166,22 +177,9 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
166 | var tMat = Matrix.I(4); | 177 | var tMat = Matrix.I(4); |
167 | 178 | ||
168 | // _startOriginArray is the location of the center of rotation | 179 | // _startOriginArray is the location of the center of rotation |
169 | // in view space of the element. It is currently calculated during the drag | 180 | // in view space of the element. |
170 | // using delta's in global screen space, hence wrong. | ||
171 | // We can put the transformCenter back in element view space here, however | ||
172 | // it would be (much) more efficient to cache the localToGlobal and | ||
173 | // globalToLocal matrices. | ||
174 | var transformCtr = this._startOriginArray[i]; | 181 | var transformCtr = this._startOriginArray[i]; |
175 | 182 | ||
176 | var localToGlobalMat = viewUtils.getLocalToGlobalMatrix( elt ); | ||
177 | var globalToLocalMat = glmat4.inverse( localToGlobalMat, [] ); | ||
178 | var newTransformCtr = MathUtils.transformAndDivideHomogeneousPoint( this._origin, globalToLocalMat ); | ||
179 | viewUtils.pushViewportObj( elt ); | ||
180 | newTransformCtr = viewUtils.screenToView( newTransformCtr[0], newTransformCtr[1], newTransformCtr[2] ); | ||
181 | viewUtils.popViewportObj( elt ); | ||
182 | //console.log( "transformCtr: " + newTransformCtr ); | ||
183 | transformCtr = newTransformCtr; | ||
184 | |||
185 | tMat[12] = transformCtr[0]; | 183 | tMat[12] = transformCtr[0]; |
186 | tMat[13] = transformCtr[1]; | 184 | tMat[13] = transformCtr[1]; |
187 | tMat[14] = transformCtr[2]; | 185 | tMat[14] = transformCtr[2]; |
@@ -219,6 +217,8 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
219 | var transformCtr = this._startOriginArray[i].slice(0); | 217 | var transformCtr = this._startOriginArray[i].slice(0); |
220 | transformCtr = MathUtils.transformPoint(transformCtr, curMat); | 218 | transformCtr = MathUtils.transformPoint(transformCtr, curMat); |
221 | 219 | ||
220 | console.log( "modifyElements: rotateGlobally, ctr: " + transformCtr ); | ||
221 | |||
222 | tMat[12] = transformCtr[0]; | 222 | tMat[12] = transformCtr[0]; |
223 | tMat[13] = transformCtr[1]; | 223 | tMat[13] = transformCtr[1]; |
224 | tMat[14] = transformCtr[2]; | 224 | tMat[14] = transformCtr[2]; |
@@ -306,11 +306,12 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
306 | else | 306 | else |
307 | { | 307 | { |
308 | this.target = this.application.ninja.currentDocument.documentRoot; | 308 | this.target = this.application.ninja.currentDocument.documentRoot; |
309 | this._origin = drawUtils._selectionCtr.slice(0); | 309 | //this._origin = drawUtils._selectionCtr.slice(0); |
310 | this._origin[0] += this.application.ninja.stage.userContentLeft; | 310 | //this._origin[0] += this.application.ninja.stage.userContentLeft; |
311 | this._origin[1] += this.application.ninja.stage.userContentTop; | 311 | //this._origin[1] += this.application.ninja.stage.userContentTop; |
312 | this._updateTargets(); | 312 | this._updateTargets(); |
313 | this._setTransformOrigin(true); | 313 | this._origin = this.calculateMultiSelOrigin(); |
314 | this._setTransformOrigin(true); | ||
314 | } | 315 | } |
315 | } | 316 | } |
316 | else | 317 | else |
@@ -326,8 +327,15 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
326 | } | 327 | } |
327 | }, | 328 | }, |
328 | 329 | ||
330 | /* | ||
331 | _updateHandlesOrigin: { | ||
332 | value: function () { } | ||
333 | }, | ||
334 | */ | ||
335 | |||
329 | _updateTargets: { | 336 | _updateTargets: { |
330 | value: function(addToUndoStack) { | 337 | value: function(addToUndoStack) { |
338 | console.log( "Rotate3DToolBase._updateTargets" ); | ||
331 | var newStyles = [], | 339 | var newStyles = [], |
332 | previousStyles = [], | 340 | previousStyles = [], |
333 | len = this.application.ninja.selectedElements.length; | 341 | len = this.application.ninja.selectedElements.length; |
@@ -345,10 +353,14 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
345 | var eltCtr = viewUtils.getCenterOfProjection(); | 353 | var eltCtr = viewUtils.getCenterOfProjection(); |
346 | viewUtils.popViewportObj(); | 354 | viewUtils.popViewportObj(); |
347 | 355 | ||
348 | eltCtr = viewUtils.localToGlobal(eltCtr, elt); | 356 | // cache the local to global and global to local matrices |
357 | var l2gMat = viewUtils.getLocalToGlobalMatrix( elt ); | ||
358 | var g2lMat = glmat4.inverse( l2gMat, [] ); | ||
359 | eltCtr = MathUtils.transformAndDivideHomogeneousPoint( eltCtr, l2gMat ); | ||
349 | 360 | ||
350 | this._targets.push({elt:elt, mat:curMat, matInv:curMatInv, ctr:eltCtr}); | 361 | this._targets.push({elt:elt, mat:curMat, matInv:curMatInv, ctr:eltCtr, l2g:l2gMat, g2l:g2lMat}); |
351 | if(addToUndoStack) | 362 | |
363 | if(addToUndoStack) | ||
352 | { | 364 | { |
353 | var previousStyleStr = {dist:this._undoArray[i].dist, mat:MathUtils.scientificToDecimal(this._undoArray[i].mat.slice(0), 5)}; | 365 | var previousStyleStr = {dist:this._undoArray[i].dist, mat:MathUtils.scientificToDecimal(this._undoArray[i].mat.slice(0), 5)}; |
354 | 366 | ||
@@ -379,12 +391,54 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
379 | } | 391 | } |
380 | }, | 392 | }, |
381 | 393 | ||
394 | calculateMultiSelOrigin: | ||
395 | { | ||
396 | value: function() | ||
397 | { | ||
398 | var minPt, maxPt, i,j; | ||
399 | this._startOriginArray = []; | ||
400 | var len = this.application.ninja.selectedElements.length; | ||
401 | for (i = 0; i < len; i++) | ||
402 | { | ||
403 | // get the next element and localToGlobal matrix | ||
404 | elt = this._targets[i].elt; | ||
405 | var l2g = this._targets[i].l2g; | ||
406 | |||
407 | // get the element bounds in 'plane' space | ||
408 | bounds = viewUtils.getElementViewBounds3D( elt ); | ||
409 | for (j=0; j<4; j++) | ||
410 | { | ||
411 | var localPt = bounds[j]; | ||
412 | //var pt = MathUtils.transformAndDivideHomogeneousPoint( localPt, l2g ); | ||
413 | var pt = viewUtils.localToStageWorld( localPt, elt ); | ||
414 | if (!minPt) | ||
415 | { | ||
416 | minPt = pt.slice(); | ||
417 | maxPt = pt.slice(); | ||
418 | } | ||
419 | else | ||
420 | { | ||
421 | minPt[0] = Math.min(minPt[0],pt[0]); minPt[1] = Math.min(minPt[1],pt[1]); minPt[2] = Math.min(minPt[2],pt[2]); | ||
422 | maxPt[0] = Math.max(maxPt[0],pt[0]); maxPt[1] = Math.max(maxPt[1],pt[1]); maxPt[2] = Math.max(maxPt[2],pt[2]); | ||
423 | } | ||
424 | } | ||
425 | } | ||
426 | var stageWorldCtr = [ 0.5*(minPt[0] + maxPt[0]), 0.5*(minPt[1] + maxPt[1]), 0.5*(minPt[2] + maxPt[2]) ]; | ||
427 | var globalCtr = MathUtils.transformAndDivideHomogeneousPoint( stageWorldCtr, viewUtils.getStageWorldToGlobalMatrix() ); | ||
428 | console.log( "resetting _origin to: " + this._origin ); | ||
429 | |||
430 | return globalCtr; | ||
431 | } | ||
432 | }, | ||
433 | |||
382 | _setTransformOrigin: { | 434 | _setTransformOrigin: { |
383 | value: function(shouldUpdateCenter) { | 435 | value: function(shouldUpdateCenter) { |
384 | if(!this._origin) | 436 | if(!this._origin) |
385 | { | 437 | { |
386 | return; | 438 | return; |
387 | } | 439 | } |
440 | console.log( "_setTransformOrigin, _activateOriginHandle: " + this._activateOriginHandle ); | ||
441 | |||
388 | var len = this._targets.length; | 442 | var len = this._targets.length; |
389 | var elt, | 443 | var elt, |
390 | eltCtr, | 444 | eltCtr, |
@@ -396,13 +450,14 @@ exports.Rotate3DToolBase = Montage.create(ModifierToolBase, { | |||
396 | 450 | ||
397 | if(shouldUpdateCenter) | 451 | if(shouldUpdateCenter) |
398 | { | 452 | { |
399 | eltCtr = this._targets[0].ctr; | 453 | // eltCtr = this._targets[0].ctr; |
400 | ctrOffset = vecUtils.vecSubtract(3, this._origin, eltCtr); | 454 | // ctrOffset = vecUtils.vecSubtract(3, this._origin, eltCtr); |
401 | 455 | ||
402 | matInv = this._targets[0].matIn |