Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
6fd45576
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,发现更多精彩内容 >>
提交
6fd45576
编写于
2月 06, 2016
作者:
M
Mr.doob
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Added ShadowMaterial.
上级
24134473
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
61 addition
and
2 deletion
+61
-2
examples/js/materials/ShadowMaterial.js
examples/js/materials/ShadowMaterial.js
+55
-0
examples/webgl_geometry_spline_editor.html
examples/webgl_geometry_spline_editor.html
+6
-2
未找到文件。
examples/js/materials/ShadowMaterial.js
0 → 100644
浏览文件 @
6fd45576
/**
* @author mrdoob / http://mrdoob.com/
*/
THREE
.
ShadowMaterial
=
function
()
{
THREE
.
ShaderMaterial
.
call
(
this
,
{
uniforms
:
THREE
.
UniformsUtils
.
merge
(
[
THREE
.
UniformsLib
[
"
ambient
"
],
THREE
.
UniformsLib
[
"
lights
"
],
{
opacity
:
{
type
:
'
f
'
,
value
:
1.0
}
}
]
),
vertexShader
:
[
THREE
.
ShaderChunk
[
"
shadowmap_pars_vertex
"
],
"
void main() {
"
,
THREE
.
ShaderChunk
[
"
begin_vertex
"
],
THREE
.
ShaderChunk
[
"
project_vertex
"
],
THREE
.
ShaderChunk
[
"
worldpos_vertex
"
],
THREE
.
ShaderChunk
[
"
shadowmap_vertex
"
],
"
}
"
].
join
(
'
\n
'
),
fragmentShader
:
[
THREE
.
ShaderChunk
[
"
common
"
],
THREE
.
ShaderChunk
[
"
bsdfs
"
],
THREE
.
ShaderChunk
[
"
lights_pars
"
],
THREE
.
ShaderChunk
[
"
shadowmap_pars_fragment
"
],
THREE
.
ShaderChunk
[
"
shadowmask_pars_fragment
"
],
"
uniform float opacity;
"
,
"
void main() {
"
,
"
gl_FragColor = vec4( 0.0, 0.0, 0.0, opacity - getShadowMask() );
"
,
"
}
"
].
join
(
'
\n
'
)
}
);
this
.
lights
=
true
;
this
.
transparent
=
true
;
Object
.
defineProperties
(
this
,
{
opacity
:
{
enumerable
:
true
,
get
:
function
()
{
return
this
.
uniforms
.
opacity
.
value
;
},
set
:
function
(
value
)
{
this
.
uniforms
.
opacity
.
value
=
value
;
}
}
}
);
};
THREE
.
ShadowMaterial
.
prototype
=
Object
.
create
(
THREE
.
ShaderMaterial
.
prototype
);
THREE
.
ShadowMaterial
.
prototype
.
constructor
=
THREE
.
ShadowMaterial
;
examples/webgl_geometry_spline_editor.html
浏览文件 @
6fd45576
...
...
@@ -19,6 +19,7 @@
<script
src=
"js/controls/OrbitControls.js"
></script>
<script
src=
"js/controls/TransformControls.js"
></script>
<script
src=
"js/controls/DragControls.js"
></script>
<script
src=
"js/materials/ShadowMaterial.js"
></script>
<script
src=
"js/libs/stats.min.js"
></script>
...
...
@@ -70,7 +71,7 @@
light
.
position
.
set
(
0
,
1500
,
200
);
light
.
castShadow
=
true
;
light
.
shadowCameraNear
=
200
;
light
.
shadowCameraFar
=
camera
.
far
;
light
.
shadowCameraFar
=
2000
;
light
.
shadowCameraFov
=
70
;
light
.
shadowBias
=
-
0.000222
;
light
.
shadowMapWidth
=
1024
;
...
...
@@ -78,9 +79,12 @@
scene
.
add
(
light
);
spotlight
=
light
;
scene
.
add
(
new
THREE
.
CameraHelper
(
light
.
shadow
.
camera
)
);
var
planeGeometry
=
new
THREE
.
PlaneGeometry
(
2000
,
2000
);
planeGeometry
.
rotateX
(
-
Math
.
PI
/
2
);
var
planeMaterial
=
new
THREE
.
MeshBasicMaterial
(
{
color
:
0xeeeeee
}
);
var
planeMaterial
=
new
THREE
.
ShadowMaterial
();
planeMaterial
.
opacity
=
0.2
;
var
plane
=
new
THREE
.
Mesh
(
planeGeometry
,
planeMaterial
);
plane
.
position
.
y
=
-
200
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录