WebGLObjects.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. import { BufferAttribute } from '../../core/BufferAttribute';
  5. import { WebGLGeometries } from './WebGLGeometries';
  6. function WebGLObjects( gl, properties, info ) {
  7. var geometries = new WebGLGeometries( gl, properties, info );
  8. //
  9. function update( object ) {
  10. // TODO: Avoid updating twice (when using shadowMap). Maybe add frame counter.
  11. var geometry = geometries.get( object );
  12. if ( object.geometry.isGeometry ) {
  13. geometry.updateFromObject( object );
  14. }
  15. var index = geometry.index;
  16. var attributes = geometry.attributes;
  17. if ( index !== null ) {
  18. updateAttribute( index, gl.ELEMENT_ARRAY_BUFFER );
  19. }
  20. for ( var name in attributes ) {
  21. updateAttribute( attributes[ name ], gl.ARRAY_BUFFER );
  22. }
  23. // morph targets
  24. var morphAttributes = geometry.morphAttributes;
  25. for ( var name in morphAttributes ) {
  26. var array = morphAttributes[ name ];
  27. for ( var i = 0, l = array.length; i < l; i ++ ) {
  28. updateAttribute( array[ i ], gl.ARRAY_BUFFER );
  29. }
  30. }
  31. return geometry;
  32. }
  33. function updateAttribute( attribute, bufferType ) {
  34. var data = ( attribute.isInterleavedBufferAttribute ) ? attribute.data : attribute;
  35. var attributeProperties = properties.get( data );
  36. if ( attributeProperties.__webglBuffer === undefined ) {
  37. createBuffer( attributeProperties, data, bufferType );
  38. } else if ( attributeProperties.version !== data.version ) {
  39. updateBuffer( attributeProperties, data, bufferType );
  40. }
  41. }
  42. function createBuffer( attributeProperties, data, bufferType ) {
  43. attributeProperties.__webglBuffer = gl.createBuffer();
  44. gl.bindBuffer( bufferType, attributeProperties.__webglBuffer );
  45. var usage = data.dynamic ? gl.DYNAMIC_DRAW : gl.STATIC_DRAW;
  46. gl.bufferData( bufferType, data.array, usage );
  47. attributeProperties.version = data.version;
  48. }
  49. function updateBuffer( attributeProperties, data, bufferType ) {
  50. gl.bindBuffer( bufferType, attributeProperties.__webglBuffer );
  51. if ( data.dynamic === false ) {
  52. gl.bufferData( bufferType, data.array, gl.STATIC_DRAW );
  53. } else if ( data.updateRange.count === - 1 ) {
  54. // Not using update ranges
  55. gl.bufferSubData( bufferType, 0, data.array );
  56. } else if ( data.updateRange.count === 0 ) {
  57. console.error( 'THREE.WebGLObjects.updateBuffer: dynamic THREE.BufferAttribute marked as needsUpdate but updateRange.count is 0, ensure you are using set methods or updating manually.' );
  58. } else {
  59. gl.bufferSubData( bufferType, data.updateRange.offset * data.array.BYTES_PER_ELEMENT,
  60. data.array.subarray( data.updateRange.offset, data.updateRange.offset + data.updateRange.count ) );
  61. data.updateRange.count = 0; // reset range
  62. }
  63. attributeProperties.version = data.version;
  64. }
  65. function getAttributeBuffer( attribute ) {
  66. if ( attribute.isInterleavedBufferAttribute ) {
  67. return properties.get( attribute.data ).__webglBuffer;
  68. }
  69. return properties.get( attribute ).__webglBuffer;
  70. }
  71. function getWireframeAttribute( geometry ) {
  72. var property = properties.get( geometry );
  73. if ( property.wireframe !== undefined ) {
  74. return property.wireframe;
  75. }
  76. var indices = [];
  77. var index = geometry.index;
  78. var attributes = geometry.attributes;
  79. var position = attributes.position;
  80. // console.time( 'wireframe' );
  81. if ( index !== null ) {
  82. var edges = {};
  83. var array = index.array;
  84. for ( var i = 0, l = array.length; i < l; i += 3 ) {
  85. var a = array[ i + 0 ];
  86. var b = array[ i + 1 ];
  87. var c = array[ i + 2 ];
  88. indices.push( a, b, b, c, c, a );
  89. }
  90. } else {
  91. var array = attributes.position.array;
  92. for ( var i = 0, l = ( array.length / 3 ) - 1; i < l; i += 3 ) {
  93. var a = i + 0;
  94. var b = i + 1;
  95. var c = i + 2;
  96. indices.push( a, b, b, c, c, a );
  97. }
  98. }
  99. // console.timeEnd( 'wireframe' );
  100. var TypeArray = position.count > 65535 ? Uint32Array : Uint16Array;
  101. var attribute = new BufferAttribute( new TypeArray( indices ), 1 );
  102. updateAttribute( attribute, gl.ELEMENT_ARRAY_BUFFER );
  103. property.wireframe = attribute;
  104. return attribute;
  105. }
  106. return {
  107. getAttributeBuffer: getAttributeBuffer,
  108. getWireframeAttribute: getWireframeAttribute,
  109. update: update
  110. };
  111. }
  112. export { WebGLObjects };