BufferAttribute.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="page.css" />
  8. </head>
  9. <body>
  10. <h1>[name]</h1>
  11. <p class="desc">
  12. This class stores data for an attribute (such as vertex positions, face indices, normals,
  13. colors, UVs, and any custom attributes ) associated with a [page:BufferGeometry], which allows
  14. for more efficient passing of data to the GPU. See that page for details and a usage example.<br /><br />
  15. Data is stored as vectors of any length (defined by [page:BufferAttribute.itemSize itemSize]),
  16. and in general in the methods outlined below if passing in an index, this is automatically
  17. multiplied by the vector length.
  18. </p>
  19. <h2>Constructor</h2>
  20. <h3>[name]( [param:TypedArray array], [param:Integer itemSize], [param:Boolean normalized] )</h3>
  21. <p>
  22. [page:TypedArray array] -- Must be a [link:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/TypedArray TypedArray].
  23. Used to instantiate the buffer. <br />
  24. This array should have
  25. <code>itemSize * numVertices</code>
  26. elements, where numVertices is the number of vertices in the associated [page:BufferGeometry BufferGeometry].<br /><br />
  27. [page:Integer itemSize] -- the number of values of the array that should be associated with
  28. a particular vertex. For instance, if this
  29. attribute is storing a 3-component vector (such as a position, normal, or color), then itemSize should be 3.
  30. <br /><br />
  31. [page:Boolean normalized] -- (optional) Applies to integer data only. Indicates how the underlying data
  32. in the buffer maps to the values in the GLSL code. For instance, if [page:TypedArray array] is an instance
  33. of UInt16Array, and [page:Boolean normalized] is true, the values 0 - +65535 in the array
  34. data will be mapped to 0.0f - +1.0f in the GLSL attribute. An Int16Array (signed) would map
  35. from -32767 - +32767 to -1.0f - +1.0f. If [page:Boolean normalized] is false, the values
  36. will be converted to floats unmodified, i.e. 32767 becomes 32767.0f.
  37. </p>
  38. <h2>Properties</h2>
  39. <h3>[property:TypedArray array]</h3>
  40. <p>
  41. The [page:TypedArray array] holding data stored in the buffer.
  42. </p>
  43. <h3>[property:Integer count]</h3>
  44. <p>
  45. Stores the [page:BufferAttribute.array array]'s length divided by the [page:BufferAttribute.itemSize itemSize].<br /><br />
  46. If the buffer is storing a 3-component vector (such as a position, normal, or color),
  47. then this will count the number of such vectors stored.
  48. </p>
  49. <h3>[property:Integer itemSize]</h3>
  50. <p>The length of vectors that are being stored in the [page:BufferAttribute.array array].</p>
  51. <h3>[property:String name]</h3>
  52. <p>
  53. Optional name for this attribute instance. Default is an empty string.
  54. </p>
  55. <h3>[property:Boolean needsUpdate]</h3>
  56. <p>
  57. Flag to indicate that this attribute has changed and should be re-sent to the GPU.
  58. Set this to true when you modify the value of the array.<br /><br />
  59. Setting this to true also increments the [page:BufferAttribute.version version].
  60. </p>
  61. <h3>[property:Boolean normalized]</h3>
  62. <p>
  63. Indicates how the underlying data in the buffer maps to the values in the GLSL shader code.
  64. See the constructor above for details.
  65. </p>
  66. <h3>[property:Function onUploadCallback]</h3>
  67. <p>
  68. A callback function that is executed after the Renderer has transferred the attribute array data to the GPU.
  69. </p>
  70. <h3>[property:Object updateRange]</h3>
  71. <p>Object containing:<br />
  72. [page:Integer offset]: Default is *0*. Position at which to start update.<br />
  73. [page:Integer count]: Default is *-1*, which means don't use update ranges. <br /><br />
  74. This can be used to only update some components of stored vectors (for example, just the component
  75. related to color).
  76. </p>
  77. <h3>[property:Usage usage]</h3>
  78. <p>
  79. Defines the intended usage pattern of the data store for optimization purposes. Corresponds to the *usage* parameter of
  80. [link:https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/bufferData WebGLRenderingContext.bufferData]().
  81. Default is *THREE.StaticDrawUsage*.
  82. </p>
  83. <h3>[property:Integer version]</h3>
  84. <p>A version number, incremented every time the [page:BufferAttribute.needsUpdate needsUpdate] property is set to true.</p>
  85. <h2>Methods</h2>
  86. <h3>[method:this applyMatrix3]( [param:Matrix3 m] )</h3>
  87. <p>Applies matrix [page:Matrix3 m] to every Vector3 element of this BufferAttribute.</p>
  88. <h3>[method:this applyMatrix4]( [param:Matrix4 m] )</h3>
  89. <p>Applies matrix [page:Matrix4 m] to every Vector3 element of this BufferAttribute.</p>
  90. <h3>[method:this applyNormalMatrix]( [param:Matrix3 m] )</h3>
  91. <p>Applies normal matrix [page:Matrix3 m] to every Vector3 element of this BufferAttribute.</p>
  92. <h3>[method:this transformDirection]( [param:Matrix4 m] )</h3>
  93. <p>Applies matrix [page:Matrix4 m] to every Vector3 element of this BufferAttribute, interpreting the elements as a direction vectors.</p>
  94. <h3>[method:BufferAttribute clone]() </h3>
  95. <p>Return a copy of this bufferAttribute.</p>
  96. <h3>[method:BufferAttribute copy]( [param:BufferAttribute bufferAttribute] )</h3>
  97. <p>Copies another BufferAttribute to this BufferAttribute.</p>
  98. <h3>[method:BufferAttribute copyArray]( array ) </h3>
  99. <p>Copy the array given here (which can be a normal array or TypedArray) into
  100. [page:BufferAttribute.array array].<br /><br />
  101. See [link:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set TypedArray.set]
  102. for notes on requirements if copying a TypedArray.
  103. </p>
  104. <h3>[method:null copyAt] ( [param:Integer index1], [param:BufferAttribute bufferAttribute], [param:Integer index2] ) </h3>
  105. <p>Copy a vector from bufferAttribute[index2] to [page:BufferAttribute.array array][index1].</p>
  106. <h3>[method:BufferAttribute copyColorsArray]( [param:Array colors] ) </h3>
  107. <p>Copy an array representing RGB color values into [page:BufferAttribute.array array].</p>
  108. <h3>[method:BufferAttribute copyVector2sArray]( [param:Array vectors] ) </h3>
  109. <p>Copy an array representing [page:Vector2]s into [page:BufferAttribute.array array].</p>
  110. <h3>[method:BufferAttribute copyVector3sArray]( [param:Array vectors] ) </h3>
  111. <p>Copy an array representing [page:Vector3]s into [page:BufferAttribute.array array].</p>
  112. <h3>[method:BufferAttribute copyVector4sArray]( [param:Array vectors] ) </h3>
  113. <p>Copy an array representing [page:Vector4]s into [page:BufferAttribute.array array].</p>
  114. <h3>[method:Number getX]( [param:Integer index] ) </h3>
  115. <p>Returns the x component of the vector at the given index.</p>
  116. <h3>[method:Number getY]( [param:Integer index] ) </h3>
  117. <p>Returns the y component of the vector at the given index.</p>
  118. <h3>[method:Number getZ]( [param:Integer index] ) </h3>
  119. <p>Returns the z component of the vector at the given index.</p>
  120. <h3>[method:Number getW]( [param:Integer index] ) </h3>
  121. <p>Returns the w component of the vector at the given index.</p>
  122. <h3>[method:this onUpload]( [param:Function callback] ) </h3>
  123. <p>
  124. Sets the value of the onUploadCallback property.<br /><br />
  125. In the [example:webgl_buffergeometry WebGL / Buffergeometry] this is used to free memory
  126. after the buffer has been transferred to the GPU.
  127. </p>
  128. <h3>[method:BufferAttribute set] ( [param:Array value], [param:Integer offset] ) </h3>
  129. <p>
  130. value -- an [page:Array] or [page:TypedArray] from which to copy values. <br />
  131. offset -- (optional) index of the [page:BufferAttribute.array array] at which to start copying.<br /><br />
  132. Calls [link:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set TypedArray.set]( [page:Array value], [page:Integer offset] )
  133. on the [page:BufferAttribute.array array].<br /><br />
  134. In particular, see that page for requirements on [page:Array value]
  135. being a [page:TypedArray].
  136. </p>
  137. <h3>[method:BufferAttribute setUsage] ( [param:Usage value] ) </h3>
  138. <p>Set [page:BufferAttribute.usage usage] to value.</p>
  139. <h3>[method:BufferAttribute setX]( [param:Integer index], [param:Float x] ) </h3>
  140. <p>Sets the x component of the vector at the given index.</p>
  141. <h3>[method:BufferAttribute setY]( [param:Integer index], [param:Float y] ) </h3>
  142. <p>Sets the y component of the vector at the given index.</p>
  143. <h3>[method:BufferAttribute setZ]( [param:Integer index], [param:Float z] ) </h3>
  144. <p>Sets the z component of the vector at the given index.</p>
  145. <h3>[method:BufferAttribute setW]( [param:Integer index], [param:Float w] ) </h3>
  146. <p>Sets the w component of the vector at the given index.</p>
  147. <h3>[method:BufferAttribute setXY]( [param:Integer index], [param:Float x], [param:Float y] ) </h3>
  148. <p>Sets the x and y components of the vector at the given index.</p>
  149. <h3>[method:BufferAttribute setXYZ]( [param:Integer index], [param:Float x], [param:Float y], [param:Float z] ) </h3>
  150. <p>Sets the x, y and z components of the vector at the given index.</p>
  151. <h3>[method:BufferAttribute setXYZW]( [param:Integer index], [param:Float x], [param:Float y], [param:Float z], [param:Float w] ) </h3>
  152. <p>Sets the x, y, z and w components of the vector at the given index.</p>
  153. <h2>Source</h2>
  154. <p>
  155. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  156. </p>
  157. </body>
  158. </html>