aboutsummaryrefslogtreecommitdiff
path: root/js/controllers
diff options
context:
space:
mode:
Diffstat (limited to 'js/controllers')
-rwxr-xr-xjs/controllers/elements/element-controller.js10
-rwxr-xr-xjs/controllers/elements/stage-controller.js20
-rwxr-xr-xjs/controllers/styles-controller.js35
3 files changed, 42 insertions, 23 deletions
diff --git a/js/controllers/elements/element-controller.js b/js/controllers/elements/element-controller.js
index fda3a3c5..7ab6664f 100755
--- a/js/controllers/elements/element-controller.js
+++ b/js/controllers/elements/element-controller.js
@@ -249,10 +249,6 @@ exports.ElementController = Montage.create(Component, {
249 else 249 else
250 { 250 {
251 var dist = this.application.ninja.stylesController.getPerspectiveDistFromElement(el, false); 251 var dist = this.application.ninja.stylesController.getPerspectiveDistFromElement(el, false);
252 if(dist == null) {
253 dist = 1400;
254 }
255
256 el.elementModel.props3D.perspectiveDist = dist; 252 el.elementModel.props3D.perspectiveDist = dist;
257 return dist; 253 return dist;
258 } 254 }
@@ -266,9 +262,13 @@ exports.ElementController = Montage.create(Component, {
266 mat = props[index]["mat"]; 262 mat = props[index]["mat"];
267 this.application.ninja.stylesController.setElementStyle(el, 263 this.application.ninja.stylesController.setElementStyle(el,
268 "-webkit-transform", 264 "-webkit-transform",
269 "perspective(" + dist + ") " +
270 "matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")"); 265 "matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")");
271 266
267 // TODO - We don't support perspective on individual elements yet
268// this.application.ninja.stylesController.setElementStyle(el,
269// "-webkit-perspective",
270// dist);
271
272 el.elementModel.props3D.matrix3d = mat; 272 el.elementModel.props3D.matrix3d = mat;
273 el.elementModel.props3D.perspectiveDist = dist; 273 el.elementModel.props3D.perspectiveDist = dist;
274 274
diff --git a/js/controllers/elements/stage-controller.js b/js/controllers/elements/stage-controller.js
index dc916b1a..f376e40f 100755
--- a/js/controllers/elements/stage-controller.js
+++ b/js/controllers/elements/stage-controller.js
@@ -90,7 +90,7 @@ exports.StageController = Montage.create(ElementController, {
90 return el.elementModel.stageView.style.getProperty(p); 90 return el.elementModel.stageView.style.getProperty(p);
91 } 91 }
92 default: 92 default:
93 return ElementController.getProperty(el, p, false, true); 93 return ElementController.getProperty(el, p, true, true);
94 //console.log("Undefined Stage property ", p); 94 //console.log("Undefined Stage property ", p);
95 } 95 }
96 } 96 }
@@ -119,6 +119,7 @@ exports.StageController = Montage.create(ElementController, {
119 break; 119 break;
120 case "-webkit-transform-style": 120 case "-webkit-transform-style":
121 el.elementModel.stageView.style.setProperty(p, value); 121 el.elementModel.stageView.style.setProperty(p, value);
122 this.application.ninja.stage.updatedStage = true;
122 break; 123 break;
123 default: 124 default:
124 console.log("Undefined property ", p, "for the Stage Controller"); 125 console.log("Undefined property ", p, "for the Stage Controller");
@@ -178,5 +179,20 @@ exports.StageController = Montage.create(ElementController, {
178 return mat; 179 return mat;
179 } 180 }
180 } 181 }
181 } 182 },
183
184 getPerspectiveDist: {
185 value: function(el) {
186 if(el.elementModel && el.elementModel.props3D && el.elementModel.props3D.perspectiveDist)
187 {
188 return el.elementModel.props3D.perspectiveDist;
189 }
190 else
191 {
192 var dist = this.application.ninja.stylesController.getPerspectiveDistFromElement(el, true);
193 el.elementModel.props3D.perspectiveDist = dist;
194 return dist;
195 }
196 }
197 },
182}); 198});
diff --git a/js/controllers/styles-controller.js b/js/controllers/styles-controller.js
index 3e56f25c..f7c98023 100755
--- a/js/controllers/styles-controller.js
+++ b/js/controllers/styles-controller.js
@@ -1138,7 +1138,7 @@ var stylesController = exports.StylesController = Montage.create(Component, {
1138 1138
1139 getMatrixFromElement : { 1139 getMatrixFromElement : {
1140 value: function(element, isStage) { 1140 value: function(element, isStage) {
1141 var xformStr = this.getElementStyle(element, "-webkit-transform", false, isStage), 1141 var xformStr = this.getElementStyle(element, "-webkit-transform", true, isStage),
1142 mat; 1142 mat;
1143 1143
1144 if (xformStr) { 1144 if (xformStr) {
@@ -1171,26 +1171,29 @@ var stylesController = exports.StylesController = Montage.create(Component, {
1171 1171
1172 getPerspectiveDistFromElement : { 1172 getPerspectiveDistFromElement : {
1173 value: function(element, isStage) { 1173 value: function(element, isStage) {
1174 var xformStr = this.getElementStyle(element, "-webkit-transform", false, isStage), 1174 var xformStr = this.getElementStyle(element, "-webkit-perspective", false, isStage),
1175 dist; 1175 dist;
1176 1176
1177 if (xformStr) { 1177 if(xformStr) {
1178 var index1 = xformStr.indexOf( "perspective("); 1178 dist = parseInt(xformStr);
1179 if (index1 >= 0) { 1179 } else {
1180 index1 += 12; // do not include 'perspective(' 1180 xformStr = this.getElementStyle(element, "-webkit-transform", true, isStage);
1181 var index2 = xformStr.indexOf( ")", index1 ); 1181 if (xformStr) {
1182 if (index2 >= 0) { 1182 var index1 = xformStr.indexOf( "perspective(");
1183 var substr = xformStr.substr( index1, (index2-index1)); 1183 if (index1 >= 0) {
1184 if (substr && (substr.length > 0)) { 1184 index1 += 12; // do not include 'perspective('
1185 dist = parseInt( substr ); 1185 var index2 = xformStr.indexOf( ")", index1 );
1186 if (index2 >= 0) {
1187 var substr = xformStr.substr( index1, (index2-index1));
1188 if (substr && (substr.length > 0)) {
1189 dist = parseInt( substr );
1190 }
1186 } 1191 }
1187 } 1192 }
1188 } 1193 }
1189 } else { 1194 }
1190 xformStr = this.getElementStyle(element, "-webkit-perspective", false, isStage); 1195 if(isNaN(dist)) {
1191 if(xformStr) { 1196 dist = null;
1192 dist = parseInt(xformStr);
1193 }
1194 } 1197 }
1195 return dist; 1198 return dist;
1196 } 1199 }