BufferAttribute.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  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].<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:Boolean isBufferAttribute]</h3>
  48. <p>
  49. Flag di sola lettura per verificare se un dato oggetto è di tipo [name].
  50. </p>
  51. <h3>[property:Integer itemSize]</h3>
  52. <p>
  53. La lunghezza dei vettori che vengono memorizzati nell'[page:BufferAttribute.array array].
  54. </p>
  55. <h3>[property:String name]</h3>
  56. <p>
  57. Un nome opzionale per questa istanza dell'attributo. Il valore predefinito è una stringa vuota.
  58. </p>
  59. <h3>[property:Boolean needsUpdate]</h3>
  60. <p>
  61. Flag che indica che questo attributo è stato modificato e deve essere rinviato alla GPU.
  62. Impostalo a true quando modifichi il valore dell'array.<br /><br />
  63. Impostando questa proprietà a true incrementa, inoltre, la [page:BufferAttribute.version versione].
  64. </p>
  65. <h3>[property:Boolean normalized]</h3>
  66. <p>
  67. Indica il modo in cui i dati sottostanti del buffer si adattano ai valori del codice shader GLSL.
  68. Vedi il costruttore sopra per i dettagli.
  69. </p>
  70. <h3>[property:Function onUploadCallback]</h3>
  71. <p>
  72. Una funzione di callback che viene eseguita dopo che il Renderer ha trasferito i dati dell'array dell'attributo
  73. alla GPU.
  74. </p>
  75. <h3>[property:Object updateRange]</h3>
  76. <p>Oggetto contenente:<br />
  77. [page:Integer offset]: Il valore predefinito è `0`. Posizione da cui inizia l'aggiornamento.<br />
  78. [page:Integer count]: Il valore predefinito è `-1`, il che significa non utilizzare intervalli di aggiornamento. <br /><br />
  79. Può essere utilizzato solo per aggiornare alcuni componenti dei vettori memorizzati (per esempio, solo
  80. il componente relativo al colore).
  81. </p>
  82. <h3>[property:Usage usage]</h3>
  83. <p>
  84. Definisce il modello di utilizzo previsto per l'archivio dati a fini di ottimizzazione. Corrisponde al paramentro `usage`
  85. di [link:https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/bufferData WebGLRenderingContext.bufferData]().
  86. Il valore predefinito è [page:BufferAttributeUsage StaticDrawUsage]. Vedi le [page:BufferAttributeUsage costanti] di utilizzo
  87. per tutti i valori possibili. <br /><br />
  88. Nota: Dopo l'utilizzo iniziale di un buffer, il suo utilizzo non può essere modificato. Invece, istanziane uno nuovo e imposta
  89. l'utilizzo desiderato prima del rendering successivo.
  90. </p>
  91. <h3>[property:Integer version]</h3>
  92. <p>
  93. Un numero di versione, incrementato ogni volta che la proprietà [page:BufferAttribute.needsUpdate needsUpdate] viene impostata a true.
  94. </p>
  95. <h2>Metodi</h2>
  96. <h3>[method:this applyMatrix3]( [param:Matrix3 m] )</h3>
  97. <p>
  98. Applica la matrice [page:Matrix3 m] ad ogni elemento Vector3 di questo BufferAttribute.
  99. </p>
  100. <h3>[method:this applyMatrix4]( [param:Matrix4 m] )</h3>
  101. <p>
  102. Applica la matrice [page:Matrix4 m] ad ogni elemento Vector3 di questo BufferAttribute.
  103. </p>
  104. <h3>[method:this applyNormalMatrix]( [param:Matrix3 m] )</h3>
  105. <p>
  106. Applica la matrice normale [page:Matrix3 m] ad ogni elemento Vector3 di questo BufferAttribute.
  107. </p>
  108. <h3>[method:this transformDirection]( [param:Matrix4 m] )</h3>
  109. <p>
  110. Applica la matrice [page:Matrix4 m] ad ogni elemento Vector3 di questo BufferAttribute, interpretando gli elementi come vettori direzionali.
  111. </p>
  112. <h3>[method:BufferAttribute clone]() </h3>
  113. <p>Restituisce una copia di questo bufferAttribute.</p>
  114. <h3>[method:this copy]( [param:BufferAttribute bufferAttribute] )</h3>
  115. <p>Copia un altro BufferAttribute in questo BufferAttribute.</p>
  116. <h3>[method:this copyArray]( array ) </h3>
  117. <p>
  118. Copia l'array fornito qui (il quale può essere un normale array o un array tipizzato)
  119. nell'[page:BufferAttribute.array array].<br /><br />
  120. Vedi [link:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set TypedArray.set]
  121. per le note sui requisiti se si copia un TypedArray.
  122. </p>
  123. <h3>[method:this copyAt] ( [param:Integer index1], [param:BufferAttribute bufferAttribute], [param:Integer index2] ) </h3>
  124. <p>Copia un vettore da bufferAttribute[index2] a [page:BufferAttribute.array array][index1].</p>
  125. <h3>[method:Number getX]( [param:Integer index] ) </h3>
  126. <p>Restituisce il componente x del vettore in corrispondenza dell'indice specificato.</p>
  127. <h3>[method:Number getY]( [param:Integer index] ) </h3>
  128. <p>Restituisce il componente y del vettore in corrispondenza dell'indice specificato.</p>
  129. <h3>[method:Number getZ]( [param:Integer index] ) </h3>
  130. <p>Restituisce il componente z del vettore in corrispondenza dell'indice specificato.</p>
  131. <h3>[method:Number getW]( [param:Integer index] ) </h3>
  132. <p>Restituisce il componente w del vettore in corrispondenza dell'indice specificato.</p>
  133. <h3>[method:this onUpload]( [param:Function callback] ) </h3>
  134. <p>
  135. Imposta il valore della proprietà onUploadCallback.<br /><br />
  136. Nel [example:webgl_buffergeometry WebGL / Buffergeometry] questo metodo viene utilizzato per
  137. liberare memoria dopo che il buffer è stato trasferito alla GPU.
  138. </p>
  139. <h3>[method:this set] ( [param:Array value], [param:Integer offset] ) </h3>
  140. <p>
  141. value -- un [page:Array] o [page:TypedArray] dal quale copiare i valori. <br />
  142. offset -- (opzionale) indice dell'[page:BufferAttribute.array array] da cui iniziare la copia.<br /><br />
  143. Chiama [link:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set TypedArray.set]( [page:Array value], [page:Integer offset] )
  144. sull'[page:BufferAttribute.array array].<br /><br />
  145. In particolare, si veda questa pagina per i requisiti sul [page:Array value]
  146. che deve essere un [page:TypedArray].
  147. </p>
  148. <h3>[method:this setUsage] ( [param:Usage value] ) </h3>
  149. <p>
  150. Imposta [page:BufferAttribute.usage usage] a value. Vedi le [page:BufferAttributeUsage costanti] di utilizzo per tutti i possibili valori di input.<br /><br />
  151. Nota: Dopo l'utilizzo iniziale di un buffer, il suo utilizzo non può cambiare. Invece, istanziane uno nuovo e
  152. imposta l'utilizzo desiderato prima del rendering successivo.
  153. </p>
  154. <h3>[method:this setX]( [param:Integer index], [param:Float x] ) </h3>
  155. <p>Imposta il componente x del vettore in corrispondenza dell'indice specificato.</p>
  156. <h3>[method:this setY]( [param:Integer index], [param:Float y] ) </h3>
  157. <p>Imposta il componente y del vettore in corrispondenza dell'indice specificato.</p>
  158. <h3>[method:this setZ]( [param:Integer index], [param:Float z] ) </h3>
  159. <p>Imposta il componente z del vettore in corrispondenza dell'indice specificato.</p>
  160. <h3>[method:this setW]( [param:Integer index], [param:Float w] ) </h3>
  161. <p>Imposta il componente w del vettore in corrispondenza dell'indice specificato.</p>
  162. <h3>[method:this setXY]( [param:Integer index], [param:Float x], [param:Float y] ) </h3>
  163. <p>Imposta i componenti x e y del vettore in corrispondenza dell'indice specificato.</p>
  164. <h3>[method:this setXYZ]( [param:Integer index], [param:Float x], [param:Float y], [param:Float z] ) </h3>
  165. <p>Imposta i componenti x, y e z del vettore in corrispondenza dell'indice specificato.</p>
  166. <h3>[method:this setXYZW]( [param:Integer index], [param:Float x], [param:Float y], [param:Float z], [param:Float w] ) </h3>
  167. <p>Imposta i componenti x, y, z e w del vettore in corrispondenza dell'indice specificato.</p>
  168. <h2>Source</h2>
  169. <p>
  170. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  171. </p>
  172. </body>
  173. </html>