You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
4.4 KiB
HTML
111 lines
4.4 KiB
HTML
2 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
[page:Material] →
|
||
|
|
|
||
|
|
<h1>[name]</h1>
|
||
|
|
|
||
|
|
<p class="desc">Un matériau pour dessiner la géométrie par profondeur. La profondeur est basée sur le plan proche et éloigné de la caméra. Le blanc est le plus proche, le noir est le plus éloigné.</p>
|
||
|
|
|
||
|
|
<iframe id="scene" src="scenes/material-browser.html#MeshDepthMaterial"></iframe>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
// iOS iframe auto-resize workaround
|
||
|
|
|
||
|
|
if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
|
||
|
|
|
||
|
|
const scene = document.getElementById( 'scene' );
|
||
|
|
|
||
|
|
scene.style.width = getComputedStyle( scene ).width;
|
||
|
|
scene.style.height = getComputedStyle( scene ).height;
|
||
|
|
scene.setAttribute( 'scrolling', 'no' );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<h2>Constructeur</h2>
|
||
|
|
|
||
|
|
<h3>[name]( [param:Object parameters] )</h3>
|
||
|
|
<p>
|
||
|
|
[page:Object parameters] - (optionnel) un objet avec une ou plusieurs propriétés définissant l'apparence du matériau.
|
||
|
|
Toute propriété du matériau (y compris toute propriété héritée de [page:Material]) peut être passée dans l'objet.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Propriétés</h2>
|
||
|
|
<p>Voir la classe [page:Material] pour les propriétés communes.</p>
|
||
|
|
|
||
|
|
<h3>[property:Texture alphaMap]</h3>
|
||
|
|
<p>La carte alpha est une texture en niveaux de gris qui contrôle l'opacité sur la surface
|
||
|
|
(noir : entièrement transparent ; blanc : entièrement opaque). La valeur par défaut est nulle.<br /><br />
|
||
|
|
|
||
|
|
Seule la couleur de la texture est utilisée, en ignorant le canal alpha s'il en existe un.
|
||
|
|
Pour les textures RGB et RGBA, le moteur de rendu [page:WebGLRenderer WebGL] utilisera le
|
||
|
|
canal vert lors de l'échantillonnage de cette texture en raison du peu de précision supplémentaire fourni
|
||
|
|
pour le vert dans les formats RVB 565 compressés DXT et non compressés.
|
||
|
|
Les textures avec uniquement de la luminance ou les textures luminance/alpha fonctionneront également comme prévu.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Constant depthPacking]</h3>
|
||
|
|
<p>Encodage pour l'emballage en profondeur. La valeur par défaut est [page:Textures BasicDepthPacking].</p>
|
||
|
|
|
||
|
|
<h3>[property:Texture displacementMap]</h3>
|
||
|
|
<p>
|
||
|
|
La carte de déplacement affecte la position des sommets du maillage. Contrairement aux autres cartes
|
||
|
|
qui n'affectent que la lumière et l'ombre du matériau, les sommets déplacés peuvent projeter des ombres,
|
||
|
|
bloquer d'autres objets et agir autrement comme une géométrie réelle. La texture de déplacement est
|
||
|
|
une image sur laquelle la valeur de chaque pixel (le blanc étant le plus élevé) est mappée,
|
||
|
|
et repositionne, les sommets du maillage.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Float displacementScale]</h3>
|
||
|
|
<p>
|
||
|
|
Dans quelle mesure la carte de déplacement affecte le maillage (où le noir n'est pas un déplacement,
|
||
|
|
et le blanc est le déplacement maximal). Sans carte de déplacement, cette valeur n'est pas appliquée.
|
||
|
|
La valeur par défaut est `1`.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Float displacementBias]</h3>
|
||
|
|
<p>
|
||
|
|
Le décalage des valeurs de la carte de déplacement sur les sommets du maillage.
|
||
|
|
Le décalage est ajouté après la mise à l'échelle de la carte de déplacement.
|
||
|
|
Sans carte de déplacement, cette valeur n'est pas appliquée. La valeur par défaut
|
||
|
|
est `0`.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Texture map]</h3>
|
||
|
|
<p>
|
||
|
|
La carte des couleurs. Peut éventuellement inclure un canal alpha, généralement combiné avec
|
||
|
|
[page:Material.transparent .transparent] ou [page:Material.alphaTest .alphaTest]. La valeur par défaut est null.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Boolean wireframe]</h3>
|
||
|
|
<p>Rendre la géométrie en fil de fer. La valeur par défaut est false (c'est-à-dire rendu en ombré lisse).</p>
|
||
|
|
|
||
|
|
<h3>[property:Float wireframeLinewidth]</h3>
|
||
|
|
<p>Contrôle l'épaisseur du filaire. La valeur par défaut est 1.<br /><br />
|
||
|
|
|
||
|
|
A cause des limitations de [link:https://www.khronos.org/registry/OpenGL/specs/gl/glspec46.core.pdf OpenGL Core Profile]
|
||
|
|
avec le moteur de rendu [page:WebGLRenderer WebGL] sur la plupart des plateformes, l'épaisseur de ligne (linewidth) sera toujours
|
||
|
|
à 1, indépendamment de la valeur définie.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Méthodes</h2>
|
||
|
|
<p>Voir la classe [page:Material] pour les méthodes communes.</p>
|
||
|
|
|
||
|
|
|
||
|
|
<h2>Source</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|