diff options
author | Pushkar Joshi | 2012-04-17 14:43:37 -0700 |
---|---|---|
committer | Pushkar Joshi | 2012-04-17 14:43:37 -0700 |
commit | 036cf034e124dbc1f4893e90f7c6d240904a3faf (patch) | |
tree | a6ee7524d8904a0945021cdd0e9bcd212904ba6c /js/tools | |
parent | 7c82ee4f217ea86ee4ebee80da29481f31e5019d (diff) | |
download | ninja-036cf034e124dbc1f4893e90f7c6d240904a3faf.tar.gz |
Snapshot for pen tool before merging with master....can draw polylines (no prev, next) handles and hit testing in 3D. Update of the canvas with a transformation on it will modify the canvas incorrectly, and will be completed after merging with master
Diffstat (limited to 'js/tools')
-rwxr-xr-x | js/tools/PenTool.js | 76 |
1 files changed, 45 insertions, 31 deletions
diff --git a/js/tools/PenTool.js b/js/tools/PenTool.js index 50fd97d7..0661c3ea 100755 --- a/js/tools/PenTool.js +++ b/js/tools/PenTool.js | |||
@@ -282,6 +282,13 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
282 | // Compute the mouse position in local (selected subpath canvas) space | 282 | // Compute the mouse position in local (selected subpath canvas) space |
283 | var globalPos = hitRec.getScreenPoint(); | 283 | var globalPos = hitRec.getScreenPoint(); |
284 | var localMousePos = ViewUtils.globalToLocal(globalPos, this._selectedSubpathCanvas); | 284 | var localMousePos = ViewUtils.globalToLocal(globalPos, this._selectedSubpathCanvas); |
285 | /* | ||
286 | CHECK IF THIS IS CORRECT | ||
287 | ViewUtils.pushViewportObj | ||
288 | var temp ViewUtils.screenToView(localMousePos[0], localMousePos[1], 0) should return a point in view space of canvas | ||
289 | ViewUtils.popViewportObj | ||
290 | MathUtils.transformPoint(temp, this._selectedSubpathPlaneMat) | ||
291 | */ | ||
285 | 292 | ||
286 | //now perform the hit testing | 293 | //now perform the hit testing |
287 | var prevSelectedAnchorIndex = this._selectedSubpath.getSelectedAnchorIndex(); | 294 | var prevSelectedAnchorIndex = this._selectedSubpath.getSelectedAnchorIndex(); |
@@ -312,8 +319,13 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
312 | //if we have selected the first anchor point, and previously had selected the last anchor point, close the path | 319 | //if we have selected the first anchor point, and previously had selected the last anchor point, close the path |
313 | var numAnchors = this._selectedSubpath.getNumAnchors(); | 320 | var numAnchors = this._selectedSubpath.getNumAnchors(); |
314 | if (numAnchors>1 && !this._selectedSubpath.getIsClosed() && this._selectedSubpath.getSelectedAnchorIndex()===0 && prevSelectedAnchorIndex === numAnchors-1){ | 321 | if (numAnchors>1 && !this._selectedSubpath.getIsClosed() && this._selectedSubpath.getSelectedAnchorIndex()===0 && prevSelectedAnchorIndex === numAnchors-1){ |
315 | //setting the selection mode to NONE will effectively add a new anchor point at the click location and also give us snapping | 322 | //insert an anchor temporarily that will get removed in the mouse up handler |
316 | whichPoint = this._selectedSubpath.SEL_NONE; | 323 | this._selectedSubpath.addAnchor(new AnchorPoint()); |
324 | var newAnchor = this._selectedSubpath.getAnchor(this._selectedSubpath.getSelectedAnchorIndex()); | ||
325 | newAnchor.setPos(localMousePos[0], localMousePos[1], localMousePos[2]); | ||
326 | newAnchor.setPrevPos(localMousePos[0], localMousePos[1], localMousePos[2]); | ||
327 | newAnchor.setNextPos(localMousePos[0], localMousePos[1], localMousePos[2]); | ||
328 | |||
317 | //set the snap target in case the mouse move handler doesn't get called | 329 | //set the snap target in case the mouse move handler doesn't get called |
318 | this._snapTargetIndex = 0; | 330 | this._snapTargetIndex = 0; |
319 | } | 331 | } |
@@ -489,7 +501,6 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
489 | var globalMousePos = hitRec.getScreenPoint(); | 501 | var globalMousePos = hitRec.getScreenPoint(); |
490 | var localMousePos = ViewUtils.globalToLocal(globalMousePos, drawingCanvas); | 502 | var localMousePos = ViewUtils.globalToLocal(globalMousePos, drawingCanvas); |
491 | 503 | ||
492 | |||
493 | //var selAnchorRetCode = this._selectedSubpath.pickAnchor(currMousePos[0], currMousePos[1], currMousePos[2], this._PICK_POINT_RADIUS, false); | 504 | //var selAnchorRetCode = this._selectedSubpath.pickAnchor(currMousePos[0], currMousePos[1], currMousePos[2], this._PICK_POINT_RADIUS, false); |
494 | //var selAnchorRetCode = this._selectedSubpath.pickAnchor(localMousePos[0], localMousePos[1], localMousePos[2], this._PICK_POINT_RADIUS); | 505 | //var selAnchorRetCode = this._selectedSubpath.pickAnchor(localMousePos[0], localMousePos[1], localMousePos[2], this._PICK_POINT_RADIUS); |
495 | var selAnchorAndParamAndCode = this._selectedSubpath.pickPath(localMousePos[0], localMousePos[1], localMousePos[2], this._PICK_POINT_RADIUS, true); | 506 | var selAnchorAndParamAndCode = this._selectedSubpath.pickPath(localMousePos[0], localMousePos[1], localMousePos[2], this._PICK_POINT_RADIUS, true); |
@@ -513,7 +524,6 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
513 | this.application.ninja.stage.drawingCanvas.style.cursor = cursor; | 524 | this.application.ninja.stage.drawingCanvas.style.cursor = cursor; |
514 | } else if (selAnchorAndParamAndCode[2] & this._selectedSubpath.SEL_PATH) { | 525 | } else if (selAnchorAndParamAndCode[2] & this._selectedSubpath.SEL_PATH) { |
515 | //change the cursor | 526 | //change the cursor |
516 | STOPPED HERE...why is this case not being hit? | ||
517 | var cursor = "url('images/cursors/penCursors/Pen_plus.png') 5 1, default"; | 527 | var cursor = "url('images/cursors/penCursors/Pen_plus.png') 5 1, default"; |
518 | this.application.ninja.stage.drawingCanvas.style.cursor = cursor; | 528 | this.application.ninja.stage.drawingCanvas.style.cursor = cursor; |
519 | } | 529 | } |
@@ -723,20 +733,28 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
723 | value: function(){ | 733 | value: function(){ |
724 | var i=0,d=0; | 734 | var i=0,d=0; |
725 | var currAnchor = null; | 735 | var currAnchor = null; |
726 | var localPos = [[0,0,0],[0,0,0],[0,0,0]]; | 736 | var xAdjustment = snapManager.getStageWidth()*0.5; |
727 | //if there is already is a subpath canvas, it means the anchor points are in local space | 737 | var yAdjustment = snapManager.getStageHeight()*0.5; |
738 | var localPos = [[0,0,0,0],[0,0,0,0],[0,0,0,0]]; | ||
739 | //if there already is a subpath canvas, it means the anchor points are in local space | ||
728 | // so convert them to stage world space | 740 | // so convert them to stage world space |
729 | var numAnchors = this._selectedSubpath.getNumAnchors(); | 741 | var numAnchors = this._selectedSubpath.getNumAnchors(); |
730 | if (this._selectedSubpathCanvas) { | 742 | if (this._selectedSubpathCanvas) { |
731 | var localToStageWorldMat = ViewUtils.getLocalToStageWorldMatrix(this._selectedSubpathCanvas, true, true); | 743 | //this transformation will take the path points from local space to stage world space |
744 | // *without* taking into account the transformation applied to this canvas | ||
745 | // (this is because we use the center of the bbox to find a place for the canvas) | ||
746 | var localToStageWorldMat = ViewUtils.getLocalToStageWorldMatrix(this._selectedSubpathCanvas, true, false); | ||
732 | for (i=0;i<numAnchors;i++){ | 747 | for (i=0;i<numAnchors;i++){ |
733 | //convert this anchor from local to stage world | 748 | //convert this anchor from local to stage world |
734 | var currAnchor = this._selectedSubpath.getAnchor(i); | 749 | var currAnchor = this._selectedSubpath.getAnchor(i); |
735 | localPos[0] = [currAnchor.getPrevX(), currAnchor.getPrevY(), currAnchor.getPrevZ()]; | 750 | localPos[0] = [currAnchor.getPrevX(), currAnchor.getPrevY(), currAnchor.getPrevZ(),1]; |
736 | localPos[1] = [currAnchor.getPosX(), currAnchor.getPosY(), currAnchor.getPosZ()]; | 751 | localPos[1] = [currAnchor.getPosX(), currAnchor.getPosY(), currAnchor.getPosZ(),1]; |
737 | localPos[2] = [currAnchor.getNextX(), currAnchor.getNextY(), currAnchor.getNextZ()]; | 752 | localPos[2] = [currAnchor.getNextX(), currAnchor.getNextY(), currAnchor.getNextZ(),1]; |
738 | for (d=0;d<3;d++) { | 753 | for (d=0;d<3;d++) { |
739 | localPos[d] = MathUtils.transformAndDivideHomogeneousPoint(localPos[d], localToStageWorldMat); | 754 | localPos[d] = MathUtils.transformAndDivideHomogeneousPoint(localPos[d], localToStageWorldMat); |
755 | //add half the stage width and height to the X and Y coord. | ||
756 | localPos[d][0]+= xAdjustment; | ||
757 | localPos[d][1]+= yAdjustment; | ||
740 | } | 758 | } |
741 | currAnchor.setPrevPos(localPos[0][0],localPos[0][1],localPos[0][2]); | 759 | currAnchor.setPrevPos(localPos[0][0],localPos[0][1],localPos[0][2]); |
742 | currAnchor.setPos(localPos[1][0],localPos[1][1],localPos[1][2]); | 760 | currAnchor.setPos(localPos[1][0],localPos[1][1],localPos[1][2]); |
@@ -751,28 +769,21 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
751 | var bboxMax = this._selectedSubpath.getBBoxMax(); | 769 | var bboxMax = this._selectedSubpath.getBBoxMax(); |
752 | 770 | ||
753 | //check if the last point added made this canvas is now bigger than the max canvas size | 771 | //check if the last point added made this canvas is now bigger than the max canvas size |
754 | var needToRemoveLastPoint = false; | ||
755 | for (d=0;d<3;d++){ | 772 | for (d=0;d<3;d++){ |
756 | if (bboxMax[d]-bboxMin[d]>this._MAX_CANVAS_DIMENSION){ | 773 | if (bboxMax[d]-bboxMin[d]>this._MAX_CANVAS_DIMENSION){ |
757 | needToRemoveLastPoint = true; | 774 | console.log("PEN: Warning! Ignoring last added point because canvas size too large"); |
775 | this._selectedSubpath.removeAnchor(numAnchors-1); | ||
776 | numAnchors--; | ||
777 | //recompute the bbox of this subpath | ||
778 | this._selectedSubpath.createSamples(true); | ||
779 | bboxMin = this._selectedSubpath.getBBoxMin(); | ||
780 | bboxMax = this._selectedSubpath.getBBoxMax(); | ||
781 | break; | ||
758 | } | 782 | } |
759 | } | 783 | } |
760 | if (needToRemoveLastPoint){ | 784 | |
761 | console.log("PEN: Warning! Ignoring last added point because canvas size too large") | ||
762 | this._selectedSubpath.removeAnchor(numAnchors-1); | ||
763 | numAnchors--; | ||
764 | //recompute the bbox of this subpath | ||
765 | this._selectedSubpath.createSamples(true); | ||
766 | bboxMin = this._selectedSubpath.getBBoxMin(); | ||
767 | bboxMax = this._selectedSubpath.getBBoxMax(); | ||
768 | } | ||
769 | 785 | ||
770 | this._selectedSubpathCanvasCenter = VecUtils.vecInterpolate(3, bboxMin, bboxMax, 0.5); | 786 | this._selectedSubpathCanvasCenter = VecUtils.vecInterpolate(3, bboxMin, bboxMax, 0.5); |
771 | if (this._selectedSubpathCanvas) { | ||
772 | //if the canvas does not yet exist, the stage world point already have this stage dimension offset below | ||
773 | this._selectedSubpathCanvasCenter[0]+= snapManager.getStageWidth()*0.5; | ||
774 | this._selectedSubpathCanvasCenter[1]+= snapManager.getStageHeight()*0.5; | ||
775 | } | ||
776 | 787 | ||
777 | //update the plane matrix of this subpath by querying the element mediator | 788 | //update the plane matrix of this subpath by querying the element mediator |
778 | if (this._selectedSubpathCanvas) { | 789 | if (this._selectedSubpathCanvas) { |
@@ -784,9 +795,9 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
784 | for (i=0;i<numAnchors;i++){ | 795 | for (i=0;i<numAnchors;i++){ |
785 | var currAnchor = this._selectedSubpath.getAnchor(i); | 796 | var currAnchor = this._selectedSubpath.getAnchor(i); |
786 | 797 | ||
787 | localPos[0] = [currAnchor.getPrevX(), currAnchor.getPrevY(), currAnchor.getPrevZ()]; | 798 | localPos[0] = [currAnchor.getPrevX(), currAnchor.getPrevY(), currAnchor.getPrevZ(),1]; |
788 | localPos[1] = [currAnchor.getPosX(), currAnchor.getPosY(), currAnchor.getPosZ()]; | 799 | localPos[1] = [currAnchor.getPosX(), currAnchor.getPosY(), currAnchor.getPosZ(),1]; |
789 | localPos[2] = [currAnchor.getNextX(), currAnchor.getNextY(), currAnchor.getNextZ()]; | 800 | localPos[2] = [currAnchor.getNextX(), currAnchor.getNextY(), currAnchor.getNextZ(),1]; |
790 | for (d=0;d<3;d++) { | 801 | for (d=0;d<3;d++) { |
791 | localPos[d][0]-= this._selectedSubpathCanvasCenter[0]; | 802 | localPos[d][0]-= this._selectedSubpathCanvasCenter[0]; |
792 | localPos[d][1]-= this._selectedSubpathCanvasCenter[1]; | 803 | localPos[d][1]-= this._selectedSubpathCanvasCenter[1]; |
@@ -1245,7 +1256,7 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
1245 | } | 1256 | } |
1246 | else{ | 1257 | else{ |
1247 | for (var i=0;i<this.application.ninja.selectedElements.length;i++){ | 1258 | for (var i=0;i<this.application.ninja.selectedElements.length;i++){ |
1248 | var element = this.application.ninja.selectedElements[i] | 1259 | var element = this.application.ninja.selectedElements[i]; |
1249 | //console.log("Entered pen tool, had selected: " + element.elementModel.selection); | 1260 | //console.log("Entered pen tool, had selected: " + element.elementModel.selection); |
1250 | if (element.elementModel.selection === 'Subpath'){ //TODO what to do if the canvas is drawn by tag tool? | 1261 | if (element.elementModel.selection === 'Subpath'){ //TODO what to do if the canvas is drawn by tag tool? |
1251 | //set the pen canvas to be the selected canvas | 1262 | //set the pen canvas to be the selected canvas |
@@ -1256,7 +1267,7 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
1256 | this._entryEditMode = this.ENTRY_SELECT_CANVAS; //by default, we're in this mode...change if we find a subpath contained in this canvas | 1267 | this._entryEditMode = this.ENTRY_SELECT_CANVAS; //by default, we're in this mode...change if we find a subpath contained in this canvas |
1257 | var world = ElementMediator.getShapeProperty(this._selectedSubpathCanvas, "GLWorld"); | 1268 | var world = ElementMediator.getShapeProperty(this._selectedSubpathCanvas, "GLWorld"); |
1258 | if (world === null){ | 1269 | if (world === null){ |
1259 | throw("Pen tool configure did not work correctly") | 1270 | throw("Pen tool configure did not work correctly"); |
1260 | break; //something bad happened //TODO handle this better | 1271 | break; //something bad happened //TODO handle this better |
1261 | } | 1272 | } |
1262 | 1273 | ||
@@ -1319,6 +1330,9 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
1319 | else { | 1330 | else { |
1320 | this._selectedSubpath.clearAllAnchors(); //perhaps unnecessary | 1331 | this._selectedSubpath.clearAllAnchors(); //perhaps unnecessary |
1321 | this._selectedSubpath = null; | 1332 | this._selectedSubpath = null; |
1333 | if (this._entryEditMode === this.ENTRY_SELECT_PATH){ | ||
1334 | this._entryEditMode = this.ENTRY_SELECT_NONE; | ||
1335 | } | ||
1322 | //clear the canvas | 1336 | //clear the canvas |
1323 | this.application.ninja.stage.clearDrawingCanvas();//stageManagerModule.stageManager.clearDrawingCanvas(); | 1337 | this.application.ninja.stage.clearDrawingCanvas();//stageManagerModule.stageManager.clearDrawingCanvas(); |
1324 | 1338 | ||