BufferAttribute.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. <!DOCTYPE html>
  2. <html lang="it">
  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. Questa classe memorizza i dati per un attributo (come le posizioni dei vertici, gli indici delle facce, le normali,
  13. i colori, le coordinate UV e alcuni attributi personalizzati) associato ad una [page:BufferGeometry],
  14. che consente un passaggio più efficiente dei dati alla GPU. Consulta questa pagina per i dettagli ed un esempo di
  15. utilizzo. Quando si lavora con dati di tipo vettoriale, i metodi helper <i>.fromBufferAttribute( attribute, index )</i>
  16. sulle classi [page:Vector2.fromBufferAttribute Vector2],
  17. [page:Vector3.fromBufferAttribute Vector3],
  18. [page:Vector4.fromBufferAttribute Vector4] e [page:Color.fromBufferAttribute Color] possono essere utili.
  19. </p>
  20. <h2>Costruttore</h2>
  21. <h3>[name]( [param:TypedArray array], [param:Integer itemSize], [param:Boolean normalized] )</h3>
  22. <p>
  23. [page:TypedArray array] -- Deve essere un [link:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/TypedArray TypedArray].
  24. Utilizzato per istanziare il buffer. <br />
  25. Questo array dovrebbe avere gli elementi <code>itemSize * numVertices</code>
  26. dove numVertices è il numero di vertici della [page:BufferGeometry BufferGeometry] associata.<br /><br />
  27. [page:Integer itemSize] -- il numero di valori dell'array che deve essere associato ad un particolare vertice.
  28. Per esempio, se questo atttibuto memorizza un vettore a 3 componenti (come posizione, normale o colore),
  29. itemSize dovrebbe essere 3.<br /><br />
  30. [page:Boolean normalized] -- (opzionale) Si applica solo ai dati interi. Indica il modo in cui i dati sottostanti
  31. del buffer si adattano ai valori del codice GLSL. Ad esempio, se l'[page:TypedArray array] è un'istanza di UInt16Array,
  32. e [page:Boolean normalized] è a true, i valori `0 - +65535` nei dati dell'array saranno mappati su 0.0f - +1.0f nell'attributo GLSL.
  33. Un Int16Array (con segno) sarà mappato da -32768 - +32767 a -1.0f - +1.0f. Se [page:Boolean normalized] è a false, i valori
  34. verranno convertiti in float non modificati, p.e. 32767 diventa 32767.0f.
  35. </p>
  36. <h2>Proprietà</h2>
  37. <h3>[property:TypedArray array]</h3>
  38. <p>
  39. L'[page:TypedArray array] contente i dati memorizzati nel buffer.
  40. </p>
  41. <h3>[property:Integer count]</h3>
  42. <p>
  43. Memorizza la lunghezza dell'[page:BufferAttribute.array array] divisa per [page:BufferAttribute.itemSize itemSize]. Read-only property.<br /><br />
  44. Se il buffer memorizza un vettore a 3 componenti (come una posizione, una normale o un colore),
  45. questo conterà il numero dei vettori memorizzati.
  46. </p>
  47. <h3>[property:Number gpuType]</h3>
  48. <p>
  49. Configures the bound GPU type for use in shaders. Either [page:BufferAttribute THREE.FloatType] or [page:BufferAttribute THREE.IntType], default is [page:BufferAttribute THREE.FloatType].
  50. Note: this only has an effect for integer arrays and is not configurable for float arrays. For lower precision float types, see [page:BufferAttributeTypes THREE.Float16BufferAttribute].
  51. </p>
  52. <h3>[property:Boolean isBufferAttribute]</h3>
  53. <p>
  54. Flag di sola lettura per verificare se un dato oggetto è di tipo [name].
  55. </p>
  56. <h3>[property:Integer itemSize]</h3>
  57. <p>
  58. La lunghezza dei vettori che vengono memorizzati nell'[page:BufferAttribute.array array].
  59. </p>
  60. <h3>[property:String name]</h3>
  61. <p>
  62. Un nome opzionale per questa istanza dell'attributo. Il valore predefinito è una stringa vuota.
  63. </p>
  64. <h3>[property:Boolean needsUpdate]</h3>
  65. <p>
  66. Flag che indica che questo attributo è stato modificato e deve essere rinviato alla GPU.
  67. Impostalo a true quando modifichi il valore dell'array.<br /><br />
  68. Impostando questa proprietà a true incrementa, inoltre, la [page:BufferAttribute.version versione].
  69. </p>
  70. <h3>[property:Boolean normalized]</h3>
  71. <p>
  72. Indica il modo in cui i dati sottostanti del buffer si adattano ai valori del codice shader GLSL.
  73. Vedi il costruttore sopra per i dettagli.
  74. </p>
  75. <h3>[property:Function onUploadCallback]</h3>
  76. <p>
  77. Una funzione di callback che viene eseguita dopo che il Renderer ha trasferito i dati dell'array dell'attributo
  78. alla GPU.
  79. </p>
  80. <h3>[property:Object updateRange]</h3>
  81. <p>Oggetto contenente:<br />
  82. [page:Integer offset]: Il valore predefinito è `0`. Posizione da cui inizia l'aggiornamento.<br />
  83. [page:Integer count]: Il valore predefinito è `-1`, il che significa non utilizzare intervalli di aggiornamento. <br /><br />
  84. Può essere utilizzato solo per aggiornare alcuni componenti dei vettori memorizzati (per esempio, solo
  85. il componente relativo al colore).
  86. </p>
  87. <h3>[property:Usage usage]</h3>
  88. <p>
  89. Definisce il modello di utilizzo previsto per l'archivio dati a fini di ottimizzazione. Corrisponde al paramentro `usage`
  90. di [link:https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/bufferData WebGLRenderingContext.bufferData]().
  91. Il valore predefinito è [page:BufferAttributeUsage StaticDrawUsage]. Vedi le [page:BufferAttributeUsage costanti] di utilizzo
  92. per tutti i valori possibili. <br /><br />
  93. Nota: Dopo l'utilizzo iniziale di un buffer, il suo utilizzo non può essere modificato. Invece, istanziane uno nuovo e imposta
  94. l'utilizzo desiderato prima del rendering successivo.
  95. </p>
  96. <h3>[property:Integer version]</h3>
  97. <p>
  98. Un numero di versione, incrementato ogni volta che la proprietà [page:BufferAttribute.needsUpdate needsUpdate] viene impostata a true.
  99. </p>
  100. <h2>Metodi</h2>
  101. <h3>[method:this applyMatrix3]( [param:Matrix3 m] )</h3>
  102. <p>
  103. Applica la matrice [page:Matrix3 m] ad ogni elemento Vector3 di questo BufferAttribute.
  104. </p>
  105. <h3>[method:this applyMatrix4]( [param:Matrix4 m] )</h3>
  106. <p>
  107. Applica la matrice [page:Matrix4 m] ad ogni elemento Vector3 di questo BufferAttribute.
  108. </p>
  109. <h3>[method:this applyNormalMatrix]( [param:Matrix3 m] )</h3>
  110. <p>
  111. Applica la matrice normale [page:Matrix3 m] ad ogni elemento Vector3 di questo BufferAttribute.
  112. </p>
  113. <h3>[method:this transformDirection]( [param:Matrix4 m] )</h3>
  114. <p>
  115. Applica la matrice [page:Matrix4 m] ad ogni elemento Vector3 di questo BufferAttribute, interpretando gli elementi come vettori direzionali.
  116. </p>
  117. <h3>[method:BufferAttribute clone]() </h3>
  118. <p>Restituisce una copia di questo bufferAttribute.</p>
  119. <h3>[method:this copy]( [param:BufferAttribute bufferAttribute] )</h3>
  120. <p>Copia un altro BufferAttribute in questo BufferAttribute.</p>
  121. <h3>[method:this copyArray]( array ) </h3>
  122. <p>
  123. Copia l'array fornito qui (il quale può essere un normale array o un array tipizzato)
  124. nell'[page:BufferAttribute.array array].<br /><br />
  125. Vedi [link:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set TypedArray.set]
  126. per le note sui requisiti se si copia un TypedArray.
  127. </p>
  128. <h3>[method:this copyAt] ( [param:Integer index1], [param:BufferAttribute bufferAttribute], [param:Integer index2] ) </h3>
  129. <p>Copia un vettore da bufferAttribute[index2] a [page:BufferAttribute.array array][index1].</p>
  130. <h3>[method:Number getComponent]( [param:Integer index], [param:Integer component] ) </h3>
  131. <p>Returns the given component of the vector at the given index.</p>
  132. <h3>[method:Number getX]( [param:Integer index] ) </h3>
  133. <p>Restituisce il componente x del vettore in corrispondenza dell'indice specificato.</p>
  134. <h3>[method:Number getY]( [param:Integer index] ) </h3>
  135. <p>Restituisce il componente y del vettore in corrispondenza dell'indice specificato.</p>
  136. <h3>[method:Number getZ]( [param:Integer index] ) </h3>
  137. <p>Restituisce il componente z del vettore in corrispondenza dell'indice specificato.</p>
  138. <h3>[method:Number getW]( [param:Integer index] ) </h3>
  139. <p>Restituisce il componente w del vettore in corrispondenza dell'indice specificato.</p>
  140. <h3>[method:this onUpload]( [param:Function callback] ) </h3>
  141. <p>
  142. Imposta il valore della proprietà onUploadCallback.<br /><br />
  143. Nel [example:webgl_buffergeometry WebGL / Buffergeometry] questo metodo viene utilizzato per
  144. liberare memoria dopo che il buffer è stato trasferito alla GPU.
  145. </p>
  146. <h3>[method:this set] ( [param:Array value], [param:Integer offset] ) </h3>
  147. <p>
  148. value -- un [page:Array] o [page:TypedArray] dal quale copiare i valori. <br />
  149. offset -- (opzionale) indice dell'[page:BufferAttribute.array array] da cui iniziare la copia.<br /><br />
  150. Chiama [link:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set TypedArray.set]( [page:Array value], [page:Integer offset] )
  151. sull'[page:BufferAttribute.array array].<br /><br />
  152. In particolare, si veda questa pagina per i requisiti sul [page:Array value]
  153. che deve essere un [page:TypedArray].
  154. </p>
  155. <h3>[method:this setUsage] ( [param:Usage value] ) </h3>
  156. <p>
  157. Imposta [page:BufferAttribute.usage usage] a value. Vedi le [page:BufferAttributeUsage costanti] di utilizzo per tutti i possibili valori di input.<br /><br />
  158. Nota: Dopo l'utilizzo iniziale di un buffer, il suo utilizzo non può cambiare. Invece, istanziane uno nuovo e
  159. imposta l'utilizzo desiderato prima del rendering successivo.
  160. </p>
  161. <h3>[method:Number setComponent]( [param:Integer index], [param:Integer component], [param:Float value] ) </h3>
  162. <p>Sets the given component of the vector at the given index.</p>
  163. <h3>[method:this setX]( [param:Integer index], [param:Float x] ) </h3>
  164. <p>Imposta il componente x del vettore in corrispondenza dell'indice specificato.</p>
  165. <h3>[method:this setY]( [param:Integer index], [param:Float y] ) </h3>
  166. <p>Imposta il componente y del vettore in corrispondenza dell'indice specificato.</p>
  167. <h3>[method:this setZ]( [param:Integer index], [param:Float z] ) </h3>
  168. <p>Imposta il componente z del vettore in corrispondenza dell'indice specificato.</p>
  169. <h3>[method:this setW]( [param:Integer index], [param:Float w] ) </h3>
  170. <p>Imposta il componente w del vettore in corrispondenza dell'indice specificato.</p>
  171. <h3>[method:this setXY]( [param:Integer index], [param:Float x], [param:Float y] ) </h3>
  172. <p>Imposta i componenti x e y del vettore in corrispondenza dell'indice specificato.</p>
  173. <h3>[method:this setXYZ]( [param:Integer index], [param:Float x], [param:Float y], [param:Float z] ) </h3>
  174. <p>Imposta i componenti x, y e z del vettore in corrispondenza dell'indice specificato.</p>
  175. <h3>[method:this setXYZW]( [param:Integer index], [param:Float x], [param:Float y], [param:Float z], [param:Float w] ) </h3>
  176. <p>Imposta i componenti x, y, z e w del vettore in corrispondenza dell'indice specificato.</p>
  177. <h2>Source</h2>
  178. <p>
  179. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  180. </p>
  181. </body>
  182. </html>