MeshPhongMaterial.html 6.5 KB
Newer Older
1 2 3
<!DOCTYPE html>
<html lang="en">
	<head>
4
		<meta charset="utf-8" />
5 6 7 8 9
		<script src="../../list.js"></script>
		<script src="../../page.js"></script>
		<link type="text/css" rel="stylesheet" href="../../page.css" />
	</head>
	<body>
C
cjshannon 已提交
10
		[page:Material] &rarr;
M
Mr.doob 已提交
11

12
		<h1>[name]</h1>
M
Mr.doob 已提交
13

E
Eric Haines 已提交
14
		<div class="desc">A material for shiny surfaces, evaluated per pixel.</div>
M
Mr.doob 已提交
15 16


17
		<h2>Constructor</h2>
M
Mr.doob 已提交
18

C
cjshannon 已提交
19 20 21

		<h3>[name]([page:todo parameters])</h3>
		<div>
P
PaulJacobs 已提交
22
		parameters -- A JSON object with settable parameters.
C
cjshannon 已提交
23 24
		</div>
		<div>
P
PaulJacobs 已提交
25 26 27
		Example:<br>
		materials.push( new THREE.MeshPhongMaterial( { ambient: 0x030303, color: 0xdddddd, specular: 0x009900, shininess: 30, shading: THREE.FlatShading } ) );
	
C
cjshannon 已提交
28
		</div>
M
Mr.doob 已提交
29 30


31
		<h2>Properties</h2>
32
		<div>See the base [page:Material] class for common parameters.</div>
M
Mr.doob 已提交
33

E
Eric Haines 已提交
34 35 36 37 38 39 40 41 42
		<h3>.[page:Color color]</h3>
		<div>
		Diffuse color of the material. Default is white.<br />
		</div>

		<h3>.[page:Color ambient]</h3>
		<div>
		Ambient color of the material, multiplied by the color of the [page:AmbientLight]. Default is white.<br />
		</div>
M
Mr.doob 已提交
43

E
Eric Haines 已提交
44 45 46 47
		<h3>.[page:Color emissive]</h3>
		<div>
		Emissive (light) color of the material, essentially a solid color unaffected by other lighting. Default is black.<br />
		</div>
M
Mr.doob 已提交
48

E
Eric Haines 已提交
49 50 51 52
		<h3>.[page:Color specular]</h3>
		<div>
		Specular color of the material, i.e., how shiny the material is and the color of its shine. Setting this the same color as the diffuse value (times some intensity) makes the material more metallic-looking; setting this to some gray makes the material look more plastic. Default is dark gray.<br />
		</div>
M
Mr.doob 已提交
53

E
Eric Haines 已提交
54 55 56 57 58 59
		<h3>.[page:Float shininess]</h3>
		<div>How shiny the specular highlight is; a higher value gives a sharper highlight. Default is *30*.</div>

		<h3>.[page:Integer shading]</h3>
		<div>How the triangles of a curved surface are rendered: as a smooth surface, as flat separate facets, or no shading at all.</div>

60
		<div>Options are [page:Materials THREE.SmoothShading] (default), [page:Materials THREE.FlatShading], [page:Materials THREE.NoShading].</div>
E
Eric Haines 已提交
61 62 63 64 65 66
		
		<h3>.[page:Boolean wireframe]</h3>
		<div>Whether the triangles' edges are displayed instead of surfaces. Default is *false*.</div>
		
		<h3>.[page:Float wireframeLinewidth]</h3>
		<div>Line thickness for wireframe mode. Default is *1.0*.</div>
67
		<div>Due to limitations in the <a href="https://code.google.com/p/angleproject/" target="_blank">ANGLE layer</a>, on Windows platforms linewidth will always be 1 regardless of the set value.</div>
E
Eric Haines 已提交
68 69 70 71 72 73 74 75 76

		<h3>.[page:String wireframeLinecap]</h3>
		<div>Define appearance of line ends. Possible values are "butt", "round" and "square". Default is 'round'.</div>
		<div>This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:WebGLRenderer WebGL] renderer, but does work with the [page:CanvasRenderer Canvas] renderer.</div>

		<h3>.[page:String wireframeLinejoin]</h3>
		<div>Define appearance of line joints. Possible values are "round", "bevel" and "miter". Default is 'round'.</div>
		<div>This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:WebGLRenderer WebGL] renderer, but does work with the [page:CanvasRenderer Canvas] renderer.</div>

77 78
		<h3>.[page:Integer vertexColors]</h3>
		<div>Define how the vertices gets colored. Possible values are THREE.NoColors, THREE.FaceColors and THREE.VertexColors. Default is THREE.NoColors.</div>
E
Eric Haines 已提交
79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
		<div>This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:CanvasRenderer Canvas] renderer, but does work with the [page:WebGLRenderer WebGL] renderer.</div>

		<h3>.[page:Boolean fog]</h3>
		<div>Define whether the material color is affected by global fog settings. Default is *true*.</div>
		<div>This setting might not have any effect when used with certain renderers. For example, it is ignored with the [page:CanvasRenderer Canvas] renderer, but does work with the [page:WebGLRenderer WebGL] renderer.</div>

		<h3>.[page:Texture map]</h3>
		<div>Set color texture map. Default is null.</div>

		<h3>.[page:Texture lightMap]</h3>
		<div>Set light map. Default is null.</div>

		<h3>.[page:Texture specularMap]</h3>
		<div>The specular map value affects both how much the specular surface highlight contributes and how much of the environment map affects the surface. Default is null.</div>

94 95 96 97
		<h3>.[page:Texture alphaMap]</h3>
		<div>The alpha map is a grayscale texture that controls the opacity across the surface (black: fully transparent; white: fully opaque). Default is null.</div>
		<div>Only the color of the texture is used, ignoring the alpha channel if one exists. For RGB and RGBA textures, the [page:WebGLRenderer WebGL] renderer will use the green channel when sampling this texture due to the extra bit of precision provided for green in DXT-compressed and uncompressed RGB 565 formats. Luminance-only and luminance/alpha textures will also still work as expected.</div>

E
Eric Haines 已提交
98 99 100 101 102 103 104
		<h3>.[page:TextureCube envMap]</h3>
		<div>Set env map. Default is null.</div>

		<h3>.[page:Float reflectivity]</h3>
		<div>How much the environment map affects the surface; also see "combine".</div> 

		<h3>.[page:Float refractionRatio]</h3>
105
		<div>The index of refraction for an environment map using [page:Textures THREE.CubeRefractionMapping]. Default is *0.98*.</div>
E
Eric Haines 已提交
106 107 108 109

		<h3>.[page:Integer combine]</h3>
		<div>How to combine the result of the surface's color with the environment map, if any.</div> 
		 
110
		<div>Options are [page:Textures THREE.MultiplyOperation] (default), [page:Textures THREE.MixOperation], [page:Textures THREE.AddOperation]. If mix is chosen, the reflectivity is used to blend between the two colors.</div>
E
Eric Haines 已提交
111 112 113 114 115 116 117 118
		 
		<h3>.[page:Boolean skinning]</h3>
		<div>Define whether the material uses skinning. Default is *false*.</div>
	
		<h3>.[page:Boolean morphTargets]</h3>
		<div>Define whether the material uses morphTargets. Default is *false*.</div>	


C
cjshannon 已提交
119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141
		<h3>.[page:Vector2 normalScale]</h3>
		<div>
		todo
		</div> 

		<h3>.[page:boolean morphNormals]</h3>
		<div>
		todo
		</div> 

		<h3>.[page:boolean metal]</h3>
		<div>
		todo
		</div> 

		<h3>.[page:number bumpScale]</h3>
		<div>
		todo
		</div> 

		<h3>.[page:boolean wrapAround]</h3>
		<div>
		todo
M
Mr.doob 已提交
142
		</div>
C
cjshannon 已提交
143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158

		<h3>.[page:object normalMap]</h3>
		<div>
		todo
		</div> 

		<h3>.[page:object bumpMap]</h3>
		<div>
		todo
		</div> 

		<h3>.[page:Vector3 wrapRGB]</h3>
		<div>
		todo
		</div> 

E
Eric Haines 已提交
159
		<h2>Methods</h2>
M
Mr.doob 已提交
160

161
		<h2>Source</h2>
M
Mr.doob 已提交
162

163 164 165
		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
	</body>
</html>