Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
188b9b70
T
three.js
项目概览
车家大少爷
/
three.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
three.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
188b9b70
编写于
1月 05, 2015
作者:
M
Mr.doob
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Examples: Cleaned up setClearColor().
上级
ec602c18
变更
58
隐藏空白更改
内联
并排
Showing
58 changed file
with
242 addition
and
252 deletion
+242
-252
docs/api/renderers/WebGLRenderer.html
docs/api/renderers/WebGLRenderer.html
+2
-2
docs/scenes/js/material.js
docs/scenes/js/material.js
+118
-118
examples/canvas_lines_colors_2d.html
examples/canvas_lines_colors_2d.html
+1
-2
examples/canvas_lines_dashed.html
examples/canvas_lines_dashed.html
+1
-1
examples/js/crossfade/scenes.js
examples/js/crossfade/scenes.js
+12
-12
examples/misc_animation_keys.html
examples/misc_animation_keys.html
+1
-1
examples/misc_controls_orbit.html
examples/misc_controls_orbit.html
+1
-1
examples/misc_controls_trackball.html
examples/misc_controls_trackball.html
+1
-1
examples/webgl_animation_skinning_blending.html
examples/webgl_animation_skinning_blending.html
+1
-2
examples/webgl_animation_skinning_morph.html
examples/webgl_animation_skinning_morph.html
+1
-2
examples/webgl_buffergeometry.html
examples/webgl_buffergeometry.html
+1
-1
examples/webgl_buffergeometry_particles.html
examples/webgl_buffergeometry_particles.html
+1
-1
examples/webgl_buffergeometry_uint.html
examples/webgl_buffergeometry_uint.html
+1
-1
examples/webgl_custom_attributes.html
examples/webgl_custom_attributes.html
+1
-1
examples/webgl_custom_attributes_lines.html
examples/webgl_custom_attributes_lines.html
+1
-1
examples/webgl_effects_oculusrift.html
examples/webgl_effects_oculusrift.html
+1
-1
examples/webgl_geometry_colors_lookuptable.html
examples/webgl_geometry_colors_lookuptable.html
+1
-1
examples/webgl_geometry_dynamic.html
examples/webgl_geometry_dynamic.html
+1
-1
examples/webgl_geometry_minecraft.html
examples/webgl_geometry_minecraft.html
+1
-1
examples/webgl_geometry_shapes.html
examples/webgl_geometry_shapes.html
+1
-1
examples/webgl_geometry_text.html
examples/webgl_geometry_text.html
+2
-2
examples/webgl_geometry_text2.html
examples/webgl_geometry_text2.html
+3
-3
examples/webgl_gpgpu_birds.html
examples/webgl_gpgpu_birds.html
+1
-1
examples/webgl_interactive_buffergeometry.html
examples/webgl_interactive_buffergeometry.html
+2
-2
examples/webgl_interactive_cubes_gpu.html
examples/webgl_interactive_cubes_gpu.html
+1
-1
examples/webgl_lensflares.html
examples/webgl_lensflares.html
+1
-1
examples/webgl_lights_hemisphere.html
examples/webgl_lights_hemisphere.html
+1
-1
examples/webgl_lights_pointlights2.html
examples/webgl_lights_pointlights2.html
+1
-1
examples/webgl_lines_dashed.html
examples/webgl_lines_dashed.html
+1
-1
examples/webgl_loader_ctm.html
examples/webgl_loader_ctm.html
+3
-3
examples/webgl_loader_ply.html
examples/webgl_loader_ply.html
+1
-1
examples/webgl_loader_stl.html
examples/webgl_loader_stl.html
+1
-1
examples/webgl_loader_utf8.html
examples/webgl_loader_utf8.html
+1
-1
examples/webgl_marchingcubes.html
examples/webgl_marchingcubes.html
+1
-1
examples/webgl_materials2.html
examples/webgl_materials2.html
+1
-1
examples/webgl_materials_bumpmap.html
examples/webgl_materials_bumpmap.html
+1
-1
examples/webgl_materials_bumpmap_skin.html
examples/webgl_materials_bumpmap_skin.html
+1
-5
examples/webgl_materials_cubemap_dynamic.html
examples/webgl_materials_cubemap_dynamic.html
+2
-2
examples/webgl_materials_lightmap.html
examples/webgl_materials_lightmap.html
+1
-1
examples/webgl_materials_normalmap.html
examples/webgl_materials_normalmap.html
+1
-1
examples/webgl_materials_skin.html
examples/webgl_materials_skin.html
+1
-1
examples/webgl_materials_texture_anisotropy.html
examples/webgl_materials_texture_anisotropy.html
+1
-1
examples/webgl_materials_texture_filters.html
examples/webgl_materials_texture_filters.html
+1
-1
examples/webgl_materials_texture_manualmipmap.html
examples/webgl_materials_texture_manualmipmap.html
+1
-1
examples/webgl_materials_texture_tga.html
examples/webgl_materials_texture_tga.html
+20
-20
examples/webgl_modifier_tessellation.html
examples/webgl_modifier_tessellation.html
+1
-1
examples/webgl_morphtargets.html
examples/webgl_morphtargets.html
+1
-1
examples/webgl_morphtargets_md2.html
examples/webgl_morphtargets_md2.html
+1
-1
examples/webgl_morphtargets_md2_control.html
examples/webgl_morphtargets_md2_control.html
+1
-1
examples/webgl_particles_dynamic.html
examples/webgl_particles_dynamic.html
+26
-28
examples/webgl_performance.html
examples/webgl_performance.html
+1
-1
examples/webgl_performance_doublesided.html
examples/webgl_performance_doublesided.html
+1
-1
examples/webgl_postprocessing_advanced.html
examples/webgl_postprocessing_advanced.html
+3
-3
examples/webgl_postprocessing_godrays.html
examples/webgl_postprocessing_godrays.html
+1
-1
examples/webgl_shading_physical.html
examples/webgl_shading_physical.html
+2
-3
examples/webgl_shadowmap.html
examples/webgl_shadowmap.html
+1
-1
examples/webgl_shadowmap_performance.html
examples/webgl_shadowmap_performance.html
+1
-1
examples/webgl_terrain_dynamic.html
examples/webgl_terrain_dynamic.html
+2
-2
未找到文件。
docs/api/renderers/WebGLRenderer.html
浏览文件 @
188b9b70
...
...
@@ -184,8 +184,8 @@
<code>
// Creates a renderer with red background
var renderer = new THREE.WebGLRenderer();
renderer.setSize(
200, 100
);
renderer.setClearColor(
0xff0000, 1
);
renderer.setSize(
200, 100
);
renderer.setClearColor(
0xff0000
);
</code>
<h3>
[method:Color getClearColor]()
</h3>
...
...
docs/scenes/js/material.js
浏览文件 @
188b9b70
...
...
@@ -3,60 +3,60 @@
*/
var
constants
=
{
combine
:
{
"
THREE.MultiplyOperation
"
:
THREE
.
MultiplyOperation
,
"
THREE.MixOperation
"
:
THREE
.
MixOperation
,
"
THREE.AddOperation
"
:
THREE
.
AddOperation
},
side
:
{
"
THREE.FrontSide
"
:
THREE
.
FrontSide
,
"
THREE.BackSide
"
:
THREE
.
BackSide
,
"
THREE.DoubleSide
"
:
THREE
.
DoubleSide
},
shading
:
{
"
THREE.NoShading
"
:
THREE
.
NoShading
,
"
THREE.FlatShading
"
:
THREE
.
FlatShading
,
"
THREE.SmoothShading
"
:
THREE
.
SmoothShading
},
colors
:
{
"
THREE.NoColors
"
:
THREE
.
NoColors
,
"
THREE.FaceColors
"
:
THREE
.
FaceColors
,
"
THREE.VertexColors
"
:
THREE
.
VertexColors
},
blendingMode
:
{
"
THREE.NoBlending
"
:
THREE
.
NoBlending
,
"
THREE.NormalBlending
"
:
THREE
.
NormalBlending
,
"
THREE.AdditiveBlending
"
:
THREE
.
AdditiveBlending
,
"
THREE.SubtractiveBlending
"
:
THREE
.
SubtractiveBlending
,
"
THREE.MultiplyBlending
"
:
THREE
.
MultiplyBlending
,
"
THREE.CustomBlending
"
:
THREE
.
CustomBlending
},
equations
:
{
"
THREE.AddEquation
"
:
THREE
.
AddEquation
,
"
THREE.SubtractEquation
"
:
THREE
.
SubtractEquation
,
"
THREE.ReverseSubtractEquation
"
:
THREE
.
ReverseSubtractEquation
},
destinationFactors
:
{
"
THREE.ZeroFactor
"
:
THREE
.
ZeroFactor
,
"
THREE.OneFactor
"
:
THREE
.
OneFactor
,
"
THREE.SrcColorFactor
"
:
THREE
.
SrcColorFactor
,
...
...
@@ -65,38 +65,38 @@ var constants = {
"
THREE.OneMinusSrcAlphaFactor
"
:
THREE
.
OneMinusSrcAlphaFactor
,
"
THREE.DstAlphaFactor
"
:
THREE
.
DstAlphaFactor
,
"
THREE.OneMinusDstAlphaFactor
"
:
THREE
.
OneMinusDstAlphaFactor
},
sourceFactors
:
{
"
THREE.DstColorFactor
"
:
THREE
.
DstColorFactor
,
"
THREE.OneMinusDstColorFactor
"
:
THREE
.
OneMinusDstColorFactor
,
"
THREE.SrcAlphaSaturateFactor
"
:
THREE
.
SrcAlphaSaturateFactor
}
}
function
getObjectsKeys
(
obj
)
{
var
keys
=
[];
for
(
var
key
in
obj
)
{
if
(
obj
.
hasOwnProperty
(
key
)
)
{
keys
.
push
(
key
);
}
}
return
keys
;
}
var
envMaps
=
(
function
()
{
var
path
=
"
../../examples/textures/cube/SwedishRoyalCastle/
"
;
var
format
=
'
.jpg
'
;
var
urls
=
[
...
...
@@ -111,32 +111,32 @@ var envMaps = (function () {
var
refractionCube
=
new
THREE
.
Texture
(
reflectionCube
.
image
,
THREE
.
CubeRefractionMapping
);
reflectionCube
.
format
=
THREE
.
RGBFormat
;
return
{
none
:
null
,
reflection
:
reflectionCube
,
refraction
:
refractionCube
};
})();
var
envMapKeys
=
getObjectsKeys
(
envMaps
);
var
textureMaps
=
(
function
()
{
return
{
none
:
null
,
grass
:
THREE
.
ImageUtils
.
loadTexture
(
"
../../examples/textures/terrain/grasslight-thin.jpg
"
)
};
})();
var
textureMapKeys
=
getObjectsKeys
(
textureMaps
);
function
generateVertexColors
(
geometry
)
{
for
(
var
i
=
0
,
il
=
geometry
.
faces
.
length
;
i
<
il
;
i
++
)
{
geometry
.
faces
[
i
].
vertexColors
.
push
(
new
THREE
.
Color
().
setHSL
(
i
/
il
*
Math
.
random
(),
0.5
,
...
...
@@ -152,15 +152,15 @@ function generateVertexColors ( geometry ) {
0.5
,
0.5
)
);
geometry
.
faces
[
i
].
color
=
new
THREE
.
Color
().
setHSL
(
i
/
il
*
Math
.
random
(),
0.5
,
0.5
);
}
}
function
generateMorphTargets
(
mesh
,
geometry
)
{
...
...
@@ -172,7 +172,7 @@ function generateMorphTargets ( mesh, geometry ) {
vertices
.
push
(
geometry
.
vertices
[
i
].
clone
()
);
scale
=
1
+
Math
.
random
()
*
0.3
;
vertices
[
vertices
.
length
-
1
].
x
*=
scale
;
vertices
[
vertices
.
length
-
1
].
y
*=
scale
;
vertices
[
vertices
.
length
-
1
].
z
*=
scale
;
...
...
@@ -180,31 +180,31 @@ function generateMorphTargets ( mesh, geometry ) {
}
geometry
.
morphTargets
.
push
(
{
name
:
"
target1
"
,
vertices
:
vertices
}
);
geometry
.
update
}
function
handleColorChange
(
color
)
{
return
function
(
value
){
if
(
typeof
value
===
"
string
"
)
{
value
=
value
.
replace
(
'
#
'
,
'
0x
'
);
}
color
.
setHex
(
value
);
};
}
function
needsUpdate
(
material
,
geometry
)
{
return
function
()
{
material
.
shading
=
+
material
.
shading
;
//Ensure number
material
.
vertexColors
=
+
material
.
vertexColors
;
//Ensure number
material
.
side
=
+
material
.
side
;
//Ensure number
...
...
@@ -212,63 +212,63 @@ function needsUpdate ( material, geometry ) {
geometry
.
verticesNeedUpdate
=
true
;
geometry
.
normalsNeedUpdate
=
true
;
geometry
.
colorsNeedUpdate
=
true
;
};
};
function
updateMorphs
(
torus
,
material
)
{
return
function
()
{
torus
.
updateMorphTargets
();
material
.
needsUpdate
=
true
;
};
}
function
updateTexture
(
material
,
materialKey
,
textures
)
{
return
function
(
key
)
{
material
[
materialKey
]
=
textures
[
key
];
material
.
needsUpdate
=
true
;
};
}
function
guiScene
(
gui
,
scene
)
{
var
folder
=
gui
.
addFolder
(
'
Scene
'
);
var
data
=
{
background
:
"
#000000
"
,
"
ambient light
"
:
ambientLight
.
color
.
getHex
()
}
var
color
=
new
THREE
.
Color
();
var
colorConvert
=
handleColorChange
(
color
);
folder
.
addColor
(
data
,
"
background
"
).
onChange
(
function
(
value
)
{
colorConvert
(
value
);
renderer
.
setClearColor
(
color
.
getHex
(),
1
);
renderer
.
setClearColor
(
color
.
getHex
()
);
}
);
folder
.
addColor
(
data
,
"
ambient light
"
).
onChange
(
handleColorChange
(
ambientLight
.
color
)
)
guiSceneFog
(
folder
,
scene
);
}
function
guiSceneFog
(
folder
,
scene
)
{
var
fogFolder
=
folder
.
addFolder
(
'
scene.fog
'
);
var
fog
=
new
THREE
.
Fog
(
0x3f7b9d
,
0
,
60
);
var
data
=
{
...
...
@@ -277,29 +277,29 @@ function guiSceneFog ( folder, scene ) {
"
scene.fog.color
"
:
fog
.
color
.
getHex
()
}
};
fogFolder
.
add
(
data
.
fog
,
'
THREE.Fog()
'
).
onChange
(
function
(
useFog
)
{
if
(
useFog
)
{
scene
.
fog
=
fog
;
}
else
{
scene
.
fog
=
null
;
}
}
);
fogFolder
.
addColor
(
data
.
fog
,
'
scene.fog.color
'
).
onChange
(
handleColorChange
(
fog
.
color
)
);
}
function
guiMaterial
(
gui
,
mesh
,
material
,
geometry
)
{
var
folder
=
gui
.
addFolder
(
'
THREE.Material
'
);
folder
.
add
(
material
,
'
transparent
'
);
folder
.
add
(
material
,
'
opacity
'
,
0
,
1
);
// folder.add( material, 'blending', constants.blendingMode );
...
...
@@ -315,11 +315,11 @@ function guiMaterial ( gui, mesh, material, geometry ) {
// folder.add( material, 'overdraw', 0, 5 );
folder
.
add
(
material
,
'
visible
'
);
folder
.
add
(
material
,
'
side
'
,
constants
.
side
).
onChange
(
needsUpdate
(
material
,
geometry
)
);
}
function
guiMeshBasicMaterial
(
gui
,
mesh
,
material
,
geometry
)
{
var
data
=
{
color
:
material
.
color
.
getHex
(),
envMaps
:
envMapKeys
,
...
...
@@ -328,7 +328,7 @@ function guiMeshBasicMaterial ( gui, mesh, material, geometry ) {
specularMap
:
textureMapKeys
,
alphaMap
:
textureMapKeys
};
var
folder
=
gui
.
addFolder
(
'
THREE.MeshBasicMaterial
'
);
folder
.
addColor
(
data
,
'
color
'
).
onChange
(
handleColorChange
(
material
.
color
)
);
...
...
@@ -337,7 +337,7 @@ function guiMeshBasicMaterial ( gui, mesh, material, geometry ) {
folder
.
add
(
material
,
'
shading
'
,
constants
.
shading
);
folder
.
add
(
material
,
'
vertexColors
'
,
constants
.
colors
).
onChange
(
needsUpdate
(
material
,
geometry
)
);
folder
.
add
(
material
,
'
fog
'
);
folder
.
add
(
data
,
'
envMaps
'
,
envMapKeys
).
onChange
(
updateTexture
(
material
,
'
envMap
'
,
envMaps
)
);
folder
.
add
(
data
,
'
map
'
,
textureMapKeys
).
onChange
(
updateTexture
(
material
,
'
map
'
,
textureMaps
)
);
folder
.
add
(
data
,
'
lightMap
'
,
textureMapKeys
).
onChange
(
updateTexture
(
material
,
'
lightMap
'
,
textureMaps
)
);
...
...
@@ -348,36 +348,36 @@ function guiMeshBasicMaterial ( gui, mesh, material, geometry ) {
folder
.
add
(
material
,
'
reflectivity
'
,
0
,
1
);
folder
.
add
(
material
,
'
refractionRatio
'
,
0
,
1
);
//folder.add( material, 'skinning' );
}
function
guiMeshDepthMaterial
(
gui
,
mesh
,
material
,
geometry
)
{
var
folder
=
gui
.
addFolder
(
'
THREE.MeshDepthMaterial
'
);
folder
.
add
(
material
,
'
wireframe
'
);
folder
.
add
(
material
,
'
wireframeLinewidth
'
,
0
,
10
);
folder
.
add
(
material
,
'
morphTargets
'
).
onChange
(
updateMorphs
(
mesh
,
material
)
);
}
function
guiMeshNormalMaterial
(
gui
,
mesh
,
material
,
geometry
)
{
var
folder
=
gui
.
addFolder
(
'
THREE.MeshNormalMaterial
'
);
folder
.
add
(
material
,
'
shading
'
,
constants
.
shading
).
onChange
(
needsUpdate
(
material
,
geometry
)
);
folder
.
add
(
material
,
'
wireframe
'
);
folder
.
add
(
material
,
'
wireframeLinewidth
'
,
0
,
10
);
folder
.
add
(
material
,
'
morphTargets
'
).
onChange
(
updateMorphs
(
mesh
,
material
)
);
}
function
guiLineBasicMaterial
(
gui
,
mesh
,
material
,
geometry
)
{
var
data
=
{
color
:
material
.
color
.
getHex
()
};
var
folder
=
gui
.
addFolder
(
'
THREE.LineBasicMaterial
'
);
folder
.
addColor
(
data
,
'
color
'
).
onChange
(
handleColorChange
(
material
.
color
)
);
...
...
@@ -386,11 +386,11 @@ function guiLineBasicMaterial ( gui, mesh, material, geometry ) {
folder
.
add
(
material
,
'
linejoin
'
,
[
"
round
"
,
"
bevel
"
,
"
miter
"
]
);
folder
.
add
(
material
,
'
vertexColors
'
,
constants
.
colors
).
onChange
(
needsUpdate
(
material
,
geometry
)
);
folder
.
add
(
material
,
'
fog
'
);
}
function
guiMeshLambertMaterial
(
gui
,
mesh
,
material
,
geometry
)
{
var
data
=
{
color
:
material
.
color
.
getHex
(),
ambient
:
material
.
ambient
.
getHex
(),
...
...
@@ -401,15 +401,15 @@ function guiMeshLambertMaterial ( gui, mesh, material, geometry ) {
specularMap
:
textureMapKeys
,
alphaMap
:
textureMapKeys
};
var
envObj
=
{};
var
folder
=
gui
.
addFolder
(
'
THREE.MeshLambertMaterial
'
);
folder
.
addColor
(
data
,
'
color
'
).
onChange
(
handleColorChange
(
material
.
color
)
);
folder
.
addColor
(
data
,
'
ambient
'
).
onChange
(
handleColorChange
(
material
.
ambient
)
);
folder
.
addColor
(
data
,
'
emissive
'
).
onChange
(
handleColorChange
(
material
.
emissive
)
);
folder
.
add
(
material
,
'
shading
'
,
constants
.
shading
).
onChange
(
needsUpdate
(
material
,
geometry
)
);
folder
.
add
(
material
,
'
wireframe
'
);
folder
.
add
(
material
,
'
wireframeLinewidth
'
,
0
,
10
);
...
...
@@ -426,11 +426,11 @@ function guiMeshLambertMaterial ( gui, mesh, material, geometry ) {
folder
.
add
(
material
,
'
reflectivity
'
,
0
,
1
);
folder
.
add
(
material
,
'
refractionRatio
'
,
0
,
1
);
//folder.add( material, 'skinning' );
}
function
guiMeshPhongMaterial
(
gui
,
mesh
,
material
,
geometry
)
{
var
data
=
{
color
:
material
.
color
.
getHex
(),
ambient
:
material
.
ambient
.
getHex
(),
...
...
@@ -442,7 +442,7 @@ function guiMeshPhongMaterial ( gui, mesh, material, geometry ) {
specularMap
:
textureMapKeys
,
alphaMap
:
textureMapKeys
};
var
folder
=
gui
.
addFolder
(
'
THREE.MeshPhongMaterial
'
);
folder
.
addColor
(
data
,
'
color
'
).
onChange
(
handleColorChange
(
material
.
color
)
);
...
...
@@ -461,16 +461,16 @@ function guiMeshPhongMaterial ( gui, mesh, material, geometry ) {
folder
.
add
(
data
,
'
lightMap
'
,
textureMapKeys
).
onChange
(
updateTexture
(
material
,
'
lightMap
'
,
textureMaps
)
);
folder
.
add
(
data
,
'
specularMap
'
,
textureMapKeys
).
onChange
(
updateTexture
(
material
,
'
specularMap
'
,
textureMaps
)
);
folder
.
add
(
data
,
'
alphaMap
'
,
textureMapKeys
).
onChange
(
updateTexture
(
material
,
'
alphaMap
'
,
textureMaps
)
);
}
function
chooseFromHash
(
gui
,
mesh
,
geometry
)
{
var
selectedMaterial
=
window
.
location
.
hash
.
substring
(
1
)
||
"
MeshBasicMaterial
"
;
var
material
;
switch
(
selectedMaterial
)
{
case
"
MeshBasicMaterial
"
:
material
=
new
THREE
.
MeshBasicMaterial
({
color
:
0x2194CE
});
...
...
@@ -480,7 +480,7 @@ function chooseFromHash ( gui, mesh, geometry ) {
return
material
;
break
;
case
"
MeshLambertMaterial
"
:
material
=
new
THREE
.
MeshLambertMaterial
({
color
:
0x2194CE
});
...
...
@@ -490,7 +490,7 @@ function chooseFromHash ( gui, mesh, geometry ) {
return
material
;
break
;
case
"
MeshPhongMaterial
"
:
material
=
new
THREE
.
MeshPhongMaterial
({
color
:
0x2194CE
});
...
...
@@ -500,27 +500,27 @@ function chooseFromHash ( gui, mesh, geometry ) {
return
material
;
break
;
case
"
MeshDepthMaterial
"
:
material
=
new
THREE
.
MeshDepthMaterial
({
color
:
0x2194CE
});
guiMaterial
(
gui
,
mesh
,
material
,
geometry
);
guiMeshDepthMaterial
(
gui
,
mesh
,
material
,
geometry
);
return
material
;
break
;
case
"
MeshNormalMaterial
"
:
material
=
new
THREE
.
MeshNormalMaterial
();
guiMaterial
(
gui
,
mesh
,
material
,
geometry
);
guiMeshNormalMaterial
(
gui
,
mesh
,
material
,
geometry
);
return
material
;
break
;
case
"
LineBasicMaterial
"
:
material
=
new
THREE
.
LineBasicMaterial
({
color
:
0x2194CE
});
...
...
@@ -531,5 +531,5 @@ function chooseFromHash ( gui, mesh, geometry ) {
break
;
}
}
examples/canvas_lines_colors_2d.html
浏览文件 @
188b9b70
...
...
@@ -80,8 +80,7 @@
scene
=
new
THREE
.
Scene
();
renderer
=
new
THREE
.
CanvasRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
0x000000
,
1
);
renderer
=
new
THREE
.
CanvasRenderer
();
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/canvas_lines_dashed.html
浏览文件 @
188b9b70
...
...
@@ -99,7 +99,7 @@
scene
.
add
(
object
);
renderer
=
new
THREE
.
CanvasRenderer
();
renderer
.
setClearColor
(
0x111111
,
1
);
renderer
.
setClearColor
(
0x111111
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
WIDTH
,
HEIGHT
);
...
...
examples/js/crossfade/scenes.js
浏览文件 @
188b9b70
function
generateGeometry
(
objectType
,
numObjects
)
{
var
geometry
=
new
THREE
.
Geometry
();
function
applyVertexColors
(
g
,
c
)
{
g
.
faces
.
forEach
(
function
(
f
)
{
...
...
@@ -19,7 +19,7 @@ function generateGeometry(objectType, numObjects) {
}
for
(
var
i
=
0
;
i
<
numObjects
;
i
++
)
{
var
position
=
new
THREE
.
Vector3
();
position
.
x
=
Math
.
random
()
*
10000
-
5000
;
...
...
@@ -51,7 +51,7 @@ function generateGeometry(objectType, numObjects) {
scale
.
y
=
scale
.
z
=
scale
.
x
;
color
.
setRGB
(
Math
.
random
()
+
0.1
,
0
,
0
);
}
// give the geom's vertices a random color, to be displayed
applyVertexColors
(
geom
,
color
);
...
...
@@ -70,12 +70,12 @@ function generateGeometry(objectType, numObjects) {
}
function
Scene
(
type
,
numObjects
,
cameraZ
,
fov
,
rotationSpeed
,
clearColor
)
{
this
.
clearColor
=
clearColor
;
this
.
camera
=
new
THREE
.
PerspectiveCamera
(
fov
,
window
.
innerWidth
/
window
.
innerHeight
,
1
,
10000
);
this
.
camera
.
position
.
z
=
cameraZ
;
// Setup scene
this
.
scene
=
new
THREE
.
Scene
();
this
.
scene
.
add
(
new
THREE
.
AmbientLight
(
0x555555
)
);
...
...
@@ -91,19 +91,19 @@ function Scene ( type, numObjects, cameraZ, fov, rotationSpeed, clearColor ) {
renderTargetParameters
=
{
minFilter
:
THREE
.
LinearFilter
,
magFilter
:
THREE
.
LinearFilter
,
format
:
THREE
.
RGBFormat
,
stencilBuffer
:
false
};
this
.
fbo
=
new
THREE
.
WebGLRenderTarget
(
window
.
innerWidth
,
window
.
innerHeight
,
renderTargetParameters
);
this
.
render
=
function
(
delta
,
rtt
)
{
this
.
mesh
.
rotation
.
x
+=
delta
*
this
.
rotationSpeed
.
x
;
this
.
mesh
.
rotation
.
y
+=
delta
*
this
.
rotationSpeed
.
y
;
this
.
mesh
.
rotation
.
z
+=
delta
*
this
.
rotationSpeed
.
z
;
renderer
.
setClearColor
(
this
.
clearColor
,
1
);
renderer
.
setClearColor
(
this
.
clearColor
);
if
(
rtt
)
renderer
.
render
(
this
.
scene
,
this
.
camera
,
this
.
fbo
,
true
);
else
renderer
.
render
(
this
.
scene
,
this
.
camera
);
};
}
examples/misc_animation_keys.html
浏览文件 @
188b9b70
...
...
@@ -59,7 +59,7 @@
camera
.
lookAt
(
new
THREE
.
Vector3
(
0
,
0
,
0
));
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0x555555
,
1
);
renderer
.
setClearColor
(
0x555555
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/misc_controls_orbit.html
浏览文件 @
188b9b70
...
...
@@ -109,7 +109,7 @@
// renderer
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/misc_controls_trackball.html
浏览文件 @
188b9b70
...
...
@@ -117,7 +117,7 @@
// renderer
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_animation_skinning_blending.html
浏览文件 @
188b9b70
...
...
@@ -68,7 +68,7 @@
scene
.
add
(
light
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
,
alpha
:
false
}
);
renderer
.
setClearColor
(
'
#777777
'
,
1
);
renderer
.
setClearColor
(
0x777777
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
autoClear
=
true
;
...
...
@@ -263,4 +263,3 @@
</body>
</html>
examples/webgl_animation_skinning_morph.html
浏览文件 @
188b9b70
...
...
@@ -134,12 +134,11 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
domElement
.
style
.
position
=
"
relative
"
;
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
container
.
appendChild
(
renderer
.
domElement
);
renderer
.
gammaInput
=
true
;
...
...
examples/webgl_buffergeometry.html
浏览文件 @
188b9b70
...
...
@@ -227,7 +227,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_buffergeometry_particles.html
浏览文件 @
188b9b70
...
...
@@ -117,7 +117,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_buffergeometry_uint.html
浏览文件 @
188b9b70
...
...
@@ -208,7 +208,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_custom_attributes.html
浏览文件 @
188b9b70
...
...
@@ -150,7 +150,7 @@
scene
.
add
(
sphere
);
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0x050505
,
1
);
renderer
.
setClearColor
(
0x050505
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
WIDTH
,
HEIGHT
);
...
...
examples/webgl_custom_attributes_lines.html
浏览文件 @
188b9b70
...
...
@@ -186,7 +186,7 @@
scene
.
add
(
object
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0x050505
,
1
);
renderer
.
setClearColor
(
0x050505
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
WIDTH
,
HEIGHT
);
...
...
examples/webgl_effects_oculusrift.html
浏览文件 @
188b9b70
...
...
@@ -194,7 +194,7 @@
scene
.
add
(
directionalLight
);
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0xbfd1e5
,
1
);
renderer
.
setClearColor
(
0xbfd1e5
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_geometry_colors_lookuptable.html
浏览文件 @
188b9b70
...
...
@@ -105,7 +105,7 @@
scene
.
add
(
directionalLight
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0xffffff
,
1
);
renderer
.
setClearColor
(
0xffffff
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_geometry_dynamic.html
浏览文件 @
188b9b70
...
...
@@ -112,7 +112,7 @@
scene
.
add
(
mesh
);
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0xaaccff
,
1
);
renderer
.
setClearColor
(
0xaaccff
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_geometry_minecraft.html
浏览文件 @
188b9b70
...
...
@@ -193,7 +193,7 @@
scene
.
add
(
directionalLight
);
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0xbfd1e5
,
1
);
renderer
.
setClearColor
(
0xbfd1e5
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_geometry_shapes.html
浏览文件 @
188b9b70
...
...
@@ -331,7 +331,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0xf0f0f0
,
1
);
renderer
.
setClearColor
(
0xf0f0f0
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_geometry_text.html
浏览文件 @
188b9b70
...
...
@@ -223,7 +223,7 @@
}
material
=
new
THREE
.
MeshFaceMaterial
(
[
material
=
new
THREE
.
MeshFaceMaterial
(
[
new
THREE
.
MeshPhongMaterial
(
{
color
:
0xffffff
,
shading
:
THREE
.
FlatShading
}
),
// front
new
THREE
.
MeshPhongMaterial
(
{
color
:
0xffffff
,
shading
:
THREE
.
SmoothShading
}
)
// side
]
);
...
...
@@ -246,7 +246,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_geometry_text2.html
浏览文件 @
188b9b70
...
...
@@ -84,7 +84,7 @@
};
}
)();
</script>
<script>
...
...
@@ -238,7 +238,7 @@
}
material
=
new
THREE
.
MeshFaceMaterial
(
[
material
=
new
THREE
.
MeshFaceMaterial
(
[
new
THREE
.
MeshPhongMaterial
(
{
color
:
0xffffff
,
shading
:
THREE
.
FlatShading
}
),
// front
new
THREE
.
MeshPhongMaterial
(
{
color
:
0xffffff
,
shading
:
THREE
.
SmoothShading
}
)
// side
]
);
...
...
@@ -261,7 +261,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_gpgpu_birds.html
浏览文件 @
188b9b70
...
...
@@ -504,7 +504,7 @@
scene
.
fog
=
new
THREE
.
Fog
(
0xffffff
,
100
,
1000
);
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_interactive_buffergeometry.html
浏览文件 @
188b9b70
...
...
@@ -213,7 +213,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
@@ -286,7 +286,7 @@
linePosition
.
copyAt
(
3
,
meshPosition
,
face
.
a
);
mesh
.
updateMatrix
();
line
.
geometry
.
applyMatrix
(
mesh
.
matrix
);
line
.
visible
=
true
;
...
...
examples/webgl_interactive_cubes_gpu.html
浏览文件 @
188b9b70
...
...
@@ -164,7 +164,7 @@
scene
.
add
(
highlightBox
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0xffffff
,
1
);
renderer
.
setClearColor
(
0xffffff
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
sortObjects
=
false
;
...
...
examples/webgl_lensflares.html
浏览文件 @
188b9b70
...
...
@@ -170,7 +170,7 @@
// renderer
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
,
alpha
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_lights_hemisphere.html
浏览文件 @
188b9b70
...
...
@@ -225,7 +225,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_lights_pointlights2.html
浏览文件 @
188b9b70
...
...
@@ -203,7 +203,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_lines_dashed.html
浏览文件 @
188b9b70
...
...
@@ -96,7 +96,7 @@
scene
.
add
(
object
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0x111111
,
1
);
renderer
.
setClearColor
(
0x111111
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
WIDTH
,
HEIGHT
);
...
...
examples/webgl_loader_ctm.html
浏览文件 @
188b9b70
...
...
@@ -114,7 +114,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
domElement
.
style
.
position
=
"
relative
"
;
...
...
@@ -182,7 +182,7 @@
geometry
.
computeTangents
();
var
material
=
new
THREE
.
MeshPhongMaterial
(
{
specular
:
0x303030
,
shininess
:
50
,
map
:
THREE
.
ImageUtils
.
loadTexture
(
"
obj/leeperrysmith/Map-COL.jpg
"
),
...
...
@@ -191,7 +191,7 @@
normalScale
:
new
THREE
.
Vector2
(
0.8
,
0.8
),
wrapRGB
:
new
THREE
.
Vector3
(
0.75
,
0.5
,
0.5
),
wrapAround
:
true
}
);
callbackModel
(
geometry
,
1300
,
material
,
200
,
50
,
0
,
0
,
0
);
...
...
examples/webgl_loader_ply.html
浏览文件 @
188b9b70
...
...
@@ -118,7 +118,7 @@
// renderer
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_loader_stl.html
浏览文件 @
188b9b70
...
...
@@ -173,7 +173,7 @@
// renderer
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
...
...
examples/webgl_loader_utf8.html
浏览文件 @
188b9b70
...
...
@@ -115,7 +115,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
domElement
.
style
.
position
=
"
relative
"
;
...
...
examples/webgl_marchingcubes.html
浏览文件 @
188b9b70
...
...
@@ -158,7 +158,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0x050505
,
1
);
renderer
.
setClearColor
(
0x050505
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
...
...
examples/webgl_materials2.html
浏览文件 @
188b9b70
...
...
@@ -117,7 +117,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0x0a0a0a
,
1
);
renderer
.
setClearColor
(
0x0a0a0a
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
sortObjects
=
true
;
...
...
examples/webgl_materials_bumpmap.html
浏览文件 @
188b9b70
...
...
@@ -177,7 +177,7 @@
loader
.
load
(
"
obj/leeperrysmith/LeePerrySmith.js
"
,
function
(
geometry
)
{
createScene
(
geometry
,
100
,
material
)
}
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
0x060708
,
1
);
renderer
.
setClearColor
(
0x060708
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_materials_bumpmap_skin.html
浏览文件 @
188b9b70
...
...
@@ -180,15 +180,11 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
0x
060708
,
1
);
renderer
.
setClearColor
(
0x
444a54
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
var
color
=
new
THREE
.
Color
();
color
.
setHSL
(
0.6
,
0.1
,
0.3
);
renderer
.
setClearColor
(
color
,
1
);
renderer
.
shadowMapEnabled
=
true
;
renderer
.
shadowMapCullFace
=
THREE
.
CullFaceBack
;
...
...
examples/webgl_materials_cubemap_dynamic.html
浏览文件 @
188b9b70
...
...
@@ -187,7 +187,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
@@ -887,7 +887,7 @@
v
=
THREE
.
Math
.
clamp
(
v
+
0.5
*
delta
*
vdir
,
0.1
,
0.9
);
scene
.
fog
.
color
.
setHSL
(
0.51
,
0.5
,
v
*
0.75
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
var
vnorm
=
(
v
-
0.05
)
/
(
0.9
-
0.05
);
...
...
examples/webgl_materials_lightmap.html
浏览文件 @
188b9b70
...
...
@@ -139,7 +139,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
domElement
.
style
.
position
=
"
relative
"
;
...
...
examples/webgl_materials_normalmap.html
浏览文件 @
188b9b70
...
...
@@ -137,7 +137,7 @@
loader
.
load
(
"
obj/leeperrysmith/LeePerrySmith.js
"
,
function
(
geometry
)
{
createScene
(
geometry
,
100
,
material
)
}
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
0x111111
,
1
);
renderer
.
setClearColor
(
0x111111
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_materials_skin.html
浏览文件 @
188b9b70
...
...
@@ -157,7 +157,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
0x050505
,
1
);
renderer
.
setClearColor
(
0x050505
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
autoClear
=
false
;
...
...
examples/webgl_materials_texture_anisotropy.html
浏览文件 @
188b9b70
...
...
@@ -154,7 +154,7 @@
// RENDERER
renderer
.
setClearColor
(
scene1
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene1
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
autoClear
=
false
;
...
...
examples/webgl_materials_texture_filters.html
浏览文件 @
188b9b70
...
...
@@ -195,7 +195,7 @@
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
autoClear
=
false
;
...
...
examples/webgl_materials_texture_manualmipmap.html
浏览文件 @
188b9b70
...
...
@@ -209,7 +209,7 @@
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene1
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene1
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
autoClear
=
false
;
...
...
examples/webgl_materials_texture_tga.html
浏览文件 @
188b9b70
...
...
@@ -19,7 +19,7 @@
padding
:
0px
;
overflow
:
hidden
;
}
#stats
{
position
:
absolute
;
top
:
0
;
left
:
0
}
#stats
#fps
{
background
:
transparent
!important
}
#stats
#fps
#fpsText
{
color
:
#777
!important
}
...
...
@@ -35,9 +35,9 @@
<script
src=
"js/Detector.js"
></script>
<script
src=
"js/libs/stats.min.js"
></script>
<script>
if
(
!
Detector
.
webgl
)
Detector
.
addGetWebGLMessage
();
var
SCREEN_WIDTH
=
window
.
innerWidth
;
...
...
@@ -51,52 +51,52 @@
var
windowHalfX
=
window
.
innerWidth
/
2
;
var
windowHalfY
=
window
.
innerHeight
/
2
;
init
();
animate
();
function
init
()
{
container
=
document
.
createElement
(
'
div
'
);
document
.
body
.
appendChild
(
container
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
camera
=
new
THREE
.
PerspectiveCamera
(
35
,
SCREEN_WIDTH
/
SCREEN_HEIGHT
,
1
,
25000
);
camera
.
position
.
z
=
200
;
scene
=
new
THREE
.
Scene
();
var
light
=
new
THREE
.
DirectionalLight
(
0xffffff
,
2
);
light
.
position
.
set
(
1
,
1
,
1
);
scene
.
add
(
light
);
var
loader
=
new
THREE
.
TGALoader
();
// add box 1 - grey8 texture
var
texture1
=
loader
.
load
(
'
textures/crate_grey8.tga
'
);
var
material1
=
new
THREE
.
MeshPhongMaterial
(
{
color
:
0xffffff
,
map
:
texture1
}
);
var
geometry
=
new
THREE
.
BoxGeometry
(
50
,
50
,
50
);
var
mesh1
=
new
THREE
.
Mesh
(
geometry
,
material1
);
mesh1
.
rotation
.
x
=
-
Math
.
PI
/
2
;
mesh1
.
position
.
x
=
-
50
;
scene
.
add
(
mesh1
);
// add box 2 - tga texture
var
texture2
=
loader
.
load
(
'
textures/crate_color8.tga
'
);
var
material2
=
new
THREE
.
MeshPhongMaterial
(
{
color
:
0xffffff
,
map
:
texture2
}
);
var
mesh2
=
new
THREE
.
Mesh
(
geometry
,
material2
);
mesh2
.
rotation
.
x
=
-
Math
.
PI
/
2
;
mesh2
.
position
.
x
=
50
;
scene
.
add
(
mesh2
);
// RENDERER
renderer
.
setClearColor
(
0xf2f7ff
,
1
);
renderer
.
setClearColor
(
0xf2f7ff
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
autoClear
=
false
;
...
...
@@ -111,7 +111,7 @@
document
.
addEventListener
(
'
mousemove
'
,
onDocumentMouseMove
,
false
);
}
function
onDocumentMouseMove
(
event
)
{
mouseX
=
(
event
.
clientX
-
windowHalfX
);
...
...
@@ -142,9 +142,9 @@
renderer
.
setScissor
(
0
,
0
,
SCREEN_WIDTH
-
2
,
SCREEN_HEIGHT
);
renderer
.
render
(
scene
,
camera
);
}
</script>
</body>
</html>
examples/webgl_modifier_tessellation.html
浏览文件 @
188b9b70
...
...
@@ -229,7 +229,7 @@
scene
.
add
(
mesh
);
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0x050505
,
1
);
renderer
.
setClearColor
(
0x050505
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
WIDTH
,
HEIGHT
);
...
...
examples/webgl_morphtargets.html
浏览文件 @
188b9b70
...
...
@@ -141,7 +141,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0x222222
,
1
);
renderer
.
setClearColor
(
0x222222
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
sortObjects
=
false
;
...
...
examples/webgl_morphtargets_md2.html
浏览文件 @
188b9b70
...
...
@@ -137,7 +137,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_morphtargets_md2_control.html
浏览文件 @
188b9b70
...
...
@@ -138,7 +138,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_particles_dynamic.html
浏览文件 @
188b9b70
...
...
@@ -5,40 +5,39 @@
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
>
<style>
body
{
color
:
#fff
;
font-family
:
Monospace
;
font-size
:
13px
;
text-align
:
center
;
font-weight
:
bold
;
background-color
:
#000
;
margin
:
0px
;
overflow
:
hidden
;
}
#info
{
color
:
#fff
;
position
:
absolute
;
top
:
0px
;
width
:
100%
;
padding
:
5px
;
}
body
{
color
:
#fff
;
font-family
:
Monospace
;
font-size
:
13px
;
text-align
:
center
;
font-weight
:
bold
;
background-color
:
#000
;
margin
:
0px
;
overflow
:
hidden
;
}
a
{
color
:
red
;
}
#info
{
color
:
#fff
;
position
:
absolute
;
top
:
0px
;
width
:
100%
;
padding
:
5px
;
}
a
{
color
:
red
;
}
</style>
</head>
<body>
<div
id=
"container"
></div>
<div
id=
"info"
>
<a
href=
"http://threejs.org"
target=
"_blank"
>
three.js
</a>
- webgl dynamic particles + postprocessing
- models by
<a
href=
"http://sketchup.google.com/3dwarehouse/details?mid=2c6fd128fca34052adc5f5b98d513da1"
target=
"_blank"
>
Reallusion
</a>
<a
href=
"http://sketchup.google.com/3dwarehouse/details?mid=f526cc4abf7cb68d76cab47c765b7255"
target=
"_blank"
>
iClone
</a>
,
<a
href=
"http://artist-3d.com/free_3d_models/dnm/model_disp.php?uid=1129"
target=
"_blank"
>
Troyano
</a>
</div>
<a
href=
"http://threejs.org"
target=
"_blank"
>
three.js
</a>
- webgl dynamic particles + postprocessing
- models by
<a
href=
"http://sketchup.google.com/3dwarehouse/details?mid=2c6fd128fca34052adc5f5b98d513da1"
target=
"_blank"
>
Reallusion
</a>
<a
href=
"http://sketchup.google.com/3dwarehouse/details?mid=f526cc4abf7cb68d76cab47c765b7255"
target=
"_blank"
>
iClone
</a>
,
<a
href=
"http://artist-3d.com/free_3d_models/dnm/model_disp.php?uid=1129"
target=
"_blank"
>
Troyano
</a>
</div>
<script
src=
"../build/three.min.js"
></script>
...
...
@@ -138,14 +137,13 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
autoClear
=
false
;
renderer
.
sortObjects
=
false
;
container
.
appendChild
(
renderer
.
domElement
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
//
parent
=
new
THREE
.
Object3D
();
...
...
examples/webgl_performance.html
浏览文件 @
188b9b70
...
...
@@ -77,7 +77,7 @@
}
);
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0xffffff
,
1
);
renderer
.
setClearColor
(
0xffffff
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_performance_doublesided.html
浏览文件 @
188b9b70
...
...
@@ -107,7 +107,7 @@
}
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0x050505
,
1
);
renderer
.
setClearColor
(
0x050505
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
...
...
examples/webgl_postprocessing_advanced.html
浏览文件 @
188b9b70
...
...
@@ -139,7 +139,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
0x000000
,
1
);
renderer
.
setClearColor
(
0x000000
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
width
,
height
);
renderer
.
autoClear
=
false
;
...
...
@@ -333,7 +333,7 @@
geometry
.
computeTangents
();
var
mat2
=
new
THREE
.
MeshLambertMaterial
(
{
color
:
0x999999
,
ambient
:
0x444444
,
specular
:
0x080808
,
...
...
@@ -341,7 +341,7 @@
map
:
THREE
.
ImageUtils
.
loadTexture
(
"
obj/leeperrysmith/Map-COL.jpg
"
),
normalMap
:
THREE
.
ImageUtils
.
loadTexture
(
"
obj/leeperrysmith/Infinite-Level_02_Tangent_SmoothUV.jpg
"
),
normalScale
:
new
THREE
.
Vector2
(
0.75
,
0.75
)
}
);
mesh
=
new
THREE
.
Mesh
(
geometry
,
mat2
);
...
...
examples/webgl_postprocessing_godrays.html
浏览文件 @
188b9b70
...
...
@@ -124,7 +124,7 @@
//
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
false
}
);
renderer
.
setClearColor
(
bgColor
,
1
);
renderer
.
setClearColor
(
bgColor
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_shading_physical.html
浏览文件 @
188b9b70
...
...
@@ -324,7 +324,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
...
...
@@ -496,7 +496,7 @@
if
(
morph
)
morph
.
updateAnimation
(
delta
);
scene
.
fog
.
color
.
setHSL
(
0.63
,
0.05
,
parameters
.
control
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
sunLight
.
intensity
=
parameters
.
control
*
0.7
+
0.3
;
pointLight
.
intensity
=
-
parameters
.
control
*
0.5
+
1
;
...
...
@@ -526,4 +526,3 @@
</body>
</html>
examples/webgl_shadowmap.html
浏览文件 @
188b9b70
...
...
@@ -133,11 +133,11 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
container
.
appendChild
(
renderer
.
domElement
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
autoClear
=
false
;
//
...
...
examples/webgl_shadowmap_performance.html
浏览文件 @
188b9b70
...
...
@@ -129,7 +129,7 @@
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
container
.
appendChild
(
renderer
.
domElement
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
autoClear
=
false
;
//
...
...
examples/webgl_terrain_dynamic.html
浏览文件 @
188b9b70
...
...
@@ -430,7 +430,7 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
@@ -659,7 +659,7 @@
scene
.
fog
.
color
.
setHSL
(
0.1
,
0.5
,
lightVal
);
renderer
.
setClearColor
(
scene
.
fog
.
color
,
1
);
renderer
.
setClearColor
(
scene
.
fog
.
color
);
directionalLight
.
intensity
=
THREE
.
Math
.
mapLinear
(
valNorm
,
0
,
1
,
0.1
,
1.15
);
pointLight
.
intensity
=
THREE
.
Math
.
mapLinear
(
valNorm
,
0
,
1
,
0.9
,
1.5
);
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录