aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNivesh Rajbhandari2012-03-22 16:18:38 -0700
committerNivesh Rajbhandari2012-03-22 16:18:38 -0700
commite52b0dcb9540b854a341a881de2d26aa753e9a82 (patch)
tree75cf1a4d40e300ccd4377439f1c42ee434ac50c3
parent686969216c6a2b19b32dc574d0cbcd38b01955f9 (diff)
downloadninja-e52b0dcb9540b854a341a881de2d26aa753e9a82.tar.gz
Adding checkbox in PI to start/stop WebGL animation preview.
Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>
-rwxr-xr-xjs/controllers/elements/shapes-controller.js13
-rwxr-xr-xjs/data/pi/pi-data.js30
-rwxr-xr-xjs/models/shape-model.js3
3 files changed, 45 insertions, 1 deletions
diff --git a/js/controllers/elements/shapes-controller.js b/js/controllers/elements/shapes-controller.js
index b3ac9ddb..9b2fa618 100755
--- a/js/controllers/elements/shapes-controller.js
+++ b/js/controllers/elements/shapes-controller.js
@@ -105,6 +105,18 @@ exports.ShapesController = Montage.create(CanvasController, {
105 case "editFillMaterial": 105 case "editFillMaterial":
106 NJevent("showMaterialPopup",{materialId : el.elementModel.shapeModel.fillMaterial.getName()}); 106 NJevent("showMaterialPopup",{materialId : el.elementModel.shapeModel.fillMaterial.getName()});
107 break; 107 break;
108 case "animate":
109 if(value)
110 {
111 el.elementModel.shapeModel.animate = true;
112 el.elementModel.shapeModel.GLWorld.restartRenderLoop();
113 }
114 else
115 {
116 el.elementModel.shapeModel.animate = false;
117 el.elementModel.shapeModel.GLWorld._canvas.task.stop();
118 }
119 break;
108 default: 120 default:
109 CanvasController.setProperty(el, p, value); 121 CanvasController.setProperty(el, p, value);
110 } 122 }
@@ -123,6 +135,7 @@ exports.ShapesController = Montage.create(CanvasController, {
123 case "border": 135 case "border":
124 case "background": 136 case "background":
125 case "useWebGl": 137 case "useWebGl":
138 case "animate":
126 return this.getShapeProperty(el, p); 139 return this.getShapeProperty(el, p);
127 case "strokeMaterial": 140 case "strokeMaterial":
128 case "fillMaterial": 141 case "fillMaterial":
diff --git a/js/data/pi/pi-data.js b/js/data/pi/pi-data.js
index 53fec3be..56337124 100755
--- a/js/data/pi/pi-data.js
+++ b/js/data/pi/pi-data.js
@@ -393,6 +393,16 @@ exports.PiData = Montage.create( Montage, {
393 ], 393 ],
394 [ 394 [
395 { 395 {
396 type: "checkbox",
397 id: "animate",
398 prop: "animate",
399 defaultValue: true,
400 value: "Animate",
401 checked: true
402 }
403 ],
404 [
405 {
396 type: "dropdown", 406 type: "dropdown",
397 id: "strokeMaterial", 407 id: "strokeMaterial",
398 prop: "strokeMaterial", 408 prop: "strokeMaterial",
@@ -486,6 +496,16 @@ exports.PiData = Montage.create( Montage, {
486 ], 496 ],
487 [ 497 [
488 { 498 {
499 type: "checkbox",
500 id: "animate",
501 prop: "animate",
502 defaultValue: true,
503 value: "Animate",
504 checked: true
505 }
506 ],
507 [
508 {
489 type: "dropdown", 509 type: "dropdown",
490 id: "strokeMaterial", 510 id: "strokeMaterial",
491 prop: "strokeMaterial", 511 prop: "strokeMaterial",
@@ -580,6 +600,16 @@ exports.PiData = Montage.create( Montage, {
580 ], 600 ],
581 [ 601 [
582 { 602 {
603 type: "checkbox",
604 id: "animate",
605 prop: "animate",
606 defaultValue: true,
607 value: "Animate",
608 checked: true
609 }
610 ],
611 [
612 {
583 type: "dropdown", 613 type: "dropdown",
584 id: "strokeMaterial", 614 id: "strokeMaterial",
585 prop: "strokeMaterial", 615 prop: "strokeMaterial",
diff --git a/js/models/shape-model.js b/js/models/shape-model.js
index 58a88fd0..ea8c2cfc 100755
--- a/js/models/shape-model.js
+++ b/js/models/shape-model.js
@@ -10,7 +10,8 @@ var Montage = require("montage/core/core").Montage,
10exports.ShapeModel = Montage.create(Component, { 10exports.ShapeModel = Montage.create(Component, {
11 11
12 shapeCount: { value: 0 }, 12 shapeCount: { value: 0 },
13 useWebGl: { value: false }, 13 useWebGl: { value: false },
14 animate: { value: true },
14 15
15 GLWorld: { value: null }, 16 GLWorld: { value: null },
16 GLGeomObj: { value: null }, 17 GLGeomObj: { value: null },