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/tools/ShapeTool.js | 217 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 217 insertions(+) create mode 100644 js/tools/ShapeTool.js (limited to 'js/tools/ShapeTool.js') diff --git a/js/tools/ShapeTool.js b/js/tools/ShapeTool.js new file mode 100644 index 00000000..9a4399b4 --- /dev/null +++ b/js/tools/ShapeTool.js @@ -0,0 +1,217 @@ +/* +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, + DrawingTool = require("js/tools/drawing-tool").DrawingTool, + viewUtils = require("js/helper-classes/3D/view-utils").ViewUtils, + drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils, + NJUtils = require("js/lib/NJUtils").NJUtils, + ElementMediator = require("js/mediators/element-mediator").ElementMediator, + ShapesController = require("js/controllers/elements/shapes-controller").ShapesController, + ShapeModel = require("js/models/shape-model").ShapeModel, + TagTool = require("js/tools/TagTool").TagTool; + +exports.ShapeTool = Montage.create(DrawingTool, { + drawingFeedback: { value: { mode: "Draw3D", type: "rectangle" } }, + + _targetedElement: { value: null, writable: true }, + + _mouseDownHitRec: { value: null, writable: true, enumerable: true, configurable: true }, + _mouseUpHitRec: { value: null, writable: true, enumerable: true, configurable: true }, + + _canvasCounter: {value: 0, writable: true, enumerable: true, configurable: true }, + + HandleLeftButtonDown: + { + value: function (event) + { + if(this._canDraw) { + this._isDrawing = true; + } + + this.startDraw(event); + } + }, + + HandleMouseMove: + { + value: function (event) + { + + /* TAG */ + if(this.isDrawing) { + this.doDraw(event); + } else { + this.doSnap(event); + this._showFeedbackOnMouseMove(event); + } + + this.drawLastSnap(); // Required cleanup for both Draw/Feedbacks + + } + }, + + HandleLeftButtonUp: + { + value: function (event) + { + var drawData; + + drawData = this.getDrawingData(); + + if(drawData) { + var canvas; + if(!this._useExistingCanvas()) + { + canvas = NJUtils.makeNJElement("canvas", "Canvas", "shape", null, true); + var elementModel = TagTool.makeElement(~~drawData.width, ~~drawData.height, + drawData.planeMat, drawData.midPt, canvas); + + ElementMediator.addElement(canvas, elementModel.data, true); + canvas.elementModel.isShape = true; + } + else + { + canvas = this._targetedElement; + canvas.elementModel.controller = ShapesController; + if(!canvas.elementModel.shapeModel) + { + canvas.elementModel.shapeModel = Montage.create(ShapeModel); + } + } + this.RenderShape(drawData.width, drawData.height, drawData.planeMat, drawData.midPt, canvas); + } + + this.endDraw(event); + + this._isDrawing = false; + this._hasDraw=false; + + + this.DrawHandles(); + } + }, + + Configure: { + value: function(wasSelected) { + if(wasSelected) { + this.AddCustomFeedback(); + } else { + this.RemoveCustomFeedback(); + } + } + }, + + AddCustomFeedback: { + value: function (event) { + NJevent("enableStageMove"); + + this.application.ninja.stage.stageDeps.snapManager.setupDragPlaneFromPlane( workingPlane ); + } + }, + + RemoveCustomFeedback: { + value: function (event) { + if (this._targetedElement) { + this._targetedElement.classList.remove("elem-red-outline"); + this._targetedElement = null; + } + + NJevent("disableStageMove"); + + this.application.ninja.stage.stageDeps.snapManager.clearDragPlane(); + } + }, + + /** Show a border when mousing + * over existing canvas elements to signal to the user that + * the drawing operation will act on the targeted canvas. + **/ + _showFeedbackOnMouseMove: { + value: function (event) { + // TODO - This call is causing the canvas to redraw 3 times per mouse move + var targetedObject = this.application.ninja.stage.GetElement(event); + + if (targetedObject) { + // TODO - Clean this up + if((targetedObject.nodeName === "CANVAS") && !ShapesController.isElementAShape(targetedObject)) + { + if (targetedObject !== this._targetedElement) { + if(this._targetedElement) + { + this._targetedElement.classList.remove("elem-red-outline"); + } + this._targetedElement = targetedObject; + this._targetedElement.classList.add("elem-red-outline"); + } + } + else if (this._targetedElement) { + this._targetedElement.classList.remove("elem-red-outline"); + this._targetedElement = null; + } + } + else if (this._targetedElement) { + this._targetedElement.classList.remove("elem-red-outline"); + this._targetedElement = null; + } + } + }, + + RenderShape: + { + value: function (w, h, planeMat, midPt) + { + // Override in subclasses + } + }, + + getGLWorld: { + value: function (canvas, use3D) + { + var world = ElementMediator.getShapeProperty(canvas, "GLWorld"); + if(!world) + { + // create all the GL stuff + var world = new GLWorld(canvas, use3D); + ElementMediator.setShapeProperty(canvas, "GLWorld", world); + } + + return world; + } + }, + + createCanvas: { + value: function (left, top, w, h) + { + //var tmpDiv = document.createElement("canvas"); + var tmpDiv = NJUtils.makeNJElement("canvas", "Canvas", "block"); + var rules = { + 'position': 'absolute', + 'top' : top + 'px', + 'left' : left + 'px', + '-webkit-transform-style' : 'preserve-3d', + '-webkit-transform' : 'perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)' + }; + + tmpDiv.width = w; + tmpDiv.height = h; + + return {el: tmpDiv, rules: rules}; + } + }, + + + + // We can draw on an existing canvas unless it has only a single shape object + _useExistingCanvas: { + value: function() + { + return (this._targetedElement && !ShapesController.isElementAShape(this._targetedElement)); + } + } + +}); + -- cgit v1.2.3