diff options
author | Valerio Virgillito | 2012-05-11 10:59:25 -0700 |
---|---|---|
committer | Valerio Virgillito | 2012-05-11 10:59:25 -0700 |
commit | e2ef92008a39a67d4f7db0627c7352bdc06ed476 (patch) | |
tree | ae6122570b41879b5fa434c970592fe1deb23a2e /js/lib/geom/circle.js | |
parent | 632a53278826a33506b302b573ee0681840f2d6c (diff) | |
parent | 0467a1cf331c067b21bf5d6acfe47ec9edc2e41c (diff) | |
download | ninja-e2ef92008a39a67d4f7db0627c7352bdc06ed476.tar.gz |
Merge pull request #215 from mqg734/WebGLFixes
Updated Line, Oval and Rectangle geom classes to use object literal notation. Also, updated canvas-runtime.js to use object literal notation.
Diffstat (limited to 'js/lib/geom/circle.js')
-rwxr-xr-x | js/lib/geom/circle.js | 1433 |
1 files changed, 737 insertions, 696 deletions
diff --git a/js/lib/geom/circle.js b/js/lib/geom/circle.js index 0f1f49a9..425b869a 100755 --- a/js/lib/geom/circle.js +++ b/js/lib/geom/circle.js | |||
@@ -4,9 +4,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | </copyright> */ | 5 | </copyright> */ |
6 | 6 | ||
7 | var GeomObj = require("js/lib/geom/geom-obj").GeomObj; | 7 | var GeomObj = require("js/lib/geom/geom-obj").GeomObj; |
8 | var ShapePrimitive = require("js/lib/geom/shape-primitive").ShapePrimitive; | 8 | var ShapePrimitive = require("js/lib/geom/shape-primitive").ShapePrimitive; |
9 | var MaterialsModel = require("js/models/materials-model").MaterialsModel; | 9 | var MaterialsModel = require("js/models/materials-model").MaterialsModel; |
10 | var drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils; | 10 | var drawUtils = require("js/helper-classes/3D/draw-utils").DrawUtils; |
11 | var vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils; | 11 | var vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils; |
12 | 12 | ||
@@ -16,744 +16,790 @@ var vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils; | |||
16 | // Derived from class GLGeomObj | 16 | // Derived from class GLGeomObj |
17 | // The position and dimensions of the stroke, fill, and inner Radius should be in pixels | 17 | // The position and dimensions of the stroke, fill, and inner Radius should be in pixels |
18 | /////////////////////////////////////////////////////////////////////// | 18 | /////////////////////////////////////////////////////////////////////// |
19 | var Circle = function GLCircle() { | 19 | exports.Circle = Object.create(GeomObj, { |
20 | 20 | ||
21 | this.init = function( world, xOffset, yOffset, width, height, strokeSize, strokeColor, fillColor, innerRadius, strokeMaterial, fillMaterial, strokeStyle) { | 21 | /////////////////////////////////////////////////////////////////////// |
22 | /////////////////////////////////////////////////////////////////////// | 22 | // Instance variables |
23 | // Instance variables | 23 | /////////////////////////////////////////////////////////////////////// |
24 | /////////////////////////////////////////////////////////////////////// | 24 | _width: { value : 2.0, writable: true }, |
25 | this._width = 2.0; | 25 | _height: { value : 2.0, writable: true }, |
26 | this._height = 2.0; | 26 | _xOffset: { value : 0, writable: true }, |
27 | this._xOffset = 0; | 27 | _yOffset: { value : 0, writable: true }, |
28 | this._yOffset = 0; | 28 | |
29 | 29 | _radius: { value : 2.0, writable: true }, | |
30 | this._radius = 2.0; | 30 | _strokeWidth: { value : 0.25, writable: true }, |
31 | this._strokeWidth = 0.25; | 31 | _innerRadius: { value : 0, writable: true }, |
32 | this._innerRadius = 0; | 32 | _ovalHeight: { value : 4.0, writable: true }, |
33 | 33 | _strokeStyle: { value : "Solid", writable: true }, | |
34 | this._ovalHeight = this._ovalHeight = 2.0 * this._radius; | 34 | _aspectRatio: { value : 1.0, writable: true }, |
35 | 35 | ||
36 | this._strokeStyle = "Solid"; | 36 | init: { |
37 | 37 | value: function(world, xOffset, yOffset, width, height, strokeSize, strokeColor, fillColor, innerRadius, strokeMaterial, fillMaterial, strokeStyle) { | |
38 | this._aspectRatio = 1.0; | 38 | if(arguments.length > 0) { |
39 | 39 | this._width = width; | |
40 | if (arguments.length > 0) { | 40 | this._height = height; |
41 | this._width = width; | 41 | this._xOffset = xOffset; |
42 | this._height = height; | 42 | this._yOffset = yOffset; |
43 | this._xOffset = xOffset; | 43 | this._ovalHeight = 2.0 * this._radius; |
44 | this._yOffset = yOffset; | 44 | |
45 | 45 | this._strokeWidth = strokeSize; | |
46 | this._strokeWidth = strokeSize; | 46 | this._innerRadius = innerRadius; |
47 | this._innerRadius = innerRadius; | 47 | this._strokeColor = strokeColor; |
48 | this._strokeColor = strokeColor; | 48 | this._fillColor = fillColor; |
49 | this._fillColor = fillColor; | 49 | |
50 | 50 | this._strokeStyle = strokeStyle; | |
51 | this._strokeStyle = strokeStyle; | 51 | |
52 | 52 | this._matrix = Matrix.I(4); | |
53 | this._matrix = Matrix.I(4); | 53 | //this._matrix[12] = xOffset; |
54 | //this._matrix[12] = xOffset; | 54 | //this._matrix[13] = yOffset; |
55 | //this._matrix[13] = yOffset; | 55 | } |
56 | } | 56 | |
57 | 57 | this.m_world = world; | |
58 | this.m_world = world; | ||
59 | |||
60 | if(strokeMaterial){ | ||
61 | this._strokeMaterial = strokeMaterial; | ||
62 | } else { | ||
63 | this._strokeMaterial = MaterialsModel.getMaterial( MaterialsModel.getDefaultMaterialName() ); | ||
64 | } | ||
65 | 58 | ||
66 | if(fillMaterial) { | 59 | if(strokeMaterial) { |
67 | this._fillMaterial = fillMaterial; | 60 | this._strokeMaterial = strokeMaterial; |
68 | } else { | 61 | } else { |
69 | this._fillMaterial = MaterialsModel.getMaterial( MaterialsModel.getDefaultMaterialName() ); | 62 | this._strokeMaterial = MaterialsModel.getMaterial( MaterialsModel.getDefaultMaterialName() ); |
63 | } | ||
64 | |||
65 | if(fillMaterial) { | ||
66 | this._fillMaterial = fillMaterial; | ||
67 | } else { | ||
68 | this._fillMaterial = MaterialsModel.getMaterial( MaterialsModel.getDefaultMaterialName() ); | ||
69 | } | ||
70 | } | 70 | } |
71 | }; | 71 | }, |
72 | 72 | ||
73 | /////////////////////////////////////////////////////////////////////// | 73 | /////////////////////////////////////////////////////////////////////// |
74 | // Property Accessors | 74 | // Property Accessors |
75 | /////////////////////////////////////////////////////////////////////// | 75 | /////////////////////////////////////////////////////////////////////// |
76 | this.getStrokeWidth = function() { | 76 | // TODO - Use getters/setters in the future |
77 | return this._strokeWidth; | 77 | getStrokeWidth: { |
78 | }; | 78 | value: function() { |
79 | 79 | return this._strokeWidth; | |
80 | this.setStrokeWidth = function(w) { | 80 | } |
81 | this._strokeWidth = w; | 81 | }, |
82 | }; | ||
83 | |||
84 | this.getStrokeMaterial = function() { | ||
85 | return this._strokeMaterial; | ||
86 | }; | ||
87 | 82 | ||
88 | this.setStrokeMaterial = function(m) { | 83 | setStrokeWidth: { |
89 | this._strokeMaterial = m; | 84 | value: function(w) { |
90 | }; | 85 | this._strokeWidth = w; |
86 | } | ||
87 | }, | ||
91 | 88 | ||
92 | this.getFillMaterial = function() { | 89 | getStrokeMaterial: { |
93 | return this._fillMaterial; | 90 | value: function() { |
94 | }; | 91 | return this._strokeMaterial; |
92 | } | ||
93 | }, | ||
95 | 94 | ||
96 | this.setFillMaterial = function(m) { | 95 | setStrokeMaterial: { |
97 | this._fillMaterial = m; | 96 | value: function(m) { |
98 | }; | 97 | this._strokeMaterial = m; |
98 | } | ||
99 | }, | ||
99 | 100 | ||
100 | this.getRadius = function() { | 101 | getFillMaterial: { |
101 | return this._radius; | 102 | value: function() { |
102 | }; | 103 | return this._fillMaterial; |
104 | } | ||
105 | }, | ||
103 | 106 | ||
104 | this.setRadius = function(r) { | 107 | setFillMaterial: { |
105 | this._radius = r; | 108 | value: function(m) { |
106 | }; | 109 | this._fillMaterial = m; |
110 | } | ||
111 | }, | ||
107 | 112 | ||
108 | this.getWorld = function() { | 113 | getRadius: { |
109 | return this._world; | 114 | value: function() { |
110 | }; | 115 | return this._radius; |
116 | } | ||
117 | }, | ||
111 | 118 | ||
112 | this.setWorld = function(w) { | 119 | setRadius: { |
113 | this._world = w; | 120 | value: function(r) { |
114 | }; | 121 | this._radius = r; |
122 | } | ||
123 | }, | ||
115 | 124 | ||
116 | this.getInnerRadius = function() { | 125 | getInnerRadius: { |
117 | return this._innerRadius; | 126 | value: function() { |
118 | }; | 127 | return this._innerRadius; |
128 | } | ||
129 | }, | ||
119 | 130 | ||
120 | this.setInnerRadius = function(r) { | 131 | setInnerRadius: { |
121 | this._innerRadius = r; | 132 | value: function(r) { |
122 | }; | 133 | this._innerRadius = r; |
134 | } | ||
135 | }, | ||
123 | 136 | ||
124 | this.getStrokeStyle = function() { | 137 | getStrokeStyle: { |
125 | return this._strokeStyle; | 138 | value: function() { |
126 | }; | 139 | return this._strokeStyle; |
127 | this.setStrokeStyle = function(s) { | 140 | } |
128 | this._strokeStyle = s; | 141 | }, |
129 | }; | ||
130 | 142 | ||
131 | this.getWidth = function() { | 143 | setStrokeStyle: { |
132 | return this._width; | 144 | value: function(s) { |
133 | }; | 145 | this._strokeStyle = s; |
146 | } | ||
147 | }, | ||
134 | 148 | ||
135 | this.setWidth = function(w) { | 149 | getWidth: { |
136 | this._width = w; | 150 | value: function() { |
137 | }; | 151 | return this._width; |
152 | } | ||
153 | }, | ||
138 | 154 | ||
139 | this.getHeight = function() { | 155 | setWidth: { |
140 | return this._height; | 156 | value: function(w) { |
141 | }; | 157 | this._width = w; |
158 | } | ||
159 | }, | ||
142 | 160 | ||
143 | this.setHeight = function(h) { | 161 | getHeight: { |
144 | this._height = h; | 162 | value: function() { |
145 | }; | 163 | return this._height; |
164 | } | ||
165 | }, | ||
146 | 166 | ||
147 |