Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Ablesons
three.js
提交
5a72c20a
T
three.js
项目概览
Ablesons
/
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,发现更多精彩内容 >>
提交
5a72c20a
编写于
12月 13, 2015
作者:
M
Mr.doob
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Examples clean up.
上级
dcc7affe
变更
12
隐藏空白更改
内联
并排
Showing
12 changed file
with
42 addition
and
31 deletion
+42
-31
examples/js/crossfade/transition.js
examples/js/crossfade/transition.js
+27
-27
examples/vr_video.html
examples/vr_video.html
+1
-0
examples/webgl_geometry_spline_editor.html
examples/webgl_geometry_spline_editor.html
+1
-0
examples/webgl_geometry_teapot.html
examples/webgl_geometry_teapot.html
+2
-1
examples/webgl_loader_3mf.html
examples/webgl_loader_3mf.html
+1
-0
examples/webgl_loader_amf.html
examples/webgl_loader_amf.html
+1
-0
examples/webgl_loader_json_claraio.html
examples/webgl_loader_json_claraio.html
+1
-0
examples/webgl_materials_normalmap.html
examples/webgl_materials_normalmap.html
+3
-1
examples/webgl_postprocessing_ssao.html
examples/webgl_postprocessing_ssao.html
+1
-1
examples/webgl_raycast_texture.html
examples/webgl_raycast_texture.html
+1
-0
examples/webgl_shadowmap_viewer.html
examples/webgl_shadowmap_viewer.html
+2
-1
examples/webgl_shadowmesh.html
examples/webgl_shadowmesh.html
+1
-0
未找到文件。
examples/js/crossfade/transition.js
浏览文件 @
5a72c20a
function
Transition
(
sceneA
,
sceneB
)
{
this
.
scene
=
new
THREE
.
Scene
();
this
.
cameraOrtho
=
new
THREE
.
OrthographicCamera
(
window
.
innerWidth
/
-
2
,
window
.
innerWidth
/
2
,
window
.
innerHeight
/
2
,
window
.
innerHeight
/
-
2
,
-
10
,
10
);
this
.
textures
=
[];
for
(
var
i
=
0
;
i
<
6
;
i
++
)
this
.
textures
[
i
]
=
new
THREE
.
ImageUtils
.
loadTexture
(
'
textures/transition/transition
'
+
(
i
+
1
)
+
'
.png
'
);
this
.
quadmaterial
=
new
THREE
.
ShaderMaterial
(
{
uniforms
:
{
...
...
@@ -56,7 +56,7 @@ function Transition ( sceneA, sceneB ) {
"
uniform sampler2D tDiffuse1;
"
,
"
uniform sampler2D tDiffuse2;
"
,
"
uniform sampler2D tMixTexture;
"
,
"
uniform int useTexture;
"
,
"
uniform float threshold;
"
,
...
...
@@ -66,18 +66,18 @@ function Transition ( sceneA, sceneB ) {
"
vec4 texel1 = texture2D( tDiffuse1, vUv );
"
,
"
vec4 texel2 = texture2D( tDiffuse2, vUv );
"
,
"
if (useTexture==1) {
"
,
"
vec4 transitionTexel = texture2D( tMixTexture, vUv );
"
,
"
float r = mixRatio * (1.0 + threshold * 2.0) - threshold;
"
,
"
float mixf=clamp((transitionTexel.r - r)*(1.0/threshold), 0.0, 1.0);
"
,
"
gl_FragColor = mix( texel1, texel2, mixf );
"
,
"
} else {
"
,
"
gl_FragColor = mix( texel2, texel1, mixRatio );
"
,
"
}
"
,
"
}
"
...
...
@@ -86,7 +86,7 @@ function Transition ( sceneA, sceneB ) {
}
);
quadgeometry
=
new
THREE
.
PlaneBufferGeometry
(
window
.
innerWidth
,
window
.
innerHeight
);
this
.
quad
=
new
THREE
.
Mesh
(
quadgeometry
,
this
.
quadmaterial
);
this
.
scene
.
add
(
this
.
quad
);
...
...
@@ -98,33 +98,33 @@ function Transition ( sceneA, sceneB ) {
this
.
quadmaterial
.
uniforms
.
tDiffuse2
.
value
=
sceneB
.
fbo
;
this
.
needChange
=
false
;
this
.
setTextureThreshold
=
function
(
value
)
{
this
.
quadmaterial
.
uniforms
.
threshold
.
value
=
value
;
};
this
.
useTexture
=
function
(
value
)
{
this
.
quadmaterial
.
uniforms
.
useTexture
.
value
=
value
?
1
:
0
;
};
this
.
setTexture
=
function
(
i
)
{
this
.
quadmaterial
.
uniforms
.
tMixTexture
.
value
=
this
.
textures
[
i
];
};
this
.
render
=
function
(
delta
)
{
// Transition animation
if
(
transitionParams
.
animateTransition
)
{
var
t
=
(
1
+
Math
.
sin
(
transitionParams
.
transitionSpeed
*
clock
.
getElapsedTime
()
/
Math
.
PI
)
)
/
2
;
transitionParams
.
transition
=
THREE
.
Math
.
smoothstep
(
t
,
0.3
,
0.7
);
// Change the current alpha texture after each transition
if
(
transitionParams
.
loopTexture
&&
(
transitionParams
.
transition
==
0
||
transitionParams
.
transition
==
1
)
)
{
...
...
@@ -138,24 +138,24 @@ function Transition ( sceneA, sceneB ) {
}
else
this
.
needChange
=
true
;
}
this
.
quadmaterial
.
uniforms
.
mixRatio
.
value
=
transitionParams
.
transition
;
// Prevent render both scenes when it's not necessary
if
(
transitionParams
.
transition
==
0
)
{
this
.
sceneB
.
render
(
delta
,
false
);
}
else
if
(
transitionParams
.
transition
==
1
)
{
this
.
sceneA
.
render
(
delta
,
false
);
}
else
{
// When 0<transition<1 render transition between two scenes
this
.
sceneA
.
render
(
delta
,
true
);
this
.
sceneB
.
render
(
delta
,
true
);
renderer
.
render
(
this
.
scene
,
this
.
cameraOrtho
,
null
,
true
);
...
...
examples/vr_video.html
浏览文件 @
5a72c20a
...
...
@@ -123,6 +123,7 @@
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
0x101010
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_geometry_spline_editor.html
浏览文件 @
5a72c20a
...
...
@@ -101,6 +101,7 @@
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0xf0f0f0
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
shadowMap
.
enabled
=
true
;
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_geometry_teapot.html
浏览文件 @
5a72c20a
...
...
@@ -99,8 +99,9 @@
// RENDERER
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setSize
(
canvasWidth
,
canvasHeight
);
renderer
.
setClearColor
(
0xAAAAAA
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
canvasWidth
,
canvasHeight
);
renderer
.
gammaInput
=
true
;
renderer
.
gammaOutput
=
true
;
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_loader_3mf.html
浏览文件 @
5a72c20a
...
...
@@ -82,6 +82,7 @@
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0x333333
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
document
.
body
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_loader_amf.html
浏览文件 @
5a72c20a
...
...
@@ -81,6 +81,7 @@
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setClearColor
(
0x999999
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
document
.
body
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_loader_json_claraio.html
浏览文件 @
5a72c20a
...
...
@@ -79,6 +79,7 @@
// END Clara.io JSON loader code
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_materials_normalmap.html
浏览文件 @
5a72c20a
...
...
@@ -164,7 +164,9 @@
var
effectColor
=
new
THREE
.
ShaderPass
(
THREE
.
ColorCorrectionShader
);
effectFXAA
=
new
THREE
.
ShaderPass
(
THREE
.
FXAAShader
);
effectFXAA
.
uniforms
[
'
resolution
'
].
value
.
set
(
1
/
window
.
innerWidth
,
1
/
window
.
innerHeight
);
var
canvas
=
renderer
.
context
.
canvas
;
effectFXAA
.
uniforms
[
'
resolution
'
].
value
.
set
(
1
/
canvas
.
width
,
1
/
canvas
.
height
);
effectBleach
.
uniforms
[
'
opacity
'
].
value
=
0.4
;
...
...
examples/webgl_postprocessing_ssao.html
浏览文件 @
5a72c20a
...
...
@@ -39,7 +39,7 @@ Spiral sampling http://web.archive.org/web/20120421191837/http://www.cgafaq.info
</style>
</head>
<body>
<script
src=
"../build/three.js"
></script>
<script
src=
"../build/three.
min.
js"
></script>
<script
src=
"js/shaders/SSAOShader.js"
></script>
<script
src=
"js/shaders/CopyShader.js"
></script>
<script
src=
"js/postprocessing/RenderPass.js"
></script>
...
...
examples/webgl_raycast_texture.html
浏览文件 @
5a72c20a
...
...
@@ -214,6 +214,7 @@
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setClearColor
(
new
THREE
.
Color
(
0xEEEEEE
,
1.0
)
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
width
,
height
);
container
.
appendChild
(
renderer
.
domElement
);
...
...
examples/webgl_shadowmap_viewer.html
浏览文件 @
5a72c20a
...
...
@@ -155,8 +155,9 @@
function
initMisc
()
{
renderer
=
new
THREE
.
WebGLRenderer
();
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
setClearColor
(
0x000000
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
window
.
innerWidth
,
window
.
innerHeight
);
renderer
.
shadowMap
.
enabled
=
true
;
renderer
.
shadowMap
.
type
=
THREE
.
BasicShadowMap
;
...
...
examples/webgl_shadowmesh.html
浏览文件 @
5a72c20a
...
...
@@ -66,6 +66,7 @@
function
init
()
{
renderer
.
setClearColor
(
'
rgb(0,150,255)
'
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
document
.
getElementById
(
"
container
"
).
appendChild
(
renderer
.
domElement
);
window
.
addEventListener
(
'
resize
'
,
onWindowResize
,
false
);
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录