Projector.js 25 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. * @author supereggbert / http://www.paulbrunt.co.uk/
  4. * @author julianwa / https://github.com/julianwa
  5. */
  6. THREE.RenderableObject = function () {
  7. this.id = 0;
  8. this.object = null;
  9. this.z = 0;
  10. this.renderOrder = 0;
  11. };
  12. //
  13. THREE.RenderableFace = function () {
  14. this.id = 0;
  15. this.v1 = new THREE.RenderableVertex();
  16. this.v2 = new THREE.RenderableVertex();
  17. this.v3 = new THREE.RenderableVertex();
  18. this.normalModel = new THREE.Vector3();
  19. this.vertexNormalsModel = [ new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3() ];
  20. this.vertexNormalsLength = 0;
  21. this.color = new THREE.Color();
  22. this.material = null;
  23. this.uvs = [ new THREE.Vector2(), new THREE.Vector2(), new THREE.Vector2() ];
  24. this.z = 0;
  25. this.renderOrder = 0;
  26. };
  27. //
  28. THREE.RenderableVertex = function () {
  29. this.position = new THREE.Vector3();
  30. this.positionWorld = new THREE.Vector3();
  31. this.positionScreen = new THREE.Vector4();
  32. this.visible = true;
  33. };
  34. THREE.RenderableVertex.prototype.copy = function ( vertex ) {
  35. this.positionWorld.copy( vertex.positionWorld );
  36. this.positionScreen.copy( vertex.positionScreen );
  37. };
  38. //
  39. THREE.RenderableLine = function () {
  40. this.id = 0;
  41. this.v1 = new THREE.RenderableVertex();
  42. this.v2 = new THREE.RenderableVertex();
  43. this.vertexColors = [ new THREE.Color(), new THREE.Color() ];
  44. this.material = null;
  45. this.z = 0;
  46. this.renderOrder = 0;
  47. };
  48. //
  49. THREE.RenderableSprite = function () {
  50. this.id = 0;
  51. this.object = null;
  52. this.x = 0;
  53. this.y = 0;
  54. this.z = 0;
  55. this.rotation = 0;
  56. this.scale = new THREE.Vector2();
  57. this.material = null;
  58. this.renderOrder = 0;
  59. };
  60. //
  61. THREE.Projector = function () {
  62. var _object, _objectCount, _objectPool = [], _objectPoolLength = 0,
  63. _vertex, _vertexCount, _vertexPool = [], _vertexPoolLength = 0,
  64. _face, _faceCount, _facePool = [], _facePoolLength = 0,
  65. _line, _lineCount, _linePool = [], _linePoolLength = 0,
  66. _sprite, _spriteCount, _spritePool = [], _spritePoolLength = 0,
  67. _renderData = { objects: [], lights: [], elements: [] },
  68. _vector3 = new THREE.Vector3(),
  69. _vector4 = new THREE.Vector4(),
  70. _clipBox = new THREE.Box3( new THREE.Vector3( - 1, - 1, - 1 ), new THREE.Vector3( 1, 1, 1 ) ),
  71. _boundingBox = new THREE.Box3(),
  72. _points3 = new Array( 3 ),
  73. _viewMatrix = new THREE.Matrix4(),
  74. _viewProjectionMatrix = new THREE.Matrix4(),
  75. _modelMatrix,
  76. _modelViewProjectionMatrix = new THREE.Matrix4(),
  77. _normalMatrix = new THREE.Matrix3(),
  78. _frustum = new THREE.Frustum(),
  79. _clippedVertex1PositionScreen = new THREE.Vector4(),
  80. _clippedVertex2PositionScreen = new THREE.Vector4();
  81. //
  82. this.projectVector = function ( vector, camera ) {
  83. console.warn( 'THREE.Projector: .projectVector() is now vector.project().' );
  84. vector.project( camera );
  85. };
  86. this.unprojectVector = function ( vector, camera ) {
  87. console.warn( 'THREE.Projector: .unprojectVector() is now vector.unproject().' );
  88. vector.unproject( camera );
  89. };
  90. this.pickingRay = function () {
  91. console.error( 'THREE.Projector: .pickingRay() is now raycaster.setFromCamera().' );
  92. };
  93. //
  94. var RenderList = function () {
  95. var normals = [];
  96. var colors = [];
  97. var uvs = [];
  98. var object = null;
  99. var material = null;
  100. var normalMatrix = new THREE.Matrix3();
  101. function setObject( value ) {
  102. object = value;
  103. material = object.material;
  104. normalMatrix.getNormalMatrix( object.matrixWorld );
  105. normals.length = 0;
  106. colors.length = 0;
  107. uvs.length = 0;
  108. }
  109. function projectVertex( vertex ) {
  110. var position = vertex.position;
  111. var positionWorld = vertex.positionWorld;
  112. var positionScreen = vertex.positionScreen;
  113. positionWorld.copy( position ).applyMatrix4( _modelMatrix );
  114. positionScreen.copy( positionWorld ).applyMatrix4( _viewProjectionMatrix );
  115. var invW = 1 / positionScreen.w;
  116. positionScreen.x *= invW;
  117. positionScreen.y *= invW;
  118. positionScreen.z *= invW;
  119. vertex.visible = positionScreen.x >= - 1 && positionScreen.x <= 1 &&
  120. positionScreen.y >= - 1 && positionScreen.y <= 1 &&
  121. positionScreen.z >= - 1 && positionScreen.z <= 1;
  122. }
  123. function pushVertex( x, y, z ) {
  124. _vertex = getNextVertexInPool();
  125. _vertex.position.set( x, y, z );
  126. projectVertex( _vertex );
  127. }
  128. function pushNormal( x, y, z ) {
  129. normals.push( x, y, z );
  130. }
  131. function pushColor( r, g, b ) {
  132. colors.push( r, g, b );
  133. }
  134. function pushUv( x, y ) {
  135. uvs.push( x, y );
  136. }
  137. function checkTriangleVisibility( v1, v2, v3 ) {
  138. if ( v1.visible === true || v2.visible === true || v3.visible === true ) return true;
  139. _points3[ 0 ] = v1.positionScreen;
  140. _points3[ 1 ] = v2.positionScreen;
  141. _points3[ 2 ] = v3.positionScreen;
  142. return _clipBox.intersectsBox( _boundingBox.setFromPoints( _points3 ) );
  143. }
  144. function checkBackfaceCulling( v1, v2, v3 ) {
  145. return ( ( v3.positionScreen.x - v1.positionScreen.x ) *
  146. ( v2.positionScreen.y - v1.positionScreen.y ) -
  147. ( v3.positionScreen.y - v1.positionScreen.y ) *
  148. ( v2.positionScreen.x - v1.positionScreen.x ) ) < 0;
  149. }
  150. function pushLine( a, b ) {
  151. var v1 = _vertexPool[ a ];
  152. var v2 = _vertexPool[ b ];
  153. // Clip
  154. v1.positionScreen.copy( v1.position ).applyMatrix4( _modelViewProjectionMatrix );
  155. v2.positionScreen.copy( v2.position ).applyMatrix4( _modelViewProjectionMatrix );
  156. if ( clipLine( v1.positionScreen, v2.positionScreen ) === true ) {
  157. // Perform the perspective divide
  158. v1.positionScreen.multiplyScalar( 1 / v1.positionScreen.w );
  159. v2.positionScreen.multiplyScalar( 1 / v2.positionScreen.w );
  160. _line = getNextLineInPool();
  161. _line.id = object.id;
  162. _line.v1.copy( v1 );
  163. _line.v2.copy( v2 );
  164. _line.z = Math.max( v1.positionScreen.z, v2.positionScreen.z );
  165. _line.renderOrder = object.renderOrder;
  166. _line.material = object.material;
  167. if ( object.material.vertexColors === THREE.VertexColors ) {
  168. _line.vertexColors[ 0 ].fromArray( colors, a * 3 );
  169. _line.vertexColors[ 1 ].fromArray( colors, b * 3 );
  170. }
  171. _renderData.elements.push( _line );
  172. }
  173. }
  174. function pushTriangle( a, b, c, material ) {
  175. var v1 = _vertexPool[ a ];
  176. var v2 = _vertexPool[ b ];
  177. var v3 = _vertexPool[ c ];
  178. if ( checkTriangleVisibility( v1, v2, v3 ) === false ) return;
  179. if ( material.side === THREE.DoubleSide || checkBackfaceCulling( v1, v2, v3 ) === true ) {
  180. _face = getNextFaceInPool();
  181. _face.id = object.id;
  182. _face.v1.copy( v1 );
  183. _face.v2.copy( v2 );
  184. _face.v3.copy( v3 );
  185. _face.z = ( v1.positionScreen.z + v2.positionScreen.z + v3.positionScreen.z ) / 3;
  186. _face.renderOrder = object.renderOrder;
  187. // face normal
  188. _vector3.subVectors( v3.position, v2.position );
  189. _vector4.subVectors( v1.position, v2.position );
  190. _vector3.cross( _vector4 );
  191. _face.normalModel.copy( _vector3 );
  192. _face.normalModel.applyMatrix3( normalMatrix ).normalize();
  193. for ( var i = 0; i < 3; i ++ ) {
  194. var normal = _face.vertexNormalsModel[ i ];
  195. normal.fromArray( normals, arguments[ i ] * 3 );
  196. normal.applyMatrix3( normalMatrix ).normalize();
  197. var uv = _face.uvs[ i ];
  198. uv.fromArray( uvs, arguments[ i ] * 2 );
  199. }
  200. _face.vertexNormalsLength = 3;
  201. _face.material = material;
  202. if ( material.vertexColors === THREE.FaceColors || material.vertexColors === THREE.VertexColors ) {
  203. _face.color.fromArray( colors, a * 3 );
  204. }
  205. _renderData.elements.push( _face );
  206. }
  207. }
  208. return {
  209. setObject: setObject,
  210. projectVertex: projectVertex,
  211. checkTriangleVisibility: checkTriangleVisibility,
  212. checkBackfaceCulling: checkBackfaceCulling,
  213. pushVertex: pushVertex,
  214. pushNormal: pushNormal,
  215. pushColor: pushColor,
  216. pushUv: pushUv,
  217. pushLine: pushLine,
  218. pushTriangle: pushTriangle
  219. };
  220. };
  221. var renderList = new RenderList();
  222. function projectObject( object ) {
  223. if ( object.visible === false ) return;
  224. if ( object instanceof THREE.Light ) {
  225. _renderData.lights.push( object );
  226. } else if ( object instanceof THREE.Mesh || object instanceof THREE.Line || object instanceof THREE.Points ) {
  227. if ( object.material.visible === false ) return;
  228. if ( object.frustumCulled === true && _frustum.intersectsObject( object ) === false ) return;
  229. addObject( object );
  230. } else if ( object instanceof THREE.Sprite ) {
  231. if ( object.material.visible === false ) return;
  232. if ( object.frustumCulled === true && _frustum.intersectsSprite( object ) === false ) return;
  233. addObject( object );
  234. }
  235. var children = object.children;
  236. for ( var i = 0, l = children.length; i < l; i ++ ) {
  237. projectObject( children[ i ] );
  238. }
  239. }
  240. function addObject( object ) {
  241. _object = getNextObjectInPool();
  242. _object.id = object.id;
  243. _object.object = object;
  244. _vector3.setFromMatrixPosition( object.matrixWorld );
  245. _vector3.applyMatrix4( _viewProjectionMatrix );
  246. _object.z = _vector3.z;
  247. _object.renderOrder = object.renderOrder;
  248. _renderData.objects.push( _object );
  249. }
  250. this.projectScene = function ( scene, camera, sortObjects, sortElements ) {
  251. _faceCount = 0;
  252. _lineCount = 0;
  253. _spriteCount = 0;
  254. _renderData.elements.length = 0;
  255. if ( scene.autoUpdate === true ) scene.updateMatrixWorld();
  256. if ( camera.parent === null ) camera.updateMatrixWorld();
  257. _viewMatrix.copy( camera.matrixWorldInverse );
  258. _viewProjectionMatrix.multiplyMatrices( camera.projectionMatrix, _viewMatrix );
  259. _frustum.setFromMatrix( _viewProjectionMatrix );
  260. //
  261. _objectCount = 0;
  262. _renderData.objects.length = 0;
  263. _renderData.lights.length = 0;
  264. projectObject( scene );
  265. if ( sortObjects === true ) {
  266. _renderData.objects.sort( painterSort );
  267. }
  268. //
  269. var objects = _renderData.objects;
  270. for ( var o = 0, ol = objects.length; o < ol; o ++ ) {
  271. var object = objects[ o ].object;
  272. var geometry = object.geometry;
  273. renderList.setObject( object );
  274. _modelMatrix = object.matrixWorld;
  275. _vertexCount = 0;
  276. if ( object instanceof THREE.Mesh ) {
  277. if ( geometry instanceof THREE.BufferGeometry ) {
  278. var material = object.material;
  279. var isMultiMaterial = Array.isArray( material );
  280. var attributes = geometry.attributes;
  281. var groups = geometry.groups;
  282. if ( attributes.position === undefined ) continue;
  283. var positions = attributes.position.array;
  284. for ( var i = 0, l = positions.length; i < l; i += 3 ) {
  285. var x = positions[ i ];
  286. var y = positions[ i + 1 ];
  287. var z = positions[ i + 2 ];
  288. if ( material.morphTargets === true ) {
  289. var morphTargets = geometry.morphAttributes.position;
  290. var morphInfluences = object.morphTargetInfluences;
  291. for ( var t = 0, tl = morphTargets.length; t < tl; t ++ ) {
  292. var influence = morphInfluences[ t ];
  293. if ( influence === 0 ) continue;
  294. var target = morphTargets[ t ];
  295. x += ( target.getX( i / 3 ) - positions[ i ] ) * influence;
  296. y += ( target.getY( i / 3 ) - positions[ i + 1 ] ) * influence;
  297. z += ( target.getZ( i / 3 ) - positions[ i + 2 ] ) * influence;
  298. }
  299. }
  300. renderList.pushVertex( x, y, z );
  301. }
  302. if ( attributes.normal !== undefined ) {
  303. var normals = attributes.normal.array;
  304. for ( var i = 0, l = normals.length; i < l; i += 3 ) {
  305. renderList.pushNormal( normals[ i ], normals[ i + 1 ], normals[ i + 2 ] );
  306. }
  307. }
  308. if ( attributes.color !== undefined ) {
  309. var colors = attributes.color.array;
  310. for ( var i = 0, l = colors.length; i < l; i += 3 ) {
  311. renderList.pushColor( colors[ i ], colors[ i + 1 ], colors[ i + 2 ] );
  312. }
  313. }
  314. if ( attributes.uv !== undefined ) {
  315. var uvs = attributes.uv.array;
  316. for ( var i = 0, l = uvs.length; i < l; i += 2 ) {
  317. renderList.pushUv( uvs[ i ], uvs[ i + 1 ] );
  318. }
  319. }
  320. if ( geometry.index !== null ) {
  321. var indices = geometry.index.array;
  322. if ( groups.length > 0 ) {
  323. for ( var g = 0; g < groups.length; g ++ ) {
  324. var group = groups[ g ];
  325. material = isMultiMaterial === true
  326. ? object.material[ group.materialIndex ]
  327. : object.material;
  328. if ( material === undefined ) continue;
  329. for ( var i = group.start, l = group.start + group.count; i < l; i += 3 ) {
  330. renderList.pushTriangle( indices[ i ], indices[ i + 1 ], indices[ i + 2 ], material );
  331. }
  332. }
  333. } else {
  334. for ( var i = 0, l = indices.length; i < l; i += 3 ) {
  335. renderList.pushTriangle( indices[ i ], indices[ i + 1 ], indices[ i + 2 ], material );
  336. }
  337. }
  338. } else {
  339. if ( groups.length > 0 ) {
  340. for ( var g = 0; g < groups.length; g ++ ) {
  341. var group = groups[ g ];
  342. material = isMultiMaterial === true
  343. ? object.material[ group.materialIndex ]
  344. : object.material;
  345. if ( material === undefined ) continue;
  346. for ( var i = group.start, l = group.start + group.count; i < l; i += 3 ) {
  347. renderList.pushTriangle( i, i + 1, i + 2, material );
  348. }
  349. }
  350. } else {
  351. for ( var i = 0, l = positions.length / 3; i < l; i += 3 ) {
  352. renderList.pushTriangle( i, i + 1, i + 2, material );
  353. }
  354. }
  355. }
  356. } else if ( geometry instanceof THREE.Geometry ) {
  357. var vertices = geometry.vertices;
  358. var faces = geometry.faces;
  359. var faceVertexUvs = geometry.faceVertexUvs[ 0 ];
  360. _normalMatrix.getNormalMatrix( _modelMatrix );
  361. var material = object.material;
  362. var isMultiMaterial = Array.isArray( material );
  363. for ( var v = 0, vl = vertices.length; v < vl; v ++ ) {
  364. var vertex = vertices[ v ];
  365. _vector3.copy( vertex );
  366. if ( material.morphTargets === true ) {
  367. var morphTargets = geometry.morphTargets;
  368. var morphInfluences = object.morphTargetInfluences;
  369. for ( var t = 0, tl = morphTargets.length; t < tl; t ++ ) {
  370. var influence = morphInfluences[ t ];
  371. if ( influence === 0 ) continue;
  372. var target = morphTargets[ t ];
  373. var targetVertex = target.vertices[ v ];
  374. _vector3.x += ( targetVertex.x - vertex.x ) * influence;
  375. _vector3.y += ( targetVertex.y - vertex.y ) * influence;
  376. _vector3.z += ( targetVertex.z - vertex.z ) * influence;
  377. }
  378. }
  379. renderList.pushVertex( _vector3.x, _vector3.y, _vector3.z );
  380. }
  381. for ( var f = 0, fl = faces.length; f < fl; f ++ ) {
  382. var face = faces[ f ];
  383. material = isMultiMaterial === true
  384. ? object.material[ face.materialIndex ]
  385. : object.material;
  386. if ( material === undefined ) continue;
  387. var side = material.side;
  388. var v1 = _vertexPool[ face.a ];
  389. var v2 = _vertexPool[ face.b ];
  390. var v3 = _vertexPool[ face.c ];
  391. if ( renderList.checkTriangleVisibility( v1, v2, v3 ) === false ) continue;
  392. var visible = renderList.checkBackfaceCulling( v1, v2, v3 );
  393. if ( side !== THREE.DoubleSide ) {
  394. if ( side === THREE.FrontSide && visible === false ) continue;
  395. if ( side === THREE.BackSide && visible === true ) continue;
  396. }
  397. _face = getNextFaceInPool();
  398. _face.id = object.id;
  399. _face.v1.copy( v1 );
  400. _face.v2.copy( v2 );
  401. _face.v3.copy( v3 );
  402. _face.normalModel.copy( face.normal );
  403. if ( visible === false && ( side === THREE.BackSide || side === THREE.DoubleSide ) ) {
  404. _face.normalModel.negate();
  405. }
  406. _face.normalModel.applyMatrix3( _normalMatrix ).normalize();
  407. var faceVertexNormals = face.vertexNormals;
  408. for ( var n = 0, nl = Math.min( faceVertexNormals.length, 3 ); n < nl; n ++ ) {
  409. var normalModel = _face.vertexNormalsModel[ n ];
  410. normalModel.copy( faceVertexNormals[ n ] );
  411. if ( visible === false && ( side === THREE.BackSide || side === THREE.DoubleSide ) ) {
  412. normalModel.negate();
  413. }
  414. normalModel.applyMatrix3( _normalMatrix ).normalize();
  415. }
  416. _face.vertexNormalsLength = faceVertexNormals.length;
  417. var vertexUvs = faceVertexUvs[ f ];
  418. if ( vertexUvs !== undefined ) {
  419. for ( var u = 0; u < 3; u ++ ) {
  420. _face.uvs[ u ].copy( vertexUvs[ u ] );
  421. }
  422. }
  423. _face.color = face.color;
  424. _face.material = material;
  425. _face.z = ( v1.positionScreen.z + v2.positionScreen.z + v3.positionScreen.z ) / 3;
  426. _face.renderOrder = object.renderOrder;
  427. _renderData.elements.push( _face );
  428. }
  429. }
  430. } else if ( object instanceof THREE.Line ) {
  431. _modelViewProjectionMatrix.multiplyMatrices( _viewProjectionMatrix, _modelMatrix );
  432. if ( geometry instanceof THREE.BufferGeometry ) {
  433. var attributes = geometry.attributes;
  434. if ( attributes.position !== undefined ) {
  435. var positions = attributes.position.array;
  436. for ( var i = 0, l = positions.length; i < l; i += 3 ) {
  437. renderList.pushVertex( positions[ i ], positions[ i + 1 ], positions[ i + 2 ] );
  438. }
  439. if ( attributes.color !== undefined ) {
  440. var colors = attributes.color.array;
  441. for ( var i = 0, l = colors.length; i < l; i += 3 ) {
  442. renderList.pushColor( colors[ i ], colors[ i + 1 ], colors[ i + 2 ] );
  443. }
  444. }
  445. if ( geometry.index !== null ) {
  446. var indices = geometry.index.array;
  447. for ( var i = 0, l = indices.length; i < l; i += 2 ) {
  448. renderList.pushLine( indices[ i ], indices[ i + 1 ] );
  449. }
  450. } else {
  451. var step = object instanceof THREE.LineSegments ? 2 : 1;
  452. for ( var i = 0, l = ( positions.length / 3 ) - 1; i < l; i += step ) {
  453. renderList.pushLine( i, i + 1 );
  454. }
  455. }
  456. }
  457. } else if ( geometry instanceof THREE.Geometry ) {
  458. var vertices = object.geometry.vertices;
  459. if ( vertices.length === 0 ) continue;
  460. v1 = getNextVertexInPool();
  461. v1.positionScreen.copy( vertices[ 0 ] ).applyMatrix4( _modelViewProjectionMatrix );
  462. var step = object instanceof THREE.LineSegments ? 2 : 1;
  463. for ( var v = 1, vl = vertices.length; v < vl; v ++ ) {
  464. v1 = getNextVertexInPool();
  465. v1.positionScreen.copy( vertices[ v ] ).applyMatrix4( _modelViewProjectionMatrix );
  466. if ( ( v + 1 ) % step > 0 ) continue;
  467. v2 = _vertexPool[ _vertexCount - 2 ];
  468. _clippedVertex1PositionScreen.copy( v1.positionScreen );
  469. _clippedVertex2PositionScreen.copy( v2.positionScreen );
  470. if ( clipLine( _clippedVertex1PositionScreen, _clippedVertex2PositionScreen ) === true ) {
  471. // Perform the perspective divide
  472. _clippedVertex1PositionScreen.multiplyScalar( 1 / _clippedVertex1PositionScreen.w );
  473. _clippedVertex2PositionScreen.multiplyScalar( 1 / _clippedVertex2PositionScreen.w );
  474. _line = getNextLineInPool();
  475. _line.id = object.id;
  476. _line.v1.positionScreen.copy( _clippedVertex1PositionScreen );
  477. _line.v2.positionScreen.copy( _clippedVertex2PositionScreen );
  478. _line.z = Math.max( _clippedVertex1PositionScreen.z, _clippedVertex2PositionScreen.z );
  479. _line.renderOrder = object.renderOrder;
  480. _line.material = object.material;
  481. if ( object.material.vertexColors === THREE.VertexColors ) {
  482. _line.vertexColors[ 0 ].copy( object.geometry.colors[ v ] );
  483. _line.vertexColors[ 1 ].copy( object.geometry.colors[ v - 1 ] );
  484. }
  485. _renderData.elements.push( _line );
  486. }
  487. }
  488. }
  489. } else if ( object instanceof THREE.Points ) {
  490. _modelViewProjectionMatrix.multiplyMatrices( _viewProjectionMatrix, _modelMatrix );
  491. if ( geometry instanceof THREE.Geometry ) {
  492. var vertices = object.geometry.vertices;
  493. for ( var v = 0, vl = vertices.length; v < vl; v ++ ) {
  494. var vertex = vertices[ v ];
  495. _vector4.set( vertex.x, vertex.y, vertex.z, 1 );
  496. _vector4.applyMatrix4( _modelViewProjectionMatrix );
  497. pushPoint( _vector4, object, camera );
  498. }
  499. } else if ( geometry instanceof THREE.BufferGeometry ) {
  500. var attributes = geometry.attributes;
  501. if ( attributes.position !== undefined ) {
  502. var positions = attributes.position.array;
  503. for ( var i = 0, l = positions.length; i < l; i += 3 ) {
  504. _vector4.set( positions[ i ], positions[ i + 1 ], positions[ i + 2 ], 1 );
  505. _vector4.applyMatrix4( _modelViewProjectionMatrix );
  506. pushPoint( _vector4, object, camera );
  507. }
  508. }
  509. }
  510. } else if ( object instanceof THREE.Sprite ) {
  511. object.modelViewMatrix.multiplyMatrices( camera.matrixWorldInverse, object.matrixWorld );
  512. _vector4.set( _modelMatrix.elements[ 12 ], _modelMatrix.elements[ 13 ], _modelMatrix.elements[ 14 ], 1 );
  513. _vector4.applyMatrix4( _viewProjectionMatrix );
  514. pushPoint( _vector4, object, camera );
  515. }
  516. }
  517. if ( sortElements === true ) {
  518. _renderData.elements.sort( painterSort );
  519. }
  520. return _renderData;
  521. };
  522. function pushPoint( _vector4, object, camera ) {
  523. var invW = 1 / _vector4.w;
  524. _vector4.z *= invW;
  525. if ( _vector4.z >= - 1 && _vector4.z <= 1 ) {
  526. _sprite = getNextSpriteInPool();
  527. _sprite.id = object.id;
  528. _sprite.x = _vector4.x * invW;
  529. _sprite.y = _vector4.y * invW;
  530. _sprite.z = _vector4.z;
  531. _sprite.renderOrder = object.renderOrder;
  532. _sprite.object = object;
  533. _sprite.rotation = object.rotation;
  534. _sprite.scale.x = object.scale.x * Math.abs( _sprite.x - ( _vector4.x + camera.projectionMatrix.elements[ 0 ] ) / ( _vector4.w + camera.projectionMatrix.elements[ 12 ] ) );
  535. _sprite.scale.y = object.scale.y * Math.abs( _sprite.y - ( _vector4.y + camera.projectionMatrix.elements[ 5 ] ) / ( _vector4.w + camera.projectionMatrix.elements[ 13 ] ) );
  536. _sprite.material = object.material;
  537. _renderData.elements.push( _sprite );
  538. }
  539. }
  540. // Pools
  541. function getNextObjectInPool() {
  542. if ( _objectCount === _objectPoolLength ) {
  543. var object = new THREE.RenderableObject();
  544. _objectPool.push( object );
  545. _objectPoolLength ++;
  546. _objectCount ++;
  547. return object;
  548. }
  549. return _objectPool[ _objectCount ++ ];
  550. }
  551. function getNextVertexInPool() {
  552. if ( _vertexCount === _vertexPoolLength ) {
  553. var vertex = new THREE.RenderableVertex();
  554. _vertexPool.push( vertex );
  555. _vertexPoolLength ++;
  556. _vertexCount ++;
  557. return vertex;
  558. }
  559. return _vertexPool[ _vertexCount ++ ];
  560. }
  561. function getNextFaceInPool() {
  562. if ( _faceCount === _facePoolLength ) {
  563. var face = new THREE.RenderableFace();
  564. _facePool.push( face );
  565. _facePoolLength ++;
  566. _faceCount ++;
  567. return face;
  568. }
  569. return _facePool[ _faceCount ++ ];
  570. }
  571. function getNextLineInPool() {
  572. if ( _lineCount === _linePoolLength ) {
  573. var line = new THREE.RenderableLine();
  574. _linePool.push( line );
  575. _linePoolLength ++;
  576. _lineCount ++;
  577. return line;
  578. }
  579. return _linePool[ _lineCount ++ ];
  580. }
  581. function getNextSpriteInPool() {
  582. if ( _spriteCount === _spritePoolLength ) {
  583. var sprite = new THREE.RenderableSprite();
  584. _spritePool.push( sprite );
  585. _spritePoolLength ++;
  586. _spriteCount ++;
  587. return sprite;
  588. }
  589. return _spritePool[ _spriteCount ++ ];
  590. }
  591. //
  592. function painterSort( a, b ) {
  593. if ( a.renderOrder !== b.renderOrder ) {
  594. return a.renderOrder - b.renderOrder;
  595. } else if ( a.z !== b.z ) {
  596. return b.z - a.z;
  597. } else if ( a.id !== b.id ) {
  598. return a.id - b.id;
  599. } else {
  600. return 0;
  601. }
  602. }
  603. function clipLine( s1, s2 ) {
  604. var alpha1 = 0, alpha2 = 1,
  605. // Calculate the boundary coordinate of each vertex for the near and far clip planes,
  606. // Z = -1 and Z = +1, respectively.
  607. bc1near = s1.z + s1.w,
  608. bc2near = s2.z + s2.w,
  609. bc1far = - s1.z + s1.w,
  610. bc2far = - s2.z + s2.w;
  611. if ( bc1near >= 0 && bc2near >= 0 && bc1far >= 0 && bc2far >= 0 ) {
  612. // Both vertices lie entirely within all clip planes.
  613. return true;
  614. } else if ( ( bc1near < 0 && bc2near < 0 ) || ( bc1far < 0 && bc2far < 0 ) ) {
  615. // Both vertices lie entirely outside one of the clip planes.
  616. return false;
  617. } else {
  618. // The line segment spans at least one clip plane.
  619. if ( bc1near < 0 ) {
  620. // v1 lies outside the near plane, v2 inside
  621. alpha1 = Math.max( alpha1, bc1near / ( bc1near - bc2near ) );
  622. } else if ( bc2near < 0 ) {
  623. // v2 lies outside the near plane, v1 inside
  624. alpha2 = Math.min( alpha2, bc1near / ( bc1near - bc2near ) );
  625. }
  626. if ( bc1far < 0 ) {
  627. // v1 lies outside the far plane, v2 inside
  628. alpha1 = Math.max( alpha1, bc1far / ( bc1far - bc2far ) );
  629. } else if ( bc2far < 0 ) {
  630. // v2 lies outside the far plane, v2 inside
  631. alpha2 = Math.min( alpha2, bc1far / ( bc1far - bc2far ) );
  632. }
  633. if ( alpha2 < alpha1 ) {
  634. // The line segment spans two boundaries, but is outside both of them.
  635. // (This can't happen when we're only clipping against just near/far but good
  636. // to leave the check here for future usage if other clip planes are added.)
  637. return false;
  638. } else {
  639. // Update the s1 and s2 vertices to match the clipped line segment.
  640. s1.lerp( s2, alpha1 );
  641. s2.lerp( s1, 1 - alpha2 );
  642. return true;
  643. }
  644. }
  645. }
  646. };