aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--js/components/tools-properties/rect-properties.reel/rect-properties.js2
-rw-r--r--js/controllers/elements/shapes-controller.js28
-rw-r--r--js/data/pi/pi-data.js48
-rw-r--r--js/helper-classes/3D/math-utils.js54
-rw-r--r--js/panels/properties/content.reel/content.js7
-rw-r--r--js/tools/PanTool.js2
-rw-r--r--js/tools/ZoomTool.js8
7 files changed, 102 insertions, 47 deletions
diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.js b/js/components/tools-properties/rect-properties.reel/rect-properties.js
index 8d0cd21f..1e717f88 100644
--- a/js/components/tools-properties/rect-properties.reel/rect-properties.js
+++ b/js/components/tools-properties/rect-properties.reel/rect-properties.js
@@ -113,7 +113,7 @@ exports.RectProperties = Montage.create(ToolProperties, {
113 113
114 handleChange: { 114 handleChange: {
115 value: function(event) { 115 value: function(event) {
116 var hotTxt = event.currentTarget 116 var hotTxt = event.currentTarget;
117 if(hotTxt.units === "%") { 117 if(hotTxt.units === "%") {
118 if(hotTxt.value > 50) { 118 if(hotTxt.value > 50) {
119 hotTxt.maxValue = 50; 119 hotTxt.maxValue = 50;
diff --git a/js/controllers/elements/shapes-controller.js b/js/controllers/elements/shapes-controller.js
index d34644a7..c5f22138 100644
--- a/js/controllers/elements/shapes-controller.js
+++ b/js/controllers/elements/shapes-controller.js
@@ -24,6 +24,26 @@ exports.ShapesController = Montage.create(CanvasController, {
24 el.elementModel.shapeModel.GLGeomObj.setInnerRadius(val/100); 24 el.elementModel.shapeModel.GLGeomObj.setInnerRadius(val/100);
25 el.elementModel.shapeModel.GLGeomObj.buildBuffers(); 25 el.elementModel.shapeModel.GLGeomObj.buildBuffers();
26 break; 26 break;
27 case "tlRadius":
28 this.setShapeProperty(el, "tlRadius", value);
29 el.elementModel.shapeModel.GLGeomObj.setTLRadius(val);
30 el.elementModel.shapeModel.GLGeomObj.buildBuffers();
31 break;
32 case "trRadius":
33 this.setShapeProperty(el, "trRadius", value);
34 el.elementModel.shapeModel.GLGeomObj.setTRRadius(val);
35 el.elementModel.shapeModel.GLGeomObj.buildBuffers();
36 break;
37 case "blRadius":
38 this.setShapeProperty(el, "blRadius", value);
39 el.elementModel.shapeModel.GLGeomObj.setBLRadius(val);
40 el.elementModel.shapeModel.GLGeomObj.buildBuffers();
41 break;
42 case "brRadius":
43 this.setShapeProperty(el, "brRadius", value);
44 el.elementModel.shapeModel.GLGeomObj.setBRRadius(val);
45 el.elementModel.shapeModel.GLGeomObj.buildBuffers();
46 break;
27 case "width": 47 case "width":
28 el.elementModel.shapeModel.GLGeomObj.setWidth(val); 48 el.elementModel.shapeModel.GLGeomObj.setWidth(val);
29 CanvasController.setProperty(el, p, value); 49 CanvasController.setProperty(el, p, value);
@@ -46,8 +66,16 @@ exports.ShapesController = Montage.create(CanvasController, {
46 getProperty: { 66 getProperty: {
47 value: function(el, p) { 67 value: function(el, p) {
48 switch(p) { 68 switch(p) {
69 case "stroke":
70 case "fill":
49 case "strokeSize": 71 case "strokeSize":
50 case "innerRadius": 72 case "innerRadius":
73 case "tlRadius":
74 case "trRadius":
75 case "blRadius":
76 case "brRadius":
77 case "strokeMaterial":
78 case "fillMaterial":
51 return this.getShapeProperty(el, p); 79 return this.getShapeProperty(el, p);
52 default: 80 default:
53 return CanvasController.getProperty(el, p); 81 return CanvasController.getProperty(el, p);
diff --git a/js/data/pi/pi-data.js b/js/data/pi/pi-data.js
index f162e919..de5cd34d 100644
--- a/js/data/pi/pi-data.js
+++ b/js/data/pi/pi-data.js
@@ -279,11 +279,13 @@ exports.PiData = Montage.create( Montage, {
279 [ 279 [
280 { 280 {
281 type : "color", 281 type : "color",
282 id : "stroke" 282 id : "stroke",
283 prop : "stroke"
283 }, 284 },
284 { 285 {
285 type : "color", 286 type : "color",
286 id : "fill", 287 id : "fill",
288 prop : "fill",
287 divider : true 289 divider : true
288 } 290 }
289 ], 291 ],
@@ -313,10 +315,11 @@ exports.PiData = Montage.create( Montage, {
313 id: "tlRadius", 315 id: "tlRadius",
314 prop : "tlRadius", 316 prop : "tlRadius",
315 label: "TL", 317 label: "TL",
318 valueMutator: parseFloat,
316 value : 0, 319 value : 0,
317 min : 0, 320 min : 0,
318 max : 100, 321 max : 100,
319 unit : "%", 322 unit : "px",
320 acceptableUnits: ["px", "pt", "%"] 323 acceptableUnits: ["px", "pt", "%"]
321 }, 324 },
322 { 325 {
@@ -324,10 +327,12 @@ exports.PiData = Montage.create( Montage, {
324 id : "trRadius", 327 id : "trRadius",
325 prop : "trRadius", 328 prop : "trRadius",
326 label : "TR", 329 label : "TR",
330 valueMutator: parseFloat,
327 min : 0, 331 min : 0,
328 max : 100, 332 max : 100,
329 unit : "%", 333 unit : "px",
330 acceptableUnits: ["px", "pt", "%"] 334 acceptableUnits: ["px", "pt", "%"],
335 divider: true
331 } 336 }
332 ], 337 ],
333 [ 338 [
@@ -336,9 +341,10 @@ exports.PiData = Montage.create( Montage, {
336 id : "blRadius", 341 id : "blRadius",
337 prop : "blRadius", 342 prop : "blRadius",
338 label : "BL", 343 label : "BL",
344 valueMutator: parseFloat,
339 min : 0, 345 min : 0,
340 max : 100, 346 max : 100,
341 unit : "%", 347 unit : "px",
342 acceptableUnits: ["px", "pt", "%"] 348 acceptableUnits: ["px", "pt", "%"]
343 }, 349 },
344 { 350 {
@@ -346,9 +352,10 @@ exports.PiData = Montage.create( Montage, {
346 id : "brRadius", 352 id : "brRadius",
347 prop : "brRadius", 353 prop : "brRadius",
348 label : "BR", 354 label : "BR",
355 valueMutator: parseFloat,
349 min : 0, 356 min : 0,
350 max : 100, 357 max : 100,
351 unit : "%", 358 unit : "px",
352 acceptableUnits: ["px", "pt", "%"] 359 acceptableUnits: ["px", "pt", "%"]
353 } 360 }
354 ] 361 ]
@@ -362,13 +369,18 @@ exports.PiData = Montage.create( Montage, {
362 { 369 {
363 type: "dropdown", 370 type: "dropdown",
364 id: "strokeMaterial", 371 id: "strokeMaterial",
372 prop: "strokeMaterial",
365 label: "Stroke", 373 label: "Stroke",
366 labelField: "_name", 374 labelField: "_name",
367 items : { boundObject: "this.application.ninja.appModel", boundProperty: "materials" } 375 items : { boundObject: "this.application.ninja.appModel", boundProperty: "materials" },
368 }, 376 divider : true
377 }
378 ],
379 [
369 { 380 {
370 type: "dropdown", 381 type: "dropdown",
371 id: "fillMaterial", 382 id: "fillMaterial",
383 prop: "fillMaterial",
372 label: "Fill", 384 label: "Fill",
373 labelField: "_name", 385 labelField: "_name",
374 items : { boundObject: "this.application.ninja.appModel", boundProperty: "materials" } 386 items : { boundObject: "this.application.ninja.appModel", boundProperty: "materials" }
@@ -387,7 +399,8 @@ exports.PiData = Montage.create( Montage, {
387 [ 399 [
388 { 400 {
389 type : "color", 401 type : "color",
390 id : "stroke" 402 id : "stroke",
403 prop : "stroke"
391 }, 404 },
392 { 405 {
393 type : "color", 406 type : "color",
@@ -438,11 +451,13 @@ exports.PiData = Montage.create( Montage, {
438 [ 451 [
439 { 452 {
440 type : "color", 453 type : "color",
441 id : "stroke" 454 id : "stroke",
455 prop : "stroke"
442 }, 456 },
443 { 457 {
444 type : "color", 458 type : "color",
445 id : "fill", 459 id : "fill",
460 prop : "fill",
446 divider : true 461 divider : true
447 } 462 }
448 ], 463 ],
@@ -452,7 +467,6 @@ exports.PiData = Montage.create( Montage, {
452 id : "strokeSize", 467 id : "strokeSize",
453 prop : "strokeSize", 468 prop : "strokeSize",
454 label : "Stroke", 469 label : "Stroke",
455 valueMutator: parseFloat,
456 min : 0, 470 min : 0,
457 max : 100, 471 max : 100,
458 value : 1, 472 value : 1,
@@ -471,7 +485,8 @@ exports.PiData = Montage.create( Montage, {
471 type: "hottext", 485 type: "hottext",
472 id: "innerRadius", 486 id: "innerRadius",
473