WebGLObjects.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.WebGLObjects = function ( gl, info, extensions, getBufferMaterial ) {
  5. var buffers = new THREE.WebGLBuffers( gl, info, extensions, getBufferMaterial );
  6. var objects = {};
  7. var objectsImmediate = [];
  8. var geometryGroups = {};
  9. var geometryGroupCounter = 0;
  10. function makeGroups( geometry, usesFaceMaterial ) {
  11. var maxVerticesInGroup = extensions.get( 'OES_element_index_uint' ) ? 4294967296 : 65535;
  12. var groupHash, hash_map = {};
  13. var numMorphTargets = geometry.morphTargets.length;
  14. var numMorphNormals = geometry.morphNormals.length;
  15. var group;
  16. var groups = {};
  17. var groupsList = [];
  18. for ( var f = 0, fl = geometry.faces.length; f < fl; f ++ ) {
  19. var face = geometry.faces[ f ];
  20. var materialIndex = usesFaceMaterial ? face.materialIndex : 0;
  21. if ( ! ( materialIndex in hash_map ) ) {
  22. hash_map[ materialIndex ] = { hash: materialIndex, counter: 0 };
  23. }
  24. groupHash = hash_map[ materialIndex ].hash + '_' + hash_map[ materialIndex ].counter;
  25. if ( ! ( groupHash in groups ) ) {
  26. group = {
  27. id: geometryGroupCounter ++,
  28. faces3: [],
  29. materialIndex: materialIndex,
  30. vertices: 0,
  31. numMorphTargets: numMorphTargets,
  32. numMorphNormals: numMorphNormals
  33. };
  34. groups[ groupHash ] = group;
  35. groupsList.push( group );
  36. }
  37. if ( groups[ groupHash ].vertices + 3 > maxVerticesInGroup ) {
  38. hash_map[ materialIndex ].counter += 1;
  39. groupHash = hash_map[ materialIndex ].hash + '_' + hash_map[ materialIndex ].counter;
  40. if ( ! ( groupHash in groups ) ) {
  41. group = {
  42. id: geometryGroupCounter ++,
  43. faces3: [],
  44. materialIndex: materialIndex,
  45. vertices: 0,
  46. numMorphTargets: numMorphTargets,
  47. numMorphNormals: numMorphNormals
  48. };
  49. groups[ groupHash ] = group;
  50. groupsList.push( group );
  51. }
  52. }
  53. groups[ groupHash ].faces3.push( f );
  54. groups[ groupHash ].vertices += 3;
  55. }
  56. return groupsList;
  57. }
  58. function initGeometryGroups( object, geometry ) {
  59. var material = object.material, addBuffers = false;
  60. if ( geometryGroups[ geometry.id ] === undefined || geometry.groupsNeedUpdate === true ) {
  61. delete objects[ object.id ];
  62. geometryGroups[ geometry.id ] = makeGroups( geometry, material instanceof THREE.MeshFaceMaterial );
  63. geometry.groupsNeedUpdate = false;
  64. }
  65. var geometryGroupsList = geometryGroups[ geometry.id ];
  66. // create separate VBOs per geometry chunk
  67. for ( var i = 0, il = geometryGroupsList.length; i < il; i ++ ) {
  68. var geometryGroup = geometryGroupsList[ i ];
  69. // initialise VBO on the first access
  70. if ( geometryGroup.__webglVertexBuffer === undefined ) {
  71. buffers.initMeshBuffers( geometryGroup, object );
  72. geometry.verticesNeedUpdate = true;
  73. geometry.morphTargetsNeedUpdate = true;
  74. geometry.elementsNeedUpdate = true;
  75. geometry.uvsNeedUpdate = true;
  76. geometry.normalsNeedUpdate = true;
  77. geometry.tangentsNeedUpdate = true;
  78. geometry.colorsNeedUpdate = true;
  79. addBuffers = true;
  80. } else {
  81. addBuffers = false;
  82. }
  83. if ( addBuffers || object.__webglActive === undefined ) {
  84. addBuffer( objects, geometryGroup, object );
  85. }
  86. }
  87. object.__webglActive = true;
  88. }
  89. function addBuffer( objlist, buffer, object ) {
  90. var id = object.id;
  91. objlist[id] = objlist[id] || [];
  92. objlist[id].push(
  93. {
  94. id: id,
  95. buffer: buffer,
  96. object: object,
  97. material: null,
  98. z: 0
  99. }
  100. );
  101. };
  102. function addBufferImmediate( objlist, object ) {
  103. objlist.push(
  104. {
  105. id: null,
  106. object: object,
  107. opaque: null,
  108. transparent: null,
  109. z: 0
  110. }
  111. );
  112. };
  113. //
  114. // Objects updates - custom attributes check
  115. function areCustomAttributesDirty( material ) {
  116. for ( var name in material.attributes ) {
  117. if ( material.attributes[ name ].needsUpdate ) return true;
  118. }
  119. return false;
  120. }
  121. function clearCustomAttributes( material ) {
  122. for ( var name in material.attributes ) {
  123. material.attributes[ name ].needsUpdate = false;
  124. }
  125. }
  126. //
  127. function onObjectRemoved ( event ) {
  128. var object = event.target;
  129. object.traverse( function ( child ) {
  130. child.removeEventListener( 'remove', onObjectRemoved );
  131. removeObject( child );
  132. } );
  133. };
  134. function removeObject( object ) {
  135. if ( object instanceof THREE.Mesh ||
  136. object instanceof THREE.PointCloud ||
  137. object instanceof THREE.Line ) {
  138. delete objects[ object.id ];
  139. } else if ( object instanceof THREE.ImmediateRenderObject || object.immediateRenderCallback ) {
  140. removeInstances( objectsImmediate, object );
  141. }
  142. delete object.__webglInit;
  143. delete object._modelViewMatrix;
  144. delete object._normalMatrix;
  145. delete object.__webglActive;
  146. }
  147. function removeInstances( objlist, object ) {
  148. for ( var o = objlist.length - 1; o >= 0; o -- ) {
  149. if ( objlist[ o ].object === object ) {
  150. objlist.splice( o, 1 );
  151. }
  152. }
  153. }
  154. //
  155. function onGeometryDispose ( event ) {
  156. var geometry = event.target;
  157. geometry.removeEventListener( 'dispose', onGeometryDispose );
  158. deallocateGeometry( geometry );
  159. };
  160. function deallocateGeometry ( geometry ) {
  161. delete geometry.__webglInit;
  162. if ( geometry instanceof THREE.BufferGeometry ) {
  163. for ( var name in geometry.attributes ) {
  164. var attribute = geometry.attributes[ name ];
  165. if ( attribute.buffer !== undefined ) {
  166. gl.deleteBuffer( attribute.buffer );
  167. delete attribute.buffer;
  168. }
  169. }
  170. info.memory.geometries --;
  171. } else {
  172. var geometryGroupsList = geometryGroups[ geometry.id ];
  173. if ( geometryGroupsList !== undefined ) {
  174. for ( var i = 0, l = geometryGroupsList.length; i < l; i ++ ) {
  175. var geometryGroup = geometryGroupsList[ i ];
  176. if ( geometryGroup.numMorphTargets !== undefined ) {
  177. for ( var m = 0, ml = geometryGroup.numMorphTargets; m < ml; m ++ ) {
  178. gl.deleteBuffer( geometryGroup.__webglMorphTargetsBuffers[ m ] );
  179. }
  180. delete geometryGroup.__webglMorphTargetsBuffers;
  181. }
  182. if ( geometryGroup.numMorphNormals !== undefined ) {
  183. for ( var m = 0, ml = geometryGroup.numMorphNormals; m < ml; m ++ ) {
  184. gl.deleteBuffer( geometryGroup.__webglMorphNormalsBuffers[ m ] );
  185. }
  186. delete geometryGroup.__webglMorphNormalsBuffers;
  187. }
  188. buffers.delete( geometryGroup );
  189. }
  190. delete geometryGroups[ geometry.id ];
  191. } else {
  192. buffers.delete( geometry );
  193. }
  194. }
  195. // TOFIX: Workaround for deleted geometry being currently bound
  196. _currentGeometryProgram = '';
  197. };
  198. //
  199. this.objects = objects;
  200. this.objectsImmediate = objectsImmediate;
  201. this.init = function ( object ) {
  202. if ( object.__webglInit === undefined ) {
  203. object.__webglInit = true;
  204. object._modelViewMatrix = new THREE.Matrix4();
  205. object._normalMatrix = new THREE.Matrix3();
  206. object.addEventListener( 'removed', onObjectRemoved );
  207. }
  208. var geometry = object.geometry;
  209. if ( geometry === undefined ) {
  210. // ImmediateRenderObject
  211. } else if ( geometry.__webglInit === undefined ) {
  212. geometry.__webglInit = true;
  213. geometry.addEventListener( 'dispose', onGeometryDispose );
  214. if ( geometry instanceof THREE.BufferGeometry ) {
  215. info.memory.geometries ++;
  216. } else if ( object instanceof THREE.Mesh ) {
  217. initGeometryGroups( object, geometry );
  218. } else if ( object instanceof THREE.Line ) {
  219. buffers.initLineBuffers( geometry, object );
  220. } else if ( object instanceof THREE.PointCloud ) {
  221. buffers.initPointCloudBuffers( geometry, object );
  222. }
  223. }
  224. if ( object.__webglActive === undefined) {
  225. object.__webglActive = true;
  226. if ( object instanceof THREE.Mesh ) {
  227. if ( geometry instanceof THREE.BufferGeometry ) {
  228. addBuffer( objects, geometry, object );
  229. } else if ( geometry instanceof THREE.Geometry ) {
  230. var geometryGroupsList = geometryGroups[ geometry.id ];
  231. for ( var i = 0,l = geometryGroupsList.length; i < l; i ++ ) {
  232. addBuffer( objects, geometryGroupsList[ i ], object );
  233. }
  234. }
  235. } else if ( object instanceof THREE.Line || object instanceof THREE.PointCloud ) {
  236. addBuffer( objects, geometry, object );
  237. } else if ( object instanceof THREE.ImmediateRenderObject || object.immediateRenderCallback ) {
  238. addBufferImmediate( objectsImmediate, object );
  239. }
  240. }
  241. };
  242. this.update = function ( object ) {
  243. var geometry = object.geometry;
  244. if ( geometry instanceof THREE.BufferGeometry ) {
  245. var attributes = geometry.attributes;
  246. var attributesKeys = geometry.attributesKeys;
  247. for ( var i = 0, l = attributesKeys.length; i < l; i ++ ) {
  248. var key = attributesKeys[ i ];
  249. var attribute = attributes[ key ];
  250. var bufferType = ( key === 'index' ) ? gl.ELEMENT_ARRAY_BUFFER : gl.ARRAY_BUFFER;
  251. var data = ( attribute instanceof THREE.InterleavedBufferAttribute ) ? attribute.data : attribute;
  252. if ( data.buffer === undefined ) {
  253. data.buffer = gl.createBuffer();
  254. gl.bindBuffer( bufferType, data.buffer );
  255. var usage = gl.STATIC_DRAW;
  256. if ( data instanceof THREE.DynamicBufferAttribute
  257. || ( data instanceof THREE.InstancedBufferAttribute && data.dynamic === true )
  258. || ( data instanceof THREE.InterleavedBuffer && data.dynamic === true ) ) {
  259. usage = gl.DYNAMIC_DRAW;
  260. }
  261. gl.bufferData( bufferType, data.array, usage );
  262. data.needsUpdate = false;
  263. } else if ( data.needsUpdate === true ) {
  264. gl.bindBuffer( bufferType, data.buffer );
  265. if ( data.updateRange === undefined || data.updateRange.count === -1 ) { // Not using update ranges
  266. gl.bufferSubData( bufferType, 0, data.array );
  267. } else if ( data.updateRange.count === 0 ) {
  268. THREE.error( 'THREE.WebGLRenderer.updateObject: using updateRange for THREE.DynamicBufferAttribute and marked as needsUpdate but count is 0, ensure you are using set methods or updating manually.' );
  269. } else {
  270. gl.bufferSubData( bufferType, data.updateRange.offset * data.array.BYTES_PER_ELEMENT,
  271. data.array.subarray( data.updateRange.offset, data.updateRange.offset + data.updateRange.count ) );
  272. data.updateRange.count = 0; // reset range
  273. }
  274. data.needsUpdate = false;
  275. }
  276. }
  277. } else if ( object instanceof THREE.Mesh ) {
  278. // check all geometry groups
  279. if ( geometry.groupsNeedUpdate === true ) {
  280. initGeometryGroups( object, geometry );
  281. }
  282. var geometryGroupsList = geometryGroups[ geometry.id ];
  283. for ( var i = 0, il = geometryGroupsList.length; i < il; i ++ ) {
  284. var geometryGroup = geometryGroupsList[ i ];
  285. var material = getBufferMaterial( object, geometryGroup );
  286. var customAttributesDirty = material.attributes && areCustomAttributesDirty( material );
  287. if ( geometry.verticesNeedUpdate || geometry.morphTargetsNeedUpdate || geometry.elementsNeedUpdate ||
  288. geometry.uvsNeedUpdate || geometry.normalsNeedUpdate ||
  289. geometry.colorsNeedUpdate || geometry.tangentsNeedUpdate || customAttributesDirty ) {
  290. buffers.setMeshBuffers( geometryGroup, object, gl.DYNAMIC_DRAW, ! geometry.dynamic, material );
  291. }
  292. }
  293. geometry.verticesNeedUpdate = false;
  294. geometry.morphTargetsNeedUpdate = false;
  295. geometry.elementsNeedUpdate = false;
  296. geometry.uvsNeedUpdate = false;
  297. geometry.normalsNeedUpdate = false;
  298. geometry.colorsNeedUpdate = false;
  299. geometry.tangentsNeedUpdate = false;
  300. material.attributes && clearCustomAttributes( material );
  301. } else if ( object instanceof THREE.Line ) {
  302. var material = getBufferMaterial( object, geometry );
  303. var customAttributesDirty = material.attributes && areCustomAttributesDirty( material );
  304. if ( geometry.verticesNeedUpdate || geometry.colorsNeedUpdate || geometry.lineDistancesNeedUpdate || customAttributesDirty ) {
  305. buffers.setLineBuffers( geometry, gl.DYNAMIC_DRAW );
  306. }
  307. geometry.verticesNeedUpdate = false;
  308. geometry.colorsNeedUpdate = false;
  309. geometry.lineDistancesNeedUpdate = false;
  310. material.attributes && clearCustomAttributes( material );
  311. } else if ( object instanceof THREE.PointCloud ) {
  312. var material = getBufferMaterial( object, geometry );
  313. var customAttributesDirty = material.attributes && areCustomAttributesDirty( material );
  314. if ( geometry.verticesNeedUpdate || geometry.colorsNeedUpdate || customAttributesDirty ) {
  315. buffers.setPointCloudBuffers( geometry, gl.DYNAMIC_DRAW, object );
  316. }
  317. geometry.verticesNeedUpdate = false;
  318. geometry.colorsNeedUpdate = false;
  319. material.attributes && clearCustomAttributes( material );
  320. }
  321. };
  322. };