zoukankan      html  css  js  c++  java
  • three.js 来源目光(十三)Math/Ray.js

    商域无疆 (http://blog.csdn.net/omni360/)

    本文遵循“署名-非商业用途-保持一致”创作公用协议

    转载请保留此句:商域无疆 -  本博客专注于 敏捷开发及移动和物联设备研究:数据可视化、GOLANG、Html5、WEBGL、THREE.JS否则,出自本博客的文章拒绝转载或再转载,谢谢合作。


    俺也是刚開始学,好多地儿肯定不正确还请见谅.

    下面代码是THREE.JS 源代码文件里Math/Ray.js文件的凝视.

    很多其它更新在 : https://github.com/omni360/three.js.sourcecode/blob/master/Three.js


    今天把Three.js的Ray类凝视完了,很重要的一个类.在场景中拾取对象,常常会用到这个类.


    // File:src/math/Ray.js
    
    /**
     * @author bhouston / http://exocortex.com
     */
    /*
    ///Ray对象的构造函数.用来创建一个三维空间里的射线对象.Ray对象的功能函数採用
    ///定义构造的函数原型对象来实现,ray主要是用来进行碰撞检測,在选择场景中的对象时常常会用到,推断当前鼠标是否与对象重合用来选择对象.
    ///
    ///	使用方法: var origin = new Vector3(1,1,1),direction = new Vector3(9,9,9); var ray = new Ray(origin,direction);
    ///	创建一个原点为origin,方向为direction的射线.
    */
    ///<summary>Ray</summary>
    ///<param name ="origin" type="Vector3">射线的端点,Vector3对象</param>
    ///<param name ="direction" type="Vector3">射线的方向,Vector3对象</param>
    THREE.Ray = function ( origin, direction ) {
    
    	this.origin = ( origin !== undefined ) ? origin : new THREE.Vector3();
    	this.direction = ( direction !== undefined ) ?

    direction : new THREE.Vector3(); }; /**************************************** ****以下是Vector3对象提供的功能函数. ****************************************/ THREE.Ray.prototype = { constructor: THREE.Ray, //构造器,返回对创建此对象的Ray函数的引用 /* ///set方法用来从新设置射线的端点和方向(origin,direction).并返回新的射线. */ ///<summary>set</summary> ///<param name ="origin" type="Vector3">x坐标</param> ///<param name ="direction" type="Vector3">y坐标</param> ///<returns type="Ray">返回新的射线</returns> set: function ( origin, direction ) { this.origin.copy( origin ); this.direction.copy( direction ); return this; //返回新的射线 }, /* ///copy方法用来复制射线的端点,方向,origin,direction坐标值.并返回新的坐标值的射线. */ ///<summary>copy</summary> ///<param name ="ray" type="Ray">射线</param> ///<returns type="Ray">返回新坐标值的射线</returns> copy: function ( ray ) { this.origin.copy( ray.origin ); this.direction.copy( ray.direction ); return this; //返回新坐标值的射线 }, /* ///at方法将返回沿当前射线方向的从端点起长度为t的点.假设传入了optionalTarget參数,将结果保存到optionalTarget中. /// NOTE:optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象 */ ///<summary>at</summary> ///<param name ="t" type="Number">数值,到端点的长度</param> ///<param name ="optionalTarget" type="Vector3">optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象</param> ///<returns type="Ray">返回沿当前射线方向的从端点起长度为t的点/returns> at: function ( t, optionalTarget ) { var result = optionalTarget || new THREE.Vector3(); return result.copy( this.direction ).multiplyScalar( t ).add( this.origin ); //将返回沿当前射线方向的从端点起长度为t的点 }, /* ///recast方法将调用at(t)方法返回沿当前射线方向的从端点起长度为t的点,并将范围的点设为端点. */ ///<summary>recast</summary> ///<param name ="t" type="Number">数值,到端点的长度</param> ///<returns type="Ray">返回新端点的射线/returns> recast: function () { var v1 = new THREE.Vector3(); return function ( t ) { this.origin.copy( this.at( t, v1 ) ); //调用at(t)方法返回沿当前射线方向的从端点起长度为t的点,并将范围的点设为端点. return this; //返回新端点的射线 }; }(), /* ///closestPointToPoint方法将返回随意点point到射线上的垂足.假设传入了optionalTarget參数,将结果保存到optionalTarget中. /// NOTE:optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象 /// NOTE:注意closestPointToPoint()方法定义假设垂足不在射线上,返回原点. */ ///<summary>closestPointToPoint</summary> ///<param name ="point" type="Vector3">随意点Vector3对象</param> ///<param name ="optionalTarget" type="Vector3">optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象</param> ///<returns type="Ray">返回随意点point到射线上的垂足/returns> closestPointToPoint: function ( point, optionalTarget ) { var result = optionalTarget || new THREE.Vector3(); result.subVectors( point, this.origin ); var directionDistance = result.dot( this.direction ); //调用dot方法返回两个向量的点积,并赋值给directionDistance. if ( directionDistance < 0 ) { //假设directionDistance小于0,表示垂足不在射线上, return result.copy( this.origin ); //返回原点 } return result.copy( this.direction ).multiplyScalar( directionDistance ).add( this.origin ); //返回随意点point到射线上的垂足 }, /* ///distanceToPoint方法将返回随意点到该射线的距离. /// NOTE:注意distanceToPoint()方法定义假设传入的參数point在端点后面,返回端点到该点的距离. */ ///<summary>distanceToPoint</summary> ///<param name ="point" type="Vector3">随意点Vector3对象</param> ///<returns type="Number">返回随意点point到射线的距离或到射线端点的距离./returns> distanceToPoint: function () { var v1 = new THREE.Vector3(); return function ( point ) { var directionDistance = v1.subVectors( point, this.origin ).dot( this.direction ); //调用dot方法返回两个向量的点积,并赋值给directionDistance. // point behind the ray // 推断端点是否在端点后面 if ( directionDistance < 0 ) { //假设directionDistance小于0,表示參数point在射线端点后面 return this.origin.distanceTo( point ); //返回端点到该点的距离 } v1.copy( this.direction ).multiplyScalar( directionDistance ).add( this.origin ); //假设參数point在射线端点前面, return v1.distanceTo( point ); //返回该点到射线的距离,即到垂足的距离. }; }(), /* ///distanceSqToSegment方法将返回有參数v0,v1组成的线段到当前射线的最小距离.可选參数optionalPointOnRay, optionalPointOnSegment,分别用来存储在射线上和在线段上的垂足. */ ///<summary>distanceToPoint</summary> ///<param name ="v0" type="Vector3">随意点Vector3对象</param> ///<param name ="v1" type="Vector3">随意点Vector3对象</param> ///<param name ="optionalPointOnRay" type="Vector3">optionalPointOnRay是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象,用来存储在射线上的垂足</param> ///<param name ="optionalPointOnSegment" type="Vector3">optionalPointOnSegment是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象,用来存储在线段上的垂足</param> ///<returns type="Number">返回随意点point到射线的距离或到射线端点的距离./returns> distanceSqToSegment: function ( v0, v1, optionalPointOnRay, optionalPointOnSegment ) { // from http://www.geometrictools.com/LibMathematics/Distance/Wm5DistRay3Segment3.cpp // It returns the min distance between the ray and the segment // distanceSqToSegment()方法返回线段到当前射线的最小距离 // defined by v0 and v1 // 线段由v0,v1构成 // It can also set two optional targets : // 可一传递两个可选參数optionalPointOnRay, optionalPointOnSegment // - The closest point on the ray // 參数optionalPointOnRay用来存储在射线上的垂足 // - The closest point on the segment // 參数optionalPointOnSegment用来存储在线段上的垂足 var segCenter = v0.clone().add( v1 ).multiplyScalar( 0.5 ); //获得线段的中点 var segDir = v1.clone().sub( v0 ).normalize(); //获得线段的单位向量, var segExtent = v0.distanceTo( v1 ) * 0.5; //线段的长度的一半? var diff = this.origin.clone().sub( segCenter ); // var a01 = - this.direction.dot( segDir ); var b0 = diff.dot( this.direction ); var b1 = - diff.dot( segDir ); var c = diff.lengthSq(); var det = Math.abs( 1 - a01 * a01 ); var s0, s1, sqrDist, extDet; if ( det >= 0 ) { // The ray and segment are not parallel. // 线段和射线不平行 s0 = a01 * b1 - b0; s1 = a01 * b0 - b1; extDet = segExtent * det; if ( s0 >= 0 ) { if ( s1 >= - extDet ) { if ( s1 <= extDet ) { // region 0 // Minimum at interior points of ray and segment. var invDet = 1 / det; s0 *= invDet; s1 *= invDet; sqrDist = s0 * ( s0 + a01 * s1 + 2 * b0 ) + s1 * ( a01 * s0 + s1 + 2 * b1 ) + c; } else { // region 1 s1 = segExtent; s0 = Math.max( 0, - ( a01 * s1 + b0 ) ); sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; } } else { // region 5 s1 = - segExtent; s0 = Math.max( 0, - ( a01 * s1 + b0 ) ); sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; } } else { if ( s1 <= - extDet ) { // region 4 s0 = Math.max( 0, - ( - a01 * segExtent + b0 ) ); s1 = ( s0 > 0 ) ?

    - segExtent : Math.min( Math.max( - segExtent, - b1 ), segExtent ); sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; } else if ( s1 <= extDet ) { // region 3 s0 = 0; s1 = Math.min( Math.max( - segExtent, - b1 ), segExtent ); sqrDist = s1 * ( s1 + 2 * b1 ) + c; } else { // region 2 s0 = Math.max( 0, - ( a01 * segExtent + b0 ) ); s1 = ( s0 > 0 ) ?

    segExtent : Math.min( Math.max( - segExtent, - b1 ), segExtent ); sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; } } } else { // Ray and segment are parallel. // 线段和射线平行 s1 = ( a01 > 0 ) ? - segExtent : segExtent; s0 = Math.max( 0, - ( a01 * s1 + b0 ) ); sqrDist = - s0 * s0 + s1 * ( s1 + 2 * b1 ) + c; } if ( optionalPointOnRay ) { optionalPointOnRay.copy( this.direction.clone().multiplyScalar( s0 ).add( this.origin ) ); } if ( optionalPointOnSegment ) { optionalPointOnSegment.copy( segDir.clone().multiplyScalar( s1 ).add( segCenter ) ); } return sqrDist; //返回最小长度. }, /* ///isIntersectionSphere方法用来推断当前射线是否与參数sphere球体相交相交. /// NOTE:isIntersectionSphere方法要求Sphere球体对象,必须有radius和center属性,sphereGeometry无效 */ ///<summary>isIntersectionSphere</summary> ///<param name ="sphere" type="Sphere">Sphere球体对象,必须有radius和center属性,sphereGeometry无效</param> ///<returns type="Boolean">返回true 或者 false</returns> isIntersectionSphere: function ( sphere ) { return this.distanceToPoint( sphere.center ) <= sphere.radius; //返回true 或者 false }, /* ///intersectSphere方法用来推断当前射线是否与參数sphere球体相交,假设相交返回交点.假设不想交返回null /// NOTE:intersectSphere方法要求Sphere球体对象,必须有radius和center属性,sphereGeometry无效 /// NOTE:intersectSphere方法常常常使用在鼠标拾取球体 */ ///<summary>intersectSphere</summary> ///<param name ="sphere" type="Sphere">Sphere球体对象,必须有radius和center属性,sphereGeometry无效</param> ///<param name ="optionalTarget" type="Vector3">optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象,用来存储射线与球体的交点</param> ///<returns type="Boolean">假设相交返回交点.假设不想交返回null</returns> intersectSphere: function () { // from http://www.scratchapixel.com/lessons/3d-basic-lessons/lesson-7-intersecting-simple-shapes/ray-sphere-intersection/ var v1 = new THREE.Vector3(); return function ( sphere, optionalTarget ) { v1.subVectors( sphere.center, this.origin ); var tca = v1.dot( this.direction ); var d2 = v1.dot( v1 ) - tca * tca; var radius2 = sphere.radius * sphere.radius; if ( d2 > radius2 ) return null; //假设不相交返回null var thc = Math.sqrt( radius2 - d2 ); // t0 = first intersect point - entrance on front of sphere // t0射线与球体的第一个交点,从球体的前面进入 var t0 = tca - thc; // t1 = second intersect point - exit point on back of sphere // t1射线与球体的第二个交点,从球体的背面射出 var t1 = tca + thc; // test to see if both t0 and t1 are behind the ray - if so, return null // 假设t0,t1都小于0,说明球体在射线端点的后面,返回null. if ( t0 < 0 && t1 < 0 ) return null; // test to see if t0 is behind the ray: // 假设t0射线与球体的第一个交点在射线端点的后面, // if it is, the ray is inside the sphere, so return the second exit point scaled by t1, // 说明射线端点在球体的内部,所以返回射线与球体表面的交点是t1,从球体的背面射出的交点. // in order to always return an intersect point that is in front of the ray. // 普通情况下总是返回一个交点,这里返回的是从球体的背面射出的交点. if ( t0 < 0 ) return this.at( t1, optionalTarget ); // else t0 is in front of the ray, so return the first collision point scaled by t0 // 还有一种情况,球体在射线的前面,返回t0,射线从球体体正面射入的交点. return this.at( t0, optionalTarget ); } }(), /* ///isIntersectionPlane方法用来推断当前射线是否与參数Plane平面相交,常常常使用来推断用户是否选中了场景中的平面. /// NOTE:isIntersectionPlane方法要求Plane平面对象,必须有normal属性 */ ///<summary>isIntersectionPlane</summary> ///<param name ="plane" type="Plane">Plane平面对象,必须有normal属性</param> ///<returns type="Boolean">返回true 或者 false</returns> isIntersectionPlane: function ( plane ) { // check if the ray lies on the plane first // 检查射线原点是否在Plane平面上, var distToPoint = plane.distanceToPoint( this.origin ); //获得平面到射线原点(就是鼠标所在位置)的距离 if ( distToPoint === 0 ) { //假设在平面上 return true; //返回true } var denominator = plane.normal.dot( this.direction ); //调用normal.dot方法获得射线到平面法线的单位向量,并赋值给denominator if ( denominator * distToPoint < 0 ) { //原点到平面的距离乘以单位向量小于0,说明平面在射线的前面. return true; //返回true } // ray origin is behind the plane (and is pointing behind it) // 射线原点在Plane平面的后面, return false; //返回false }, /* ///distanceToPlane方法将返回參数plane平面到当前射线的最小距离. /// NOTE:distanceToPlane方法要求Plane平面对象,必须有normal属性 */ ///<summary>distanceToPlane</summary> ///<param name ="plane" type="Plane">Plane平面对象,必须有normal属性</param> ///<returns type="Number">返回随意点point到射线的距离或到射线端点的距离t,假设射线在当前平面上返回0.射线与平面永不相交或其它未知定义返回null</returns> distanceToPlane: function ( plane ) { var denominator = plane.normal.dot( this.direction ); if ( denominator == 0 ) { // line is coplanar, return origin // 射线和平面共面,返回原点0. if ( plane.distanceToPoint( this.origin ) == 0 ) { return 0; //假设射线在当前平面上返回0 } // Null is preferable to undefined since undefined means.... it is undefined // 其它未知定义返回null return null; //其它未知定义返回null } var t = - ( this.origin.dot( plane.normal ) + plane.constant ) / denominator; // Return if the ray never intersects the plane // 射线与平面永不相交返回null return t >= 0 ?

    t : null; //射线与平面永不相交返回null,或者返回距离t }, /* ///intersectPlane方法用来推断当前射线是否与參数plane平面相交,假设相交返回交点.假设不想交返回null /// NOTE:intersectSphere方法要求plane平面对象,必须有normal属性 /// NOTE:intersectSphere方法常常常使用在鼠标拾取plane平面 */ ///<summary>intersectPlane</summary> ///<param name ="plane" type="Plane">Plane平面对象,必须有normal属性</param> ///<param name ="optionalTarget" type="Vector3">optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象,用来存储射线与平面的交点</param> ///<returns type="Boolean">假设相交返回交点.假设射线与平面永不相交或其它未知定义返回null</returns> intersectPlane: function ( plane, optionalTarget ) { var t = this.distanceToPlane( plane ); //调用distanceToPlane方法将返回參数plane平面到当前射线的最小距离 if ( t === null ) { //假设射线与平面永不相交或其它未知定义返回null return null; //返回null } return this.at( t, optionalTarget ); //假设相交返回交点 }, /* ///isIntersectionBox方法用来推断当前射线是否与參数Box立方体相交,常常常使用来推断用户是否选中了场景中的Box立方体对象. /// NOTE:isIntersectionPlane方法要求Box立方体对象,必须有min,max属性 */ ///<summary>isIntersectionBox</summary> ///<param name ="box" type="Box3">Box立方体对象,必须有min,max属性</param> ///<returns type="Boolean">返回true 或者 false</returns> isIntersectionBox: function () { var v = new THREE.Vector3(); return function ( box ) { return this.intersectBox( box, v ) !== null; //调用intersectBox()方法,推断是否不等于null,返回true 或者 false }; }(), /* ///intersectBox方法用来推断当前射线是否与參数Box立方体相交,假设相交返回交点.假设不想交返回null /// NOTE:intersectBox方法要求Box立方体对象,必须有min,max属性 /// NOTE:intersectBox方法常常常使用在鼠标拾取Box立方体 */ ///<summary>intersectBox</summary> ///<param name ="box" type="Box3">Box立方体对象,必须有min,max属性</param> ///<param name ="optionalTarget" type="Vector3">optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象,用来存储射线与立方体的交点</param> ///<returns type="Boolean">假设相交返回交点.假设射线与Box立方体永不相交或其它未知定义返回null</returns> intersectBox: function ( box , optionalTarget ) { // http://www.scratchapixel.com/lessons/3d-basic-lessons/lesson-7-intersecting-simple-shapes/ray-box-intersection/ var tmin,tmax,tymin,tymax,tzmin,tzmax; var invdirx = 1 / this.direction.x, invdiry = 1 / this.direction.y, invdirz = 1 / this.direction.z; var origin = this.origin; //以下的这些是推断射线的原点在立方体的前后左右,还是立方体内,还是永不相交.假设射线原点在立方体后面或者不相交,返回null if ( invdirx >= 0 ) { tmin = ( box.min.x - origin.x ) * invdirx; tmax = ( box.max.x - origin.x ) * invdirx; } else { tmin = ( box.max.x - origin.x ) * invdirx; tmax = ( box.min.x - origin.x ) * invdirx; } if ( invdiry >= 0 ) { tymin = ( box.min.y - origin.y ) * invdiry; tymax = ( box.max.y - origin.y ) * invdiry; } else { tymin = ( box.max.y - origin.y ) * invdiry; tymax = ( box.min.y - origin.y ) * invdiry; } if ( ( tmin > tymax ) || ( tymin > tmax ) ) return null; // These lines also handle the case where tmin or tmax is NaN // (result of 0 * Infinity). x !== x returns true if x is NaN if ( tymin > tmin || tmin !== tmin ) tmin = tymin; if ( tymax < tmax || tmax !== tmax ) tmax = tymax; if ( invdirz >= 0 ) { tzmin = ( box.min.z - origin.z ) * invdirz; tzmax = ( box.max.z - origin.z ) * invdirz; } else { tzmin = ( box.max.z - origin.z ) * invdirz; tzmax = ( box.min.z - origin.z ) * invdirz; } if ( ( tmin > tzmax ) || ( tzmin > tmax ) ) return null; if ( tzmin > tmin || tmin !== tmin ) tmin = tzmin; if ( tzmax < tmax || tmax !== tmax ) tmax = tzmax; //return point closest to the ray (positive side) //返回射线到立方体的垂足(正面的). if ( tmax < 0 ) return null; return this.at( tmin >= 0 ?

    tmin : tmax, optionalTarget ); //返回交点并设置给可选參数optionalTarget }, /* ///intersectTriangle方法用来推断当前射线是否与參数a,b,c组成的Triangle三角形对象相交,假设相交返回交点.假设不想交返回null /// NOTE:intersectTriangle方法要求Box立方体对象,必须有min,max属性 /// NOTE:intersectTriangle方法常常常使用在鼠标拾取Triangle三角形 /// NOTE:能够參考博客http://www.cnblogs.com/graphics/archive/2010/08/09/1795348.html */ ///<summary>intersectTriangle</summary> ///<param name ="a" type="Vector3">Triangle三角形的角点a</param> ///<param name ="b" type="Vector3">Triangle三角形的角点b</param> ///<param name ="c" type="Vector3">Triangle三角形的角点c</param> ///<param name ="backfaceCulling" type="Boolean">true 或者 false,用来表示是否选择背面</param> ///<param name ="optionalTarget" type="Vector3">optionalTarget是可选參数,假设没有设置,系统自己主动创建一个暂时Vector3对象,用来存储射线与立方体的交点</param> ///<returns type="Boolean">假设相交返回交点.假设射线与Triangle三角形永不相交或其它未知定义返回null</returns> intersectTriangle: function () { // Compute the offset origin, edges, and normal. var diff = new THREE.Vector3(); var edge1 = new THREE.Vector3(); var edge2 = new THREE.Vector3(); var normal = new THREE.Vector3(); return function ( a, b, c, backfaceCulling, optionalTarget ) { // from http://www.geometrictools.com/LibMathematics/Intersection/Wm5IntrRay3Triangle3.cpp edge1.subVectors( b, a ); edge2.subVectors( c, a ); normal.crossVectors( edge1, edge2 ); // Solve Q + t*D = b1*E1 + b2*E2 (Q = kDiff, D = ray direction, // E1 = kEdge1, E2 = kEdge2, N = Cross(E1,E2)) by // |Dot(D,N)|*b1 = sign(Dot(D,N))*Dot(D,Cross(Q,E2)) // |Dot(D,N)|*b2 = sign(Dot(D,N))*Dot(D,Cross(E1,Q)) // |Dot(D,N)|*t = -sign(Dot(D,N))*Dot(Q,N) var DdN = this.direction.dot( normal ); var sign; //以下的这些是推断射线的原点在Triangle三角形的前后左右,还是立方体内,还是永不相交.假设射线原点在立方体后面或者不相交,返回null if ( DdN > 0 ) { if ( backfaceCulling ) return null; sign = 1; } else if ( DdN < 0 ) { sign = - 1; DdN = - DdN; } else { return null; } diff.subVectors( this.origin, a ); var DdQxE2 = sign * this.direction.dot( edge2.crossVectors( diff, edge2 ) ); // b1 < 0, no intersection // b1 <0 ,不相交 if ( DdQxE2 < 0 ) { return null; } var DdE1xQ = sign * this.direction.dot( edge1.cross( diff ) ); // b2 < 0, no intersection // b2 <0 ,不相交 if ( DdE1xQ < 0 ) { return null; } // b1+b2 > 1, no intersection // b1+b2 > 1 ,不相交 if ( DdQxE2 + DdE1xQ > DdN ) { return null; } // Line intersects triangle, check if ray does. // 射线与三角形相交 var QdN = - sign * diff.dot( normal ); // t < 0, no intersection // t < 0, 不相交 if ( QdN < 0 ) { return null; } // Ray intersects triangle. // 射线与三角形相交. return this.at( QdN / DdN, optionalTarget ); //返回交点. }; }(), /* ///applyMatrix4方法通过传递參数matrix4(旋转,缩放,移动等变换矩阵)对当前射线对象的原点及方向矢量,应用变换. */ ///<summary>applyMatrix4</summary> ///<param name ="matrix4" type="Matrix4">(旋转,缩放,移动等变换矩阵</param> ///<returns type="Boolean">返回变换后的射线对象.</returns> applyMatrix4: function ( matrix4 ) { this.direction.add( this.origin ).applyMatrix4( matrix4 ); //对射线的方向矢量应用变换 this.origin.applyMatrix4( matrix4 ); //对射线的原点应用变换 this.direction.sub( this.origin ); this.direction.normalize(); return this; //返回变换后的射线对象 }, /*equals方法 ///equals方法相当于比較运算符===,将当前射线和參数ray中的(origin,direction)值进行对照,返回bool型值. */ ///<summary>equals</summary> ///<param name ="ray" type="Ray">射线(origin,direction)</param> ///<returns type="bool">返回true or false</returns> equals: function ( ray ) { return ray.origin.equals( this.origin ) && ray.direction.equals( this.direction ); //返回true or false }, /*clone方法 ///clone方法克隆一个射线对象. */ ///<summary>clone</summary> ///<returns type="Ray">返回射线对象</returns> clone: function () { return new THREE.Ray().copy( this ); //返回射线对象 } };



    商域无疆 (http://blog.csdn.net/omni360/)

    本文遵循“署名-非商业用途-保持一致”创作公用协议

    转载请保留此句:商域无疆 -  本博客专注于 敏捷开发及移动和物联设备研究:数据可视化、GOLANG、Html5、WEBGL、THREE.JS否则,出自本博客的文章拒绝转载或再转载,谢谢合作。


    下面代码是THREE.JS 源代码文件里Math/Ray.js文件的凝视.

    很多其它更新在 : https://github.com/omni360/three.js.sourcecode/blob/master/Three.js

    版权声明:本文博主原创文章,博客,未经同意不得转载。

  • 相关阅读:
    js精度丢失问题处理
    button居中
    js存储 cookie,localStorage,sessionStorage的比较
    js 常用的DOM,BOM操作
    js事件代理理解
    oneplus前端开发面试
    instanceof
    js原型和原型链
    js构造函数
    NC 6.X笔记(编辑中)
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/4910198.html
Copyright © 2011-2022 走看看