diff options
author | Pushkar Joshi | 2012-05-07 11:00:22 -0700 |
---|---|---|
committer | Pushkar Joshi | 2012-05-07 11:00:22 -0700 |
commit | e5ae6e0b6e54db0e6efd75d1f14cb791060ed67a (patch) | |
tree | e84d2dc5033c1b5c1b993662660a90af12584b69 /js/lib/geom | |
parent | ba890518b5a35d5e6893f9fc72d2eee30ae07e17 (diff) | |
parent | 526e423e4a2734c2b139af23911e912452a4443f (diff) | |
download | ninja-e5ae6e0b6e54db0e6efd75d1f14cb791060ed67a.tar.gz |
Merge branch 'master' into pentool
Diffstat (limited to 'js/lib/geom')
-rwxr-xr-x | js/lib/geom/circle.js | 61 | ||||
-rwxr-xr-x | js/lib/geom/geom-obj.js | 59 | ||||
-rwxr-xr-x | js/lib/geom/rectangle.js | 40 |
3 files changed, 142 insertions, 18 deletions
diff --git a/js/lib/geom/circle.js b/js/lib/geom/circle.js index 218dcfa6..0f1f49a9 100755 --- a/js/lib/geom/circle.js +++ b/js/lib/geom/circle.js | |||
@@ -4,9 +4,12 @@ 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; | ||
11 | var vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils; | ||
12 | |||
10 | /////////////////////////////////////////////////////////////////////// | 13 | /////////////////////////////////////////////////////////////////////// |
11 | // Class GLCircle | 14 | // Class GLCircle |
12 | // GL representation of a circle. | 15 | // GL representation of a circle. |
@@ -46,6 +49,10 @@ var Circle = function GLCircle() { | |||
46 | this._fillColor = fillColor; | 49 | this._fillColor = fillColor; |
47 | 50 | ||
48 | this._strokeStyle = strokeStyle; | 51 | this._strokeStyle = strokeStyle; |
52 | |||
53 | this._matrix = Matrix.I(4); | ||
54 | //this._matrix[12] = xOffset; | ||
55 | //this._matrix[13] = yOffset; | ||
49 | } | 56 | } |
50 | 57 | ||
51 | this.m_world = world; | 58 | this.m_world = world; |
@@ -187,7 +194,7 @@ var Circle = function GLCircle() { | |||
187 | // get the normalized device coordinates (NDC) for | 194 | // get the normalized device coordinates (NDC) for |
188 | // all position and dimensions. | 195 | // all position and dimensions. |
189 | var vpw = world.getViewportWidth(), vph = world.getViewportHeight(); | 196 | var vpw = world.getViewportWidth(), vph = world.getViewportHeight(); |
190 | var xNDC = 2*this._xOffset/vpw, yNDC = 2*this._yOffset/vph, | 197 | var xNDC = 2*this._xOffset/vpw, yNDC = -2*this._yOffset/vph, |
191 | xRadNDC = this._width/vpw, yRadNDC = this._height/vph, | 198 | xRadNDC = this._width/vpw, yRadNDC = this._height/vph, |
192 | xStrokeNDC = 2*this._strokeWidth/vpw, yStrokeNDC = 2*this._strokeWidth/vph, | 199 | xStrokeNDC = 2*this._strokeWidth/vpw, yStrokeNDC = 2*this._strokeWidth/vph, |
193 | xInnRadNDC = this._innerRadius*xRadNDC, yInnRadNDC = this._innerRadius*yRadNDC; | 200 | xInnRadNDC = this._innerRadius*xRadNDC, yInnRadNDC = this._innerRadius*yRadNDC; |
@@ -706,6 +713,49 @@ var Circle = function GLCircle() { | |||
706 | return (MathUtils.fpCmp(distToPt,distToBoundary) <= 0); | 713 | return (MathUtils.fpCmp(distToPt,distToBoundary) <= 0); |
707 | }; | 714 | }; |
708 | 715 | ||
716 | this.getNearPoint = function( pt, dir ) | ||
717 | { | ||
718 | var world = this.getWorld(); | ||
719 | if (!world) throw( "null world in getNearPoint" ); | ||
720 | |||
721 | // the input point and direction are in GL space | ||
722 | // project to the z == 0 plane | ||
723 | var mat = this.getMatrix(); | ||
724 | var plane = [0,0,1,0]; | ||
725 | plane = MathUtils.transformPlane( plane, mat ); | ||
726 | var projPt = MathUtils.vecIntersectPlane ( pt, dir, plane ); | ||
727 | |||
728 | // get the center of the circle in GL space | ||
729 | var ctr = this.getGLCenter(); | ||
730 | |||
731 | // transform the projected point to the plane of the circle | ||
732 | var planePt = MathUtils.transformPoint( projPt, mat ); | ||
733 | |||
734 | // get a matrix mapping the circle to a 2D coordinate system | ||
735 | var normal = [ mat[8], mat[9], mat[10] ]; | ||
736 | var planeMat = drawUtils.getPlaneToWorldMatrix(normal, ctr); | ||
737 | var planeMatInv = glmat4.inverse( planeMat, [] ); | ||
738 | var planePt2D = MathUtils.transformPoint( planePt, planeMatInv ); | ||
739 | |||
740 | // get 2 points on the axes of the oval | ||
741 | var wPt = this.preViewToGL( [this._xOffset + 0.5*this.getWidth(), this._yOffset, 0] ), | ||
742 | hPt = this.preViewToGL( [this._xOffset, this._yOffset + 0.5*this.getHeight(), 0] ); | ||
743 | var w = vecUtils.vecDist( 2, wPt, ctr ), | ||
744 | h = vecUtils.vecDist( 2, hPt, ctr ); | ||
745 | var aspect = w/h; | ||
746 | |||
747 | // get the angle of the projected point relative to the circle | ||
748 | var angle = Math.atan2( planePt2D[1], planePt2D[0]/aspect ); | ||
749 | var degrees = angle*180.0/Math.PI; | ||
750 | |||
751 | // get the corresponding point on the object | ||
752 | var pt = [ Math.cos(angle)*w, Math.sin(angle)*h, 0 ]; | ||
753 | var glPt = MathUtils.transformPoint( pt, planeMat ); | ||
754 | |||
755 | return glPt; | ||
756 | } | ||
757 | |||
758 | /* | ||
709 | this.getNearPoint = function( pt, dir ) { | 759 | this.getNearPoint = function( pt, dir ) { |
710 | var world = this.getWorld(); | 760 | var world = this.getWorld(); |
711 | if (!world) throw( "null world in getNearPoint" ); | 761 | if (!world) throw( "null world in getNearPoint" ); |
@@ -725,7 +775,7 @@ var Circle = function GLCircle() { | |||
725 | // get the normalized device coordinates (NDC) for | 775 | // get the normalized device coordinates (NDC) for |
726 | // the position and radii. | 776 | // the position and radii. |
727 | var vpw = world.getViewportWidth(), vph = world.getViewportHeight(); | 777 | var vpw = world.getViewportWidth(), vph = world.getViewportHeight(); |
728 | var xNDC = 2*this._xOffset/vpw, yNDC = 2*this._yOffset/vph, | 778 | var xNDC = 2*this._xOffset/vpw, yNDC = -2*this._yOffset/vph, |
729 | xRadNDC = this._width/vpw, yRadNDC = this._height/vph; | 779 | xRadNDC = this._width/vpw, yRadNDC = this._height/vph; |
730 | var projMat = world.makePerspectiveMatrix(); | 780 | var projMat = world.makePerspectiveMatrix(); |
731 | var z = -world.getViewDistance(); | 781 | var z = -world.getViewDistance(); |
@@ -755,6 +805,7 @@ var Circle = function GLCircle() { | |||
755 | 805 | ||
756 | return objPt; | 806 | return objPt; |
757 | }; | 807 | }; |
808 | */ | ||
758 | 809 | ||
759 | this.recalcTexMapCoords = function( vrts, uvs ) { | 810 | this.recalcTexMapCoords = function( vrts, uvs ) { |
760 | var n = vrts.length/3; | 811 | var n = vrts.length/3; |
diff --git a/js/lib/geom/geom-obj.js b/js/lib/geom/geom-obj.js index f2991bdb..7cb9b80f 100755 --- a/js/lib/geom/geom-obj.js +++ b/js/lib/geom/geom-obj.js | |||
@@ -375,6 +375,65 @@ var GeomObj = function GLGeomObj() { | |||
375 | } | 375 | } |
376 | }; | 376 | }; |
377 | 377 | ||
378 | |||
379 | this.getGLCenter = function() | ||
380 | { | ||
381 | // get the normalized device coordinates (NDC) for | ||
382 | // all position and dimensions. | ||
383 | var world = this.getWorld(); | ||
384 | var vpw = world.getViewportWidth(), vph = world.getViewportHeight(); | ||
385 | var xNDC = 2*this._xOffset/vpw, yNDC = -2*this._yOffset/vph; | ||
386 | |||
387 | var aspect = world.getAspect(); | ||
388 | var zn = world.getZNear(), zf = world.getZFar(); | ||
389 | var t = zn * Math.tan(world.getFOV() * Math.PI / 360.0), | ||
390 | b = -t, | ||
391 | r = aspect*t, | ||
392 | l = -r; | ||
393 | |||
394 | // calculate the object coordinates from their NDC coordinates | ||
395 | var z = -world.getViewDistance(); | ||
396 | |||
397 | // unproject to get the position of the origin in GL | ||
398 | var x = -z*(r-l)/(2.0*zn)*xNDC, | ||
399 | y = -z*(t-b)/(2.0*zn)*yNDC; | ||
400 | z = 0.0; | ||
401 | |||
402 | // transform by the object's transformation matrix | ||
403 | var ctr = MathUtils.transformPoint( [x, y, z], this.getMatrix() ); | ||
404 | |||
405 | return ctr; | ||
406 | }; | ||
407 | |||
408 | this.preViewToGL = function( preViewPt ) | ||
409 | { | ||
410 | // get the normalized device coordinates (NDC) for | ||
411 | // all position and dimensions. | ||
412 | var world = this.getWorld(); | ||
413 | var vpw = world.getViewportWidth(), vph = world.getViewportHeight(); | ||
414 | var xNDC = 2*preViewPt[0]/vpw, yNDC = -2*preViewPt[1]/vph; | ||
415 | |||
416 | var aspect = world.getAspect(); | ||
417 | var zn = world.getZNear(), zf = world.getZFar(); | ||
418 | var t = zn * Math.tan(world.getFOV() * Math.PI / 360.0), | ||
419 | b = -t, | ||
420 | r = aspect*t, | ||
421 | l = -r; | ||
422 | |||
423 | // calculate the object coordinates from their NDC coordinates | ||
424 | var z = -world.getViewDistance(); | ||
425 | |||
426 | // unproject to get the position of the origin in GL | ||
427 | var x = -z*(r-l)/(2.0*zn)*xNDC, | ||
428 | y = -z*(t-b)/(2.0*zn)*yNDC; | ||
429 | z = 0.0; | ||
430 | |||
431 | // transform by the object's transformation matrix | ||
432 | var glPt = MathUtils.transformPoint( [x, y, z], this.getMatrix() ); | ||
433 | |||
434 | return glPt; | ||
435 | }; | ||
436 | |||
378 | this.buildBuffers = function () { | 437 | this.buildBuffers = function () { |
379 | // this function must be overridden by the base class | 438 | // this function must be overridden by the base class |
380 | alert("GLGeomObj.buildBuffers must be overridden by base class"); | 439 | alert("GLGeomObj.buildBuffers must be overridden by base class"); |
diff --git a/js/lib/geom/rectangle.js b/js/lib/geom/rectangle.js index fcd1c1bd..490a9a6f 100755 --- a/js/lib/geom/rectangle.js +++ b/js/lib/geom/rectangle.js | |||
@@ -7,6 +7,7 @@ | |||
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 | |||
10 | /////////////////////////////////////////////////////////////////////// | 11 | /////////////////////////////////////////////////////////////////////// |
11 | // Class GLRectangle | 12 | // Class GLRectangle |
12 | // GL representation of a rectangle. | 13 | // GL representation of a rectangle. |
@@ -54,6 +55,10 @@ var Rectangle = function GLRectangle() { | |||
54 | this.setBRRadius(brRadius); | 55 | this.setBRRadius(brRadius); |
55 | 56 | ||
56 | this._strokeStyle = strokeStyle; | 57 | this._strokeStyle = strokeStyle; |
58 | |||
59 | this._matrix = Matrix.I(4); | ||
60 | //this._matrix[12] = xoffset; | ||
61 | //this._matrix[13] = yoffset; | ||
57 | } | 62 | } |
58 | 63 | ||
59 | // the overall radius includes the fill and the stroke. separate the two based onthe stroke width | 64 | // the overall radius includes the fill and the stroke. separate the two based onthe stroke width |
@@ -373,26 +378,36 @@ var Rectangle = function GLRectangle() { | |||
373 | if (brRad > minDimen) brRad = minDimen; | 378 | if (brRad > minDimen) brRad = minDimen; |
374 | if (trRad > minDimen) trRad = minDimen; | 379 | if (trRad > minDimen) trRad = minDimen; |
375 | 380 | ||
381 | var viewUtils = require("js/helper-classes/3D/view-utils").ViewUtils; | ||
382 | var world = this.getWorld(); | ||
383 | viewUtils.pushViewportObj( world.getCanvas() ); | ||
384 | var cop = viewUtils.getCenterOfProjection(); | ||
385 | viewUtils.popViewportObj(); | ||
386 | var xCtr = cop[0] + this._xOffset, yCtr = cop[1] - this._yOffset; | ||
387 | var xLeft = xCtr - 0.5*this.getWidth(), yTop = yCtr - 0.5*this.getHeight(); | ||
388 | var xDist = cop[0] - xLeft, yDist = cop[1] - yTop; | ||
389 | var xOff = 0.5*world.getViewportWidth() - xDist, yOff = 0.5*world.getViewportHeight() - yDist; |