1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
/* <copyright>
This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
</copyright> */
var Montage = require("montage/core/core").Montage,
ShapeTool = require("js/tools/ShapeTool").ShapeTool,
ShapesController = require("js/controllers/elements/shapes-controller").ShapesController;
var Circle = require("js/lib/geom/circle").Circle;
var MaterialsModel = require("js/models/materials-model").MaterialsModel;
exports.OvalTool = Montage.create(ShapeTool, {
_toolID: { value: "ovalTool" },
_imageID: { value: "ovalToolImg" },
_toolImageClass: { value: "ovalToolUp" },
_selectedToolImageClass: { value: "ovalToolDown" },
_toolTipText: { value: "Oval Tool (O)" },
_selectedToolClass:{value:"ovalToolSpecificProperties"},
_ovalView : { value: null, writable: true},
RenderShape: {
value: function (w, h, planeMat, midPt, canvas)
{
if( (Math.floor(w) === 0) || (Math.floor(h) === 0) )
{
return;
}
var left = Math.round(midPt[0] - 0.5*w);
var top = Math.round(midPt[1] - 0.5*h);
var strokeStyleIndex = this.options.strokeStyleIndex;
var strokeStyle = this.options.strokeStyle;
var strokeSize = ShapesController.GetValueInPixels(this.options.strokeSize.value, this.options.strokeSize.units, h);
var innerRadius = this.options.innerRadius.value / 100;
var strokeColor = this.options.stroke.webGlColor || [0,0,0,1];
var fillColor = this.options.fill.webGlColor || [1,1,1,1];
// for default stroke and fill/no materials
var strokeMaterial = null;
var fillMaterial = null;
var fillM = null;
var strokeM = null;
if(this.options.use3D)
{
strokeM = this.options.strokeMaterial;
if(strokeM)
{
strokeMaterial = Object.create(MaterialsModel.getMaterial(strokeM));
}
strokeColor = ShapesController.getMaterialColor(strokeM) || strokeColor;
fillM = this.options.fillMaterial;
if(fillM)
{
fillMaterial = Object.create(MaterialsModel.getMaterial(fillM));
}
fillColor = ShapesController.getMaterialColor(fillM) || fillColor;
}
var world = this.getGLWorld(canvas, this.options.use3D);
var xOffset = ((left - canvas.offsetLeft + w/2) - canvas.width/2);
var yOffset = -(canvas.height/2 - (top - canvas.offsetTop + h/2));
var oval = Object.create(Circle, {});
oval.init(world, xOffset, yOffset, w, h, strokeSize, strokeColor, fillColor, innerRadius, strokeMaterial, fillMaterial, strokeStyle);
world.addObject(oval);
world.render();
canvas.elementModel.shapeModel.shapeCount++;
if(canvas.elementModel.shapeModel.shapeCount === 1)
{
canvas.elementModel.selection = "Oval";
canvas.elementModel.pi = "OvalPi";
canvas.elementModel.shapeModel.strokeSize = this.options.strokeSize.value + " " + this.options.strokeSize.units;
canvas.elementModel.shapeModel.innerRadius = this.options.innerRadius.value + " " + this.options.innerRadius.units;
canvas.elementModel.shapeModel.strokeStyleIndex = strokeStyleIndex;
canvas.elementModel.shapeModel.strokeStyle = strokeStyle;
canvas.elementModel.shapeModel.GLGeomObj = oval;
canvas.elementModel.shapeModel.useWebGl = this.options.use3D;
}
else
{
// TODO - update the shape's info only. shapeModel will likely need an array of shapes.
}
// TODO - This needs to be moved into geom obj's init routine instead of here
if(!fillM) {
this.setColor(canvas, this.options.fill, true, "ovalTool");
}
if(!strokeM) {
this.setColor(canvas, this.options.stroke, false, "ovalTool");
}
if(canvas.elementModel.isShape)
{
this.application.ninja.selectionController.selectElement(canvas);
}
}
}
});
|