aboutsummaryrefslogtreecommitdiff
path: root/js/stage/stage.reel/stage.js
diff options
context:
space:
mode:
authorKruti Shah2012-07-17 12:40:00 -0700
committerKruti Shah2012-07-17 12:40:00 -0700
commitbf2d7bdb22c28089dc1067bc9094ebc590daac87 (patch)
tree2156d9920ea1b7db49ed6460545fea7cda121bae /js/stage/stage.reel/stage.js
parent7e2c2dbd040ed79a3f0678f91bd4b6db9cf69231 (diff)
parentb4b3e45d6684e77d361b4f8ca5be4889428320c5 (diff)
downloadninja-bf2d7bdb22c28089dc1067bc9094ebc590daac87.tar.gz
Merge branch 'refs/heads/TimelineUberJD' into Timeline-local-kruti
Diffstat (limited to 'js/stage/stage.reel/stage.js')
-rwxr-xr-xjs/stage/stage.reel/stage.js139
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>
2Copyright (c) 2012, Motorola Mobility, Inc 2Copyright (c) 2012, Motorola Mobility LLC.
3All Rights Reserved. 3All Rights Reserved.
4BSD License.
5 4
6Redistribution and use in source and binary forms, with or without 5Redistribution and use in source and binary forms, with or without
7modification, are permitted provided that the following conditions are met: 6modification, 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
18THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" 19THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
19AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 20AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
20IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE 21IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
21ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE 22ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
22LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 23LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
23CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 24CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
24SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 25SUBSTITUTE 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
28POSSIBILITY OF SUCH DAMAGE. 29POSSIBILITY OF SUCH DAMAGE.
29</copyright> */ 30</copyright> */
30 31
31var Montage = require("montage/core/core").Montage, 32var 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
36exports.Stage = Montage.create(Component, { 37exports.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":