2
0

PointsMaterial.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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. [page:Material] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">Il materiale predefinito utilizzato da [page:Points].</p>
  13. <h2>Codice di Esempio</h2>
  14. <code>
  15. const vertices = [];
  16. for ( let i = 0; i < 10000; i ++ ) {
  17. const x = THREE.MathUtils.randFloatSpread( 2000 );
  18. const y = THREE.MathUtils.randFloatSpread( 2000 );
  19. const z = THREE.MathUtils.randFloatSpread( 2000 );
  20. vertices.push( x, y, z );
  21. }
  22. const geometry = new THREE.BufferGeometry();
  23. geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( vertices, 3 ) );
  24. const material = new THREE.PointsMaterial( { color: 0x888888 } );
  25. const points = new THREE.Points( geometry, material );
  26. scene.add( points );
  27. </code>
  28. <h2>Esempi</h2>
  29. <p>
  30. [example:misc_controls_fly misc / controls / fly]<br />
  31. [example:webgl_buffergeometry_drawrange WebGL / BufferGeometry / drawrange]<br />
  32. [example:webgl_buffergeometry_points WebGL / BufferGeometry / points]<br />
  33. [example:webgl_buffergeometry_points_interleaved WebGL / BufferGeometry / points / interleaved]<br />
  34. [example:webgl_camera WebGL / camera ]<br />
  35. [example:webgl_geometry_convex WebGL / geometry / convex]<br />
  36. [example:webgl_geometry_shapes WebGL / geometry / shapes]<br />
  37. [example:webgl_interactive_raycasting_points WebGL / interactive / raycasting / points]<br />
  38. [example:webgl_multiple_elements_text WebGL / multiple / elements / text]<br />
  39. [example:webgl_points_billboards WebGL / points / billboards]<br />
  40. [example:webgl_points_dynamic WebGL / points / dynamic]<br />
  41. [example:webgl_points_sprites WebGL / points / sprites]
  42. </p>
  43. <h2>Costruttore</h2>
  44. <h3>[name]( [param:Object parameters] )</h3>
  45. <p>
  46. [page:Object parameters] - (opzionale) un oggetto con una o più proprietà che definiscono l'aspetto del materiale.
  47. Qualsiasi proprietà del materiale (inclusa qualsiasi proprietà ereditata da [page:Material]) può essere passata qui. <br /><br />
  48. L'eccezione è la proprietà [page:Hexadecimal colore], la quale può essere passata come stringa
  49. esadecimale e per impostazione predefinita è `0xffffff` (bianco). [page:Color.set]( color ) viene chiamato internamente.
  50. </p>
  51. <h2>Proprietà</h2>
  52. <p>Vedi la classe base [page:Material] per le proprietà comuni.</p>
  53. <h3>[property:Texture alphaMap]</h3>
  54. <p>
  55. La mappa alfa è una texture in scala di grigi che controlla l'opacità sulla superficie
  56. (nero: completamente trasparente; bianco: completamente opaco). Il valore predefinito è `null`.<br /><br />
  57. Viene utilizzato solo il colore della texture, ignorando il canale alfa, se esiste.
  58. Per le texuture RGB e RGBA, il renderer [page:WebGLRenderer WebGL] utilizzarà il canale del verde
  59. durante il campionamento di questa texture a causa del bit extra di precisione fornito per il verde
  60. nei formati RGB 565 compressi e non compressi DXT. Anche le texture solo luminanza e luminanza/alfa continueranno
  61. a funzionare come previsto.
  62. </p>
  63. <h3>[property:Color color]</h3>
  64. <p>Il [page:Color Colore] del materiale, da impostazione predefinita impostato su bianco (0xffffff).</p>
  65. <h3>[property:Boolean fog]</h3>
  66. <p>Indica se il materiale è influenzato dalla nebbia. Il valore predefinito è `true`.</p>
  67. <h3>[property:Texture map]</h3>
  68. <p>
  69. Imposta il colore dei punti utilizzando i dati da una [page:Texture].
  70. Può includere facoltativamente un canale alfa, in genere combinato con
  71. [page:Material.transparent .transparent] o [page:Material.alphaTest .alphaTest].
  72. </p>
  73. <h3>[property:Number size]</h3>
  74. <p>
  75. Definisce la dimensione dei punti in pixel. Il valore predefinito è 1.0.<br/>
  76. Verrà limitato se supera il parametro dipendetente dall'hardware [link:https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getParameter gl.ALIASED_POINT_SIZE_RANGE].
  77. </p>
  78. <h3>[property:Boolean sizeAttenuation]</h3>
  79. <p>
  80. Specifica se la dimensione dei punti viene attenuata dalla profondità della telecamera. (Solo telecamera prospettica).
  81. Il valore predefinito è `true`.
  82. </p>
  83. <h2>Metodi</h2>
  84. <p>Vedi la classe base [page:Material] per i metodi comuni.</p>
  85. <h2>Source</h2>
  86. <p>
  87. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  88. </p>
  89. </body>
  90. </html>