From b89a7ee8b956c96a1dcee995ea840feddc5d4b27 Mon Sep 17 00:00:00 2001 From: Pierre Frisch Date: Thu, 22 Dec 2011 07:25:50 -0800 Subject: First commit of Ninja to ninja-internal Signed-off-by: Valerio Virgillito --- js/controllers/elements/shapes-controller.js | 238 +++++++++++++++++++++++++++ 1 file changed, 238 insertions(+) create mode 100644 js/controllers/elements/shapes-controller.js (limited to 'js/controllers/elements/shapes-controller.js') diff --git a/js/controllers/elements/shapes-controller.js b/js/controllers/elements/shapes-controller.js new file mode 100644 index 00000000..d34644a7 --- /dev/null +++ b/js/controllers/elements/shapes-controller.js @@ -0,0 +1,238 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ + +var Montage = require("montage/core/core").Montage, + CanvasController = require("js/controllers/elements/canvas-controller").CanvasController; + +exports.ShapesController = Montage.create(CanvasController, { + + setProperty: { + value: function(el, p, value) { + var val = parseInt(value); + switch(p) { + case "strokeSize": + // TODO - For now, just handling px units. + this.setShapeProperty(el, "strokeSize", value); + el.elementModel.shapeModel.GLGeomObj.setStrokeWidth(val); + el.elementModel.shapeModel.GLGeomObj.buildBuffers(); + break; + case "innerRadius": + this.setShapeProperty(el, "innerRadius", value); + el.elementModel.shapeModel.GLGeomObj.setInnerRadius(val/100); + el.elementModel.shapeModel.GLGeomObj.buildBuffers(); + break; + case "width": + el.elementModel.shapeModel.GLGeomObj.setWidth(val); + CanvasController.setProperty(el, p, value); + el.elementModel.shapeModel.GLWorld.setViewportFromCanvas(el); + el.elementModel.shapeModel.GLGeomObj.buildBuffers(); + break; + case "height": + el.elementModel.shapeModel.GLGeomObj.setHeight(val); + CanvasController.setProperty(el, p, value); + el.elementModel.shapeModel.GLWorld.setViewportFromCanvas(el); + el.elementModel.shapeModel.GLGeomObj.buildBuffers(); + break; + default: + CanvasController.setProperty(el, p, value); + } + el.elementModel.shapeModel.GLWorld.render(); + } + }, + + getProperty: { + value: function(el, p) { + switch(p) { + case "strokeSize": + case "innerRadius": + return this.getShapeProperty(el, p); + default: + return CanvasController.getProperty(el, p); + } + } + }, + + getShapeProperty: { + value: function(el, prop) { + if(el.elementModel && el.elementModel.shapeModel) + { + return el.elementModel.shapeModel[prop]; + } + else + { + console.log("No shapeModel, one should have been created already"); + return null; + } + } + }, + + setShapeProperty: { + value: function(el, prop, value) { + if(el.elementModel && el.elementModel.shapeModel) + { + el.elementModel.shapeModel[prop] = value; + } + else + { + console.log("No shapeModel, one should have been created already"); + } + } + }, + + GetValueInPixels: { + value: function(value, units, h) + { + switch(units) + { + case "px": + { + return value; + } + case "pt": + { + return ~~(value*4/3); + } + case "%": + { + if(h) + { + return ~~(value/100*h); + } + else + { + console.warn("Can't use % for a line's stroke size, using 10 for the value."); + return 10; + } + } + } + } + }, + + CapWorldPercentFromValue: { + value: function(value, units, h) + { + return Math.min(this.GetWorldPercentFromValue(value, units, h), 2); + } + }, + + GetWorldPercentFromValue: { + value: function(value, units, h) + { + switch(units) + { + case "pt": + { + value = Math.round(value*4/3); + return 4*value/h; + } + case "px": + { + return 4*value/h; + } + case "%": + { + // Our calculations in GLWorld use 2 = 100%, so our calculations would usually be value/50, + // but in order to get values other than 0, 1, and 2, we need to multiply by 10, round that value, + // and then divide by 50*10 again. + // 100*10 = 1000/500 = 2 + // 20*10 = 200/500 = 0.4 + // 50*10 = 500/500 = 1 + return Math.round(value*10)/500; + } + default: + { + console.warn("Unhandled units " + units); + } + } + } + }, + + //-------------------------------------------------------------------------------------------------------- + // Routines to get/set color properties + getColor: { + value: function(el, isFill) { + if(isFill) + { + return this.getShapeProperty(el, "fill"); + } + else + { + return this.getShapeProperty(el, "stroke"); + } + } + }, + + setColor: { + value: function(el, color, isFill) { + // TODO - Format color for webGL before setting + color = color.webGlColor; + if(isFill) + { + el.elementModel.shapeModel.GLGeomObj.setFillColor(color); + this.setShapeProperty(el, "fill", color); + } + else + { + el.elementModel.shapeModel.GLGeomObj.setStrokeColor(color); + this.setShapeProperty(el, "stroke", color); + } + el.elementModel.shapeModel.GLWorld.render(); + } + }, + + getStroke: { + value: function(el) { + // TODO - Need to figure out which border side user wants + var size = this.getShapeProperty(el, "strokeSize"); + var color = this.getShapeProperty(el, "stroke"); + return {stroke:color, strokeSize:size}; + } + }, + + setStroke: { + value: function(el, stroke) { + el.elementModel.shapeModel.GLGeomObj.setStrokeColor(stroke.color.webGlColor); + var strokeWidth = this.GetValueInPixels(stroke.strokeSize, stroke.strokeUnits); + el.elementModel.shapeModel.GLGeomObj.setStrokeWidth(strokeWidth); + this.setShapeProperty(el, "stroke", stroke.color.webGlColor); + this.setShapeProperty(el, "strokeSize", stroke.strokeSize + " " + stroke.strokeUnits); + el.elementModel.shapeModel.GLGeomObj.buildBuffers(); + el.elementModel.shapeModel.GLWorld.render(); + } + }, + + DisplayMaterials: { + value: function (cb) + { + + var optionItem = document.createElement("option"); + optionItem.value = 0; + optionItem.innerText = "Default"; + cb.appendChild(optionItem); + + var materials = MaterialsLibrary.materials; + var len = materials.length; + + var i; + for (i = 0; i < len; i++) + { + var current = materials[i]; + optionItem = document.createElement("option"); + optionItem.value = i+1; + optionItem.innerText = current.getName(); + cb.appendChild(optionItem); + } + } + }, + + isElementAShape: { + value: function(el) + { + return (el.elementModel && el.elementModel.isShape); + } + } + +}); -- cgit v1.2.3