SpriteMaterial.html 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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">Un matériau pour utiliser un [page:Sprite].</p>
  13. <h2>Code Example</h2>
  14. <code>
  15. const map = new THREE.TextureLoader().load( 'textures/sprite.png' );
  16. const material = new THREE.SpriteMaterial( { map: map, color: 0xffffff } );
  17. const sprite = new THREE.Sprite( material );
  18. sprite.scale.set(200, 200, 1)
  19. scene.add( sprite );
  20. </code>
  21. <h2>Exemples</h2>
  22. <p>
  23. [example:webgl_raycaster_sprite WebGL / raycast / sprite]<br />
  24. [example:webgl_sprites WebGL / sprites]<br />
  25. [example:svg_sandbox SVG / sandbox]
  26. </p>
  27. <h2>Constructeur</h2>
  28. <h3>[name]( [param:Object parameters] )</h3>
  29. <p>
  30. [page:Object parameters] - (optionnel) un objet avec une ou plusieurs propriétés définissant l'apparence du matériau.
  31. 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 />
  32. L'exception est la propriété [page:Hexadecimal color], qui peut être passée comme une chaine de caractères hexadécimale,
  33. ayant la valeur `0xffffff` (blanc) par défaut. [page:Color.set]( color ) est appelée en interne.
  34. Les SpriteMaterials ne sont pas coupés en utilisant [page:Material.clippingPlanes].
  35. </p>
  36. <h2>Propriétés</h2>
  37. <p>Voir la classe [page:Material] pour les propriétés communes.</p>
  38. <h3>[property:Texture alphaMap]</h3>
  39. <p>La carte alpha est une texture en niveaux de gris qui contrôle l'opacité sur la surface
  40. (noir : entièrement transparent ; blanc : entièrement opaque). La valeur par défaut est nulle.<br /><br />
  41. Seule la couleur de la texture est utilisée, en ignorant le canal alpha s'il en existe un.
  42. Pour les textures RGB et RGBA, le moteur de rendu [page:WebGLRenderer WebGL] utilisera le
  43. canal vert lors de l'échantillonnage de cette texture en raison du peu de précision supplémentaire fourni
  44. pour le vert dans les formats RVB 565 compressés DXT et non compressés.
  45. Les textures avec uniquement de la luminance ou les textures luminance/alpha fonctionneront également comme prévu.
  46. </p>
  47. <h3>[property:Color color]</h3>
  48. <p>[page:Color], couleur du matériau, par défaut en blanc (0xffffff). The [page:.map] is multiplied by the color.</p>
  49. <h3>[property:Boolean fog]</h3>
  50. <p>Si le matériau est affecté par le brouillard (fog) La valeur par défaut est `true`.</p>
  51. <h3>[property:Boolean isSpriteMaterial]</h3>
  52. <p>
  53. Booléen en lecture seule pour tester si l'object est de type [name].
  54. </p>
  55. <h3>[property:Texture map]</h3>
  56. <p>
  57. La carte des couleurs. Peut éventuellement inclure un canal alpha, généralement combiné avec
  58. [page:Material.transparent .transparent] ou [page:Material.alphaTest .alphaTest]. La valeur par défaut est null.
  59. </p>
  60. <h3>[property:Radians rotation]</h3>
  61. <p>La rotation du sprite en radians. La valeur par défaut est 0.</p>
  62. <h3>[property:Boolean sizeAttenuation]</h3>
  63. <p>Si la taille du sprite est atténuée par la profondeur de la caméra. (Caméra perspective uniquement). La valeur par défaut est `true`.</p>
  64. <h3>[property:Boolean transparent]</h3>
  65. <p>Définit si ce matériau est transparent. La valeur par défaut est `true`.</p>
  66. <h2>Méthodes</h2>
  67. <p>Voir la classe [page:Material] pour les méthodes communes.</p>
  68. <h2>Source</h2>
  69. <p>
  70. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  71. </p>
  72. </body>
  73. </html>