MeshBasicMaterial.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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">
  13. Un matériau pour dessiner des géométries de manière simple et ombrée (à plat ou filaire).<br /><br />
  14. Ce matériau n'est pas affecté par les lumières.
  15. </p>
  16. <iframe id="scene" src="scenes/material-browser.html#MeshBasicMaterial"></iframe>
  17. <script>
  18. // iOS iframe auto-resize workaround
  19. if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
  20. const scene = document.getElementById( 'scene' );
  21. scene.style.width = getComputedStyle( scene ).width;
  22. scene.style.height = getComputedStyle( scene ).height;
  23. scene.setAttribute( 'scrolling', 'no' );
  24. }
  25. </script>
  26. <h2>Constructeur</h2>
  27. <h3>[name]( [param:Object parameters] )</h3>
  28. <p>
  29. [page:Object parameters] - (optionnel) un objet avec une ou plusieurs propriétés définissant l'apparence du matériau.
  30. 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 />
  31. L'exception est la propriété [page:Hexadecimal color], qui peut être passée comme une chaine de caractères hexadécimale,
  32. ayant la valeur `0xffffff` (blanc) par défaut. [page:Color.set]( color ) est appelée en interne.
  33. </p>
  34. <h2>Propriétés</h2>
  35. <p>Voir la classe [page:Material] pour les propriétés communes.</p>
  36. <h3>[property:Texture alphaMap]</h3>
  37. <p>La carte alpha est une texture en niveaux de gris qui contrôle l'opacité sur la surface
  38. (noir : entièrement transparent ; blanc : entièrement opaque). La valeur par défaut est nulle.<br /><br />
  39. Seule la couleur de la texture est utilisée, en ignorant le canal alpha s'il en existe un.
  40. Pour les textures RGB et RGBA, le moteur de rendu [page:WebGLRenderer WebGL] utilisera le
  41. canal vert lors de l'échantillonnage de cette texture en raison du peu de précision supplémentaire fourni
  42. pour le vert dans les formats RVB 565 compressés DXT et non compressés.
  43. Les textures avec uniquement de la luminance ou les textures luminance/alpha fonctionneront également comme prévu.
  44. </p>
  45. <h3>[property:Texture aoMap]</h3>
  46. <p>Le canal rouge de cette texture est utilisé comme carte d'occlusion ambiante. La valeur par défaut est nulle.
  47. L'aoMap nécessite un deuxième ensemble d'UVs.</p>
  48. <h3>[property:Float aoMapIntensity]</h3>
  49. <p>Intensité de l'effet d'occlusion ambiante. La valeur par défaut est 1. Zéro signifie qu'il n'y a pas d'effet d'occlusion.</p>
  50. <h3>[property:Color color]</h3>
  51. <p>[page:Color], couleur du matériau, par défaut en blanc (0xffffff).</p>
  52. <h3>[property:Integer combine]</h3>
  53. <p>
  54. Comment combiner le résultat de la couleur de la surface avec la carte d'environnement, le cas échéant.<br /><br />
  55. Les options sont [page:Materials THREE.MultiplyOperation] (par défaut), [page:Materials THREE.MixOperation],
  56. [page :Matériaux TROIS.AddOperation]. Si mix est choisi, la [page:.reflectivity] est utilisée pour
  57. mélanger les deux couleurs.
  58. </p>
  59. <h3>[property:Texture envMap]</h3>
  60. <p>La carte de l'environnement. La valeur par défaut est nulle.</p>
  61. <h3>[property:Boolean fog]</h3>
  62. <p>Si le matériau est affecté par le brouillard (fog) La valeur par défaut est `true`.</p>
  63. <h3>[property:Texture lightMap]</h3>
  64. <p>La carte des lumières (light map). La valeur par défaut est null. La lightMap nécessite un deuxième ensemble d'UVs.</p>
  65. <h3>[property:Float lightMapIntensity]</h3>
  66. <p>Intensité de la lumière préparée. La valeur par défaut est 1.</p>
  67. <h3>[property:Texture map]</h3>
  68. <p>
  69. La carte des couleurs. Peut éventuellement inclure un canal alpha, généralement combiné avec
  70. [page:Material.transparent .transparent] ou [page:Material.alphaTest .alphaTest]. La valeur par défaut est null.
  71. </p>
  72. <h3>[property:Float reflectivity]</h3>
  73. <p>
  74. Dans quelle mesure la carte d'environnement affecte la surface ; voir aussi [page:.combine].
  75. La valeur par défaut est 1 et la plage valide est comprise entre 0 (aucune réflexion) et 1 (réflexions complètes).
  76. </p>
  77. <h3>[property:Float refractionRatio]</h3>
  78. <p>
  79. L'indice de réfraction (IOR) de l'air (environ 1) divisé par l'indice de réfraction du matériau.
  80. Il est utilisé avec les modes de mapping d'environnement [page:Textures THREE.CubeRefractionMapping] et [page:Textures THREE.EquirectangularRefractionMapping].
  81. Le rapport de réfraction ne doit pas dépasser 1. La valeur par défaut est `0.98`.
  82. </p>
  83. <h3>[property:Texture specularMap]</h3>
  84. <p>Texture spéculaire utilisée par le matériau. La valeur par défaut est null.</p>
  85. <h3>[property:Boolean wireframe]</h3>
  86. <p>Rendre la géométrie en fil de fer. La valeur par défaut est "false" (c'est-à-dire rendre sous forme de polygones plats).</p>
  87. <h3>[property:String wireframeLinecap]</h3>
  88. <p>
  89. Définit l'apparence de la fin de la ligne. les valeurs possibles sont 'butt', 'round' et 'square'.
  90. La valeur par défaut est 'round'.<br /><br />
  91. Cela correspond à la propriété [link:https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineCap 2D Canvas lineCap]
  92. et est ignorée par le moteur de rendu [page:WebGLRenderer WebGL].
  93. </p>
  94. <h3>[property:String wireframeLinejoin]</h3>
  95. <p>
  96. Définit l'apparence des jointures de lignes. Les valeurs possibles sont 'round', 'bevel' et 'miter'. La valeur par défaut est 'round'. <br /><br />
  97. Cela correspond à la propriété [link:https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineJoin 2D Canvas lineJoin]
  98. et est ignorée par le moteur de rendu [page:WebGLRenderer WebGL].
  99. </p>
  100. <h3>[property:Float wireframeLinewidth]</h3>
  101. <p>Contrôle l'épaisseur du filaire. La valeur par défaut est 1.<br /><br />
  102. A cause des limitations de [link:https://www.khronos.org/registry/OpenGL/specs/gl/glspec46.core.pdf OpenGL Core Profile]
  103. avec le moteur de rendu [page:WebGLRenderer WebGL] sur la plupârt des plateformes, l'épaisseur de ligne (linewidth) sera toujours
  104. à 1, indépendamment de la valeur définie.
  105. </p>
  106. <h2>Méthodes</h2>
  107. <p>Voir la classe [page:Material] pour les méthodes communes.</p>
  108. <h2>Source</h2>
  109. <p>
  110. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  111. </p>
  112. </body>
  113. </html>