MeshPhongMaterial.html 6.7 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
		<iframe src='../../scenes/material-browser.html#MeshPhongMaterial'></iframe>
M
Mr.doob 已提交
17

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

C
cjshannon 已提交
20

G
Greg Tatum 已提交
21
		<h3>[name]([page:Object parameters])</h3>
C
cjshannon 已提交
22
		<div>
G
Greg Tatum 已提交
23
		parameters -- an object with one or more of the material's properties defining the its appearance.
C
cjshannon 已提交
24 25
		</div>
		<div>
P
PaulJacobs 已提交
26 27 28
		Example:<br>
		materials.push( new THREE.MeshPhongMaterial( { ambient: 0x030303, color: 0xdddddd, specular: 0x009900, shininess: 30, shading: THREE.FlatShading } ) );
	
C
cjshannon 已提交
29
		</div>
M
Mr.doob 已提交
30 31


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

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

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

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

50
		<h3>[property:Color specular]</h3>
E
Eric Haines 已提交
51 52 53
		<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 已提交
54

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

58
		<h3>[property:Integer shading]</h3>
E
Eric Haines 已提交
59 60
		<div>How the triangles of a curved surface are rendered: as a smooth surface, as flat separate facets, or no shading at all.</div>

61
		<div>Options are [page:Materials THREE.SmoothShading] (default), [page:Materials THREE.FlatShading], [page:Materials THREE.NoShading].</div>
E
Eric Haines 已提交
62
		
63
		<h3>[property:Boolean wireframe]</h3>
E
Eric Haines 已提交
64 65
		<div>Whether the triangles' edges are displayed instead of surfaces. Default is *false*.</div>
		
66
		<h3>[property:Float wireframeLinewidth]</h3>
E
Eric Haines 已提交
67
		<div>Line thickness for wireframe mode. Default is *1.0*.</div>
68
		<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 已提交
69

70
		<h3>[property:String wireframeLinecap]</h3>
E
Eric Haines 已提交
71 72 73
		<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>

74
		<h3>[property:String wireframeLinejoin]</h3>
E
Eric Haines 已提交
75 76 77
		<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>

78
		<h3>[property:Integer vertexColors]</h3>
79
		<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 已提交
80 81
		<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>

82
		<h3>[property:Boolean fog]</h3>
E
Eric Haines 已提交
83 84 85
		<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>

86
		<h3>[property:Texture map]</h3>
E
Eric Haines 已提交
87 88
		<div>Set color texture map. Default is null.</div>

89
		<h3>[property:Texture lightMap]</h3>
E
Eric Haines 已提交
90 91
		<div>Set light map. Default is null.</div>

92
		<h3>[property:Texture specularMap]</h3>
E
Eric Haines 已提交
93 94
		<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>

95
		<h3>[property:Texture alphaMap]</h3>
96 97 98
		<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>

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

102
		<h3>[property:Float reflectivity]</h3>
E
Eric Haines 已提交
103 104
		<div>How much the environment map affects the surface; also see "combine".</div> 

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

108
		<h3>[property:Integer combine]</h3>
E
Eric Haines 已提交
109 110
		<div>How to combine the result of the surface's color with the environment map, if any.</div> 
		 
111
		<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 已提交
112
		 
113
		<h3>[property:Boolean skinning]</h3>
E
Eric Haines 已提交
114 115
		<div>Define whether the material uses skinning. Default is *false*.</div>
	
116
		<h3>[property:Boolean morphTargets]</h3>
E
Eric Haines 已提交
117 118 119
		<div>Define whether the material uses morphTargets. Default is *false*.</div>	


120
		<h3>[property:Vector2 normalScale]</h3>
C
cjshannon 已提交
121 122 123 124
		<div>
		todo
		</div> 

125
		<h3>[property:boolean morphNormals]</h3>
C
cjshannon 已提交
126 127 128 129
		<div>
		todo
		</div> 

130
		<h3>[property:boolean metal]</h3>
C
cjshannon 已提交
131 132 133 134
		<div>
		todo
		</div> 

135
		<h3>[property:number bumpScale]</h3>
C
cjshannon 已提交
136 137 138 139
		<div>
		todo
		</div> 

140
		<h3>[property:boolean wrapAround]</h3>
C
cjshannon 已提交
141 142
		<div>
		todo
M
Mr.doob 已提交
143
		</div>
C
cjshannon 已提交
144

145
		<h3>[property:object normalMap]</h3>
C
cjshannon 已提交
146 147 148 149
		<div>
		todo
		</div> 

150
		<h3>[property:object bumpMap]</h3>
C
cjshannon 已提交
151 152 153 154
		<div>
		todo
		</div> 

155
		<h3>[property:Vector3 wrapRGB]</h3>
C
cjshannon 已提交
156 157 158 159
		<div>
		todo
		</div> 

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

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

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