diff options
author | Kruti Shah | 2012-07-17 12:40:00 -0700 |
---|---|---|
committer | Kruti Shah | 2012-07-17 12:40:00 -0700 |
commit | bf2d7bdb22c28089dc1067bc9094ebc590daac87 (patch) | |
tree | 2156d9920ea1b7db49ed6460545fea7cda121bae /js/stage/stage.reel/stage.js | |
parent | 7e2c2dbd040ed79a3f0678f91bd4b6db9cf69231 (diff) | |
parent | b4b3e45d6684e77d361b4f8ca5be4889428320c5 (diff) | |
download | ninja-bf2d7bdb22c28089dc1067bc9094ebc590daac87.tar.gz |
Merge branch 'refs/heads/TimelineUberJD' into Timeline-local-kruti
Diffstat (limited to 'js/stage/stage.reel/stage.js')
-rwxr-xr-x | js/stage/stage.reel/stage.js | 139 |
1 files changed, 70 insertions, 69 deletions
diff --git a/js/stage/stage.reel/stage.js b/js/stage/stage.reel/stage.js index 86df0903..7c587989 100755 --- a/js/stage/stage.reel/stage.js +++ b/js/stage/stage.reel/stage.js | |||
@@ -1,24 +1,25 @@ | |||
1 | /* <copyright> | 1 | /* <copyright> |
2 | Copyright (c) 2012, Motorola Mobility, Inc | 2 | Copyright (c) 2012, Motorola Mobility LLC. |
3 | All Rights Reserved. | 3 | All Rights Reserved. |
4 | BSD License. | ||
5 | 4 | ||
6 | Redistribution and use in source and binary forms, with or without | 5 | Redistribution and use in source and binary forms, with or without |
7 | modification, are permitted provided that the following conditions are met: | 6 | modification, are permitted provided that the following conditions are met: |
8 | 7 | ||
9 | - Redistributions of source code must retain the above copyright notice, | 8 | * Redistributions of source code must retain the above copyright notice, |
10 | this list of conditions and the following disclaimer. | 9 | this list of conditions and the following disclaimer. |
11 | - Redistributions in binary form must reproduce the above copyright | 10 | |
12 | notice, this list of conditions and the following disclaimer in the | 11 | * Redistributions in binary form must reproduce the above copyright notice, |
13 | documentation and/or other materials provided with the distribution. | 12 | this list of conditions and the following disclaimer in the documentation |
14 | - Neither the name of Motorola Mobility nor the names of its contributors | 13 | and/or other materials provided with the distribution. |
15 | may be used to endorse or promote products derived from this software | 14 | |
16 | without specific prior written permission. | 15 | * Neither the name of Motorola Mobility LLC nor the names of its |
16 | contributors may be used to endorse or promote products derived from this | ||
17 | software without specific prior written permission. | ||
17 | 18 | ||
18 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
19 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | 20 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
20 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
21 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
22 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
23 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
24 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -28,10 +29,10 @@ ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | |||
28 | POSSIBILITY OF SUCH DAMAGE. | 29 | POSSIBILITY OF SUCH DAMAGE. |
29 | </copyright> */ | 30 | </copyright> */ |
30 | 31 | ||
31 | var Montage = require("montage/core/core").Montage, | 32 | var Montage = require("montage/core/core").Montage, |
32 | Component = require("montage/ui/component").Component, | 33 | Component = require("montage/ui/component").Component, |
33 | drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils, | 34 | drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils, |
34 | vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils; | 35 | vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils; |
35 | 36 | ||
36 | exports.Stage = Montage.create(Component, { | 37 | exports.Stage = Montage.create(Component, { |
37 | 38 | ||
@@ -65,13 +66,13 @@ exports.Stage = Montage.create(Component, { | |||
65 | 66 | ||
66 | _resizeCanvases: { value: true }, | 67 | _resizeCanvases: { value: true }, |
67 | 68 | ||
68 | viewUtils: { | 69 | viewUtils: { |
69 | get: function() { return this.stageDeps.viewUtils; } | 70 | get: function() { return this.stageDeps.viewUtils; } |
70 | }, | 71 | }, |
71 | 72 | ||
72 | snapManager: { | 73 | snapManager: { |
73 | get: function() { return this.stageDeps.snapManager; } | 74 | get: function() { return this.stageDeps.snapManager; } |
74 | }, | 75 | }, |
75 | 76 | ||
76 | drawUtils: { | 77 | drawUtils: { |
77 | get: function() { return this.stageDeps.drawUtils; } | 78 | get: function() { return this.stageDeps.drawUtils; } |
@@ -567,7 +568,7 @@ exports.Stage = Montage.create(Component, { | |||
567 | this._clickPoint.y = point.y; // event.layerY; | 568 | this._clickPoint.y = point.y; // event.layerY; |
568 | 569 | ||
569 | this.enableMouseInOut(); | 570 | this.enableMouseInOut(); |
570 | 571 | ||
571 | this.application.ninja.toolsData.selectedToolInstance.downPoint.x = point.x; | 572 | this.application.ninja.toolsData.selectedToolInstance.downPoint.x = point.x; |
572 | this.application.ninja.toolsData.selectedToolInstance.downPoint.y = point.y; | 573 | this.application.ninja.toolsData.selectedToolInstance.downPoint.y = point.y; |
573 | this.application.ninja.toolsData.selectedToolInstance.HandleLeftButtonDown(event); | 574 | this.application.ninja.toolsData.selectedToolInstance.HandleLeftButtonDown(event); |
@@ -895,16 +896,16 @@ exports.Stage = Montage.create(Component, { | |||
895 | this._drawingContext.strokeStyle = this._canvasDrawingPrefs.color; | 896 | this._drawingContext.strokeStyle = this._canvasDrawingPrefs.color; |
896 | this._drawingContext.lineWidth = this._canvasDrawingPrefs.thickness; | 897 | this._drawingContext.lineWidth = this._canvasDrawingPrefs.thickness; |
897 | 898 | ||
898 | //this._drawingContext.strokeRect(x,y,w,h); | 899 | //this._drawingContext.strokeRect(x,y,w,h); |
899 | this._drawingContext.beginPath(); | 900 | this._drawingContext.beginPath(); |
900 | this._drawingContext.moveTo( x0 + 0.5, y0 + 0.5 ); | 901 | this._drawingContext.moveTo( x0 + 0.5, y0 + 0.5 ); |
901 | this._drawingContext.lineTo( x1 + 0.5, y1 + 0.5 ); | 902 | this._drawingContext.lineTo( x1 + 0.5, y1 + 0.5 ); |
902 | this._drawingContext.lineTo( x2 + 0.5, y2 + 0.5 ); | 903 | this._drawingContext.lineTo( x2 + 0.5, y2 + 0.5 ); |
903 | this._drawingContext.lineTo( x3 + 0.5, y3 + 0.5 ); | 904 | this._drawingContext.lineTo( x3 + 0.5, y3 + 0.5 ); |
904 | this._drawingContext.lineTo( x0 + 0.5, y0 + 0.5 ); | 905 | this._drawingContext.lineTo( x0 + 0.5, y0 + 0.5 ); |
905 | 906 | ||
906 | this._drawingContext.closePath(); | 907 | this._drawingContext.closePath(); |
907 | this._drawingContext.stroke(); | 908 | this._drawingContext.stroke(); |
908 | 909 | ||
909 | this._drawingContext.font = "10px sans-serif"; | 910 | this._drawingContext.font = "10px sans-serif"; |
910 | this._drawingContext.textAlign = "right"; | 911 | this._drawingContext.textAlign = "right"; |
@@ -946,7 +947,7 @@ exports.Stage = Montage.create(Component, { | |||
946 | 947 | ||
947 | var zoomFactor = 1; | 948 | var zoomFactor = 1; |
948 | if (this._viewport && this._viewport.style && this._viewport.style.zoom) { | 949 | if (this._viewport && this._viewport.style && this._viewport.style.zoom) { |
949 | zoomFactor = Number(this._viewport.style.zoom); | 950 | zoomFactor = Number(this._viewport.style.zoom); |
950 | } | 951 | } |
951 | 952 | ||
952 | var tmpMat = this.stageDeps.viewUtils.getLocalToGlobalMatrix( elt ); | 953 | var tmpMat = this.stageDeps.viewUtils.getLocalToGlobalMatrix( elt ); |
@@ -1088,9 +1089,9 @@ exports.Stage = Montage.create(Component, { | |||
1088 | 1089 | ||
1089 | /** | 1090 | /** |
1090 | * draw3DProjectedAndUnprojectedRectangles -- Draws a 3D rectangle used for marquee selection. | 1091 | * draw3DProjectedAndUnprojectedRectangles -- Draws a 3D rectangle used for marquee selection. |
1091 | * Draws a second rectangle to indicate the projected | 1092 | * Draws a second rectangle to indicate the projected |
1092 | * location of the created geometry | 1093 | * location of the created geometry |
1093 | * Uses the _canvasDrawingPrefs for line thickness and color | 1094 | * Uses the _canvasDrawingPrefs for line thickness and color |
1094 | * | 1095 | * |
1095 | * @params: x, y, w, h | 1096 | * @params: x, y, w, h |
1096 | */ | 1097 | */ |
@@ -1100,24 +1101,24 @@ exports.Stage = Montage.create(Component, { | |||
1100 | this._drawingContext.strokeStyle = this._canvasDrawingPrefs.color; | 1101 | this._drawingContext.strokeStyle = this._canvasDrawingPrefs.color; |
1101 | this._drawingContext.lineWidth = this._canvasDrawingPrefs.thickness; | 1102 | this._drawingContext.lineWidth = this._canvasDrawingPrefs.thickness; |
1102 | 1103 | ||
1103 | this._drawingContext.beginPath(); | 1104 | this._drawingContext.beginPath(); |
1104 | var x0 = unProjPts[0][0], y0 = unProjPts[0][1], | 1105 | var x0 = unProjPts[0][0], y0 = unProjPts[0][1], |
1105 | x1 = unProjPts[1][0], y1 = unProjPts[1][1], | 1106 | x1 = unProjPts[1][0], y1 = unProjPts[1][1], |
1106 | x2 = unProjPts[2][0], y2 = unProjPts[2][1], | 1107 | x2 = unProjPts[2][0], y2 = unProjPts[2][1], |
1107 | x3 = unProjPts[3][0], y3 = unProjPts[3][1]; | 1108 | x3 = unProjPts[3][0], y3 = unProjPts[3][1]; |
1108 | this._drawingContext.moveTo( x0 + 0.5, y0 + 0.5 ); | 1109 | this._drawingContext.moveTo( x0 + 0.5, y0 + 0.5 ); |
1109 | this._drawingContext.lineTo( x1 + 0.5, y1 + 0.5 ); | 1110 | this._drawingContext.lineTo( x1 + 0.5, y1 + 0.5 ); |
1110 | this._drawingContext.lineTo( x2 + 0.5, y2 + 0.5 ); | 1111 | this._drawingContext.lineTo( x2 + 0.5, y2 + 0.5 ); |
1111 | this._drawingContext.lineTo( x3 + 0.5, y3 + 0.5 ); | 1112 | this._drawingContext.lineTo( x3 + 0.5, y3 + 0.5 ); |
1112 | this._drawingContext.lineTo( x0 + 0.5, y0 + 0.5 ); | 1113 | this._drawingContext.lineTo( x0 + 0.5, y0 + 0.5 ); |
1113 | 1114 | ||
1114 | this._drawingContext.closePath(); | 1115 | this._drawingContext.closePath(); |
1115 | this._drawingContext.stroke(); | 1116 | this._drawingContext.stroke(); |
1116 | 1117 | ||
1117 | this.stageDeps.snapManager.drawDashedLine( projPts[0], projPts[1], this._drawingContext ); | 1118 | this.stageDeps.snapManager.drawDashedLine( projPts[0], projPts[1], this._drawingContext ); |
1118 | this.stageDeps.snapManager.drawDashedLine( projPts[1], projPts[2], this._drawingContext ); | 1119 | this.stageDeps.snapManager.drawDashedLine( projPts[1], projPts[2], this._drawingContext ); |
1119 | this.stageDeps.snapManager.drawDashedLine( projPts[2], projPts[3], this._drawingContext ); | 1120 | this.stageDeps.snapManager.drawDashedLine( projPts[2], projPts[3], this._drawingContext ); |
1120 | this.stageDeps.snapManager.drawDashedLine( projPts[3], projPts[0], this._drawingContext ); | 1121 | this.stageDeps.snapManager.drawDashedLine( projPts[3], projPts[0], this._drawingContext ); |
1121 | 1122 | ||
1122 | this._drawingContext.font = "10px sans-serif"; | 1123 | this._drawingContext.font = "10px sans-serif"; |
1123 | this._drawingContext.textAlign = "right"; | 1124 | this._drawingContext.textAlign = "right"; |
@@ -1216,14 +1217,14 @@ exports.Stage = Montage.create(Component, { | |||
1216 | { | 1217 | { |
1217 | var w = this._canvas.width, | 1218 | var w = this._canvas.width, |
1218 | h = this._canvas.height; | 1219 | h = this._canvas.height; |
1219 | var globalPt = [w/2, h/2, 0]; | 1220 | var globalPt = [w/2, h/2, 0]; |
1220 | 1221 | ||
1221 | this.stageDeps.viewUtils.setStageZoom( globalPt, value/100 ); | 1222 | this.stageDeps.viewUtils.setStageZoom( globalPt, value/100 ); |
1222 | 1223 | ||
1223 | //TODO - Maybe move to mediator. | 1224 | //TODO - Maybe move to mediator. |
1224 | var newVal = value/100.0; | 1225 | var newVal = value/100.0; |
1225 | if (newVal >= 1) | 1226 | if (newVal >= 1) |
1226 | this.currentDocument.model.views.design.iframe.style.zoom = value/100; | 1227 | this.currentDocument.model.views.design.iframe.style.zoom = value/100; |
1227 | 1228 | ||
1228 | this.updatedStage = true; | 1229 | this.updatedStage = true; |
1229 | 1230 | ||
@@ -1233,35 +1234,35 @@ exports.Stage = Montage.create(Component, { | |||
1233 | } | 1234 | } |
1234 | }, | 1235 | }, |
1235 | 1236 | ||
1236 | getPlaneForView: | 1237 | getPlaneForView: |
1237 | { | 1238 | { |
1238 | value: function( side ) | 1239 | value: function( side ) |
1239 | { | 1240 | { |
1240 | var plane = [0,0,1,0]; | 1241 | var plane = [0,0,1,0]; |
1241 | switch(side) | 1242 | switch(side) |
1242 | { | 1243 | { |
1243 | case "top": | 1244 | case "top": |