1
0

PointsMaterial.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html lang="fr">
  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">Le matériau par défaut utilisé par [page:Points].</p>
  13. <h2>Code Example</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>Exemples</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>Constructeur</h2>
  44. <h3>[name]( [param:Object parameters] )</h3>
  45. <p>
  46. [page:Object parameters] - (optionnel) un objet avec une ou plusieurs propriétés définissant l'apparence du matériau.
  47. Toute propriété du matériau (y compris toute proprioété héritée de [page:Material]) peut être passée dans l'objet.<br /><br />
  48. L'exception est la propriété [page:Hexadecimal color], qui peut être passée comme une chaine de caractères hexadécimale,
  49. ayant la valeur `0xffffff` (blanc) par défaut. [page:Color.set]( color ) est appelée en interne.
  50. </p>
  51. <h2>Propriétés</h2>
  52. <p>Voir la classe [page:Material] pour les propriétés communes.</p>
  53. <h3>[property:Texture alphaMap]</h3>
  54. <p>La carte alpha est une texture en niveaux de gris qui contrôle l'opacité sur la surface
  55. (noir : entièrement transparent ; blanc : entièrement opaque). La valeur par défaut est nulle.<br /><br />
  56. Seule la couleur de la texture est utilisée, en ignorant le canal alpha s'il en existe un.
  57. Pour les textures RGB et RGBA, le moteur de rendu [page:WebGLRenderer WebGL] utilisera le
  58. canal vert lors de l'échantillonnage de cette texture en raison du peu de précision supplémentaire fourni
  59. pour le vert dans les formats RVB 565 compressés DXT et non compressés.
  60. Les textures avec uniquement de la luminance ou les textures luminance/alpha fonctionneront également comme prévu.
  61. </p>
  62. <h3>[property:Color color]</h3>
  63. <p>[page:Color], couleur du matériau, par défaut en blanc (0xffffff).</p>
  64. <h3>[property:Boolean fog]</h3>
  65. <p>Si le matériau est affecté par le brouillard (fog) La valeur par défaut est `true`.</p>
  66. <h3>[property:Texture map]</h3>
  67. <p>
  68. Définit la couleur des points à l'aide des données d'une [page:Texture].
  69. Peut éventuellement inclure un canal alpha, généralement combiné avec
  70. [page:Material.transparent .transparent] ou [page:Material.alphaTest .alphaTest].
  71. </p>
  72. <h3>[property:Number size]</h3>
  73. <p>Définit la taille des points en pixels. La valeur par défaut est 1.0.<br/>
  74. Sera plafonné s'il dépasse le paramètre dépendant du matériel [link:https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getParameter gl.ALIASED_POINT_SIZE_RANGE].</p>
  75. <h3>[property:Boolean sizeAttenuation]</h3>
  76. <p>Spécifiez si la taille des points est atténuée par la profondeur de la caméra. (Caméra perspective uniquement). La valeur par défaut est true.</p>
  77. <h2>Méthodes</h2>
  78. <p>Voir la classe [page:Material] pour les méthodes communes.</p>
  79. <h2>Source</h2>
  80. <p>
  81. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  82. </p>
  83. </body>
  84. </html>