Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Ablesons
three.js
提交
d42f701b
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,发现更多精彩内容 >>
提交
d42f701b
编写于
11月 16, 2016
作者:
T
Tristan Valcke
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Add missing semicolon, and fix indentation error in webgl_postprocessing_outline
上级
6030b906
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
64 addition
and
64 deletion
+64
-64
examples/webgl_postprocessing_outline.html
examples/webgl_postprocessing_outline.html
+64
-64
未找到文件。
examples/webgl_postprocessing_outline.html
浏览文件 @
d42f701b
...
...
@@ -79,71 +79,71 @@
pulsePeriod
:
0
,
rotate
:
false
,
usePatternTexture
:
false
}
}
;
// Init gui
var
gui
=
new
dat
.
GUI
();
gui
.
add
(
params
,
"
edgeStrength
"
,
0.01
,
10
).
onChange
(
function
(
value
)
{
outlinePass
.
edgeStrength
=
Number
(
value
);
});
gui
.
add
(
params
,
"
edgeGlow
"
,
0.0
,
1
).
onChange
(
function
(
value
)
{
outlinePass
.
edgeGlow
=
Number
(
value
);
})
gui
.
add
(
params
,
"
edgeThickness
"
,
1
,
4
).
onChange
(
function
(
value
)
{
outlinePass
.
edgeThickness
=
Number
(
value
);
})
gui
.
add
(
params
,
"
pulsePeriod
"
,
0.0
,
5
).
onChange
(
function
(
value
)
{
outlinePass
.
pulsePeriod
=
Number
(
value
);
})
gui
.
add
(
params
,
"
rotate
"
)
gui
.
add
(
params
,
"
usePatternTexture
"
).
onChange
(
function
(
value
)
{
gui
.
add
(
params
,
"
edgeStrength
"
,
0.01
,
10
).
onChange
(
function
(
value
)
{
outlinePass
.
edgeStrength
=
Number
(
value
);
});
gui
.
add
(
params
,
"
edgeGlow
"
,
0.0
,
1
).
onChange
(
function
(
value
)
{
outlinePass
.
edgeGlow
=
Number
(
value
);
});
gui
.
add
(
params
,
"
edgeThickness
"
,
1
,
4
).
onChange
(
function
(
value
)
{
outlinePass
.
edgeThickness
=
Number
(
value
);
});
gui
.
add
(
params
,
"
pulsePeriod
"
,
0.0
,
5
).
onChange
(
function
(
value
)
{
outlinePass
.
pulsePeriod
=
Number
(
value
);
});
gui
.
add
(
params
,
"
rotate
"
);
gui
.
add
(
params
,
"
usePatternTexture
"
).
onChange
(
function
(
value
)
{
outlinePass
.
usePatternTexture
=
value
;
})
var
Configuration
=
function
()
{
this
.
visibleEdgeColor
=
"
#ffffff
"
;
this
.
hiddenEdgeColor
=
"
#190a05
"
;
};
var
conf
=
new
Configuration
();
var
controladorVisible
=
gui
.
addColor
(
conf
,
'
visibleEdgeColor
'
);
var
controladorHidden
=
gui
.
addColor
(
conf
,
'
hiddenEdgeColor
'
);
controladorVisible
.
onChange
(
function
(
colorValue
)
{
//the return value by the chooser is like as: #ffff
colorValue
=
colorValue
.
replace
(
'
#
'
,
''
);
function
hexToRgb
(
hex
)
{
var
result
=
/^#
?([
a-f
\d]{2})([
a-f
\d]{2})([
a-f
\d]{2})
$/i
.
exec
(
hex
);
return
result
?
{
r
:
parseInt
(
result
[
1
],
16
),
g
:
parseInt
(
result
[
2
],
16
),
b
:
parseInt
(
result
[
3
],
16
)
}
:
null
;
}
var
rgba
=
hexToRgb
(
colorValue
);
var
color
=
outlinePass
.
visibleEdgeColor
;
color
.
r
=
rgba
.
r
/
255
;
color
.
g
=
rgba
.
g
/
255
;
color
.
b
=
rgba
.
b
/
255
;
});
controladorHidden
.
onChange
(
function
(
colorValue
)
{
//the return value by the chooser is like as: #ffff
colorValue
=
colorValue
.
replace
(
'
#
'
,
''
);
function
hexToRgb
(
hex
)
{
var
result
=
/^#
?([
a-f
\d]{2})([
a-f
\d]{2})([
a-f
\d]{2})
$/i
.
exec
(
hex
);
return
result
?
{
r
:
parseInt
(
result
[
1
],
16
),
g
:
parseInt
(
result
[
2
],
16
),
b
:
parseInt
(
result
[
3
],
16
)
}
:
null
;
}
var
rgba
=
hexToRgb
(
colorValue
);
var
color
=
outlinePass
.
hiddenEdgeColor
;
color
.
r
=
rgba
.
r
/
255
;
color
.
g
=
rgba
.
g
/
255
;
color
.
b
=
rgba
.
b
/
255
;
});
});
var
Configuration
=
function
()
{
this
.
visibleEdgeColor
=
"
#ffffff
"
;
this
.
hiddenEdgeColor
=
"
#190a05
"
;
};
var
conf
=
new
Configuration
();
var
controladorVisible
=
gui
.
addColor
(
conf
,
'
visibleEdgeColor
'
);
var
controladorHidden
=
gui
.
addColor
(
conf
,
'
hiddenEdgeColor
'
);
controladorVisible
.
onChange
(
function
(
colorValue
)
{
//the return value by the chooser is like as: #ffff
colorValue
=
colorValue
.
replace
(
'
#
'
,
''
);
function
hexToRgb
(
hex
)
{
var
result
=
/^#
?([
a-f
\d]{2})([
a-f
\d]{2})([
a-f
\d]{2})
$/i
.
exec
(
hex
);
return
result
?
{
r
:
parseInt
(
result
[
1
],
16
),
g
:
parseInt
(
result
[
2
],
16
),
b
:
parseInt
(
result
[
3
],
16
)
}
:
null
;
}
var
rgba
=
hexToRgb
(
colorValue
);
var
color
=
outlinePass
.
visibleEdgeColor
;
color
.
r
=
rgba
.
r
/
255
;
color
.
g
=
rgba
.
g
/
255
;
color
.
b
=
rgba
.
b
/
255
;
});
controladorHidden
.
onChange
(
function
(
colorValue
)
{
//the return value by the chooser is like as: #ffff
colorValue
=
colorValue
.
replace
(
'
#
'
,
''
);
function
hexToRgb
(
hex
)
{
var
result
=
/^#
?([
a-f
\d]{2})([
a-f
\d]{2})([
a-f
\d]{2})
$/i
.
exec
(
hex
);
return
result
?
{
r
:
parseInt
(
result
[
1
],
16
),
g
:
parseInt
(
result
[
2
],
16
),
b
:
parseInt
(
result
[
3
],
16
)
}
:
null
;
}
var
rgba
=
hexToRgb
(
colorValue
);
var
color
=
outlinePass
.
hiddenEdgeColor
;
color
.
r
=
rgba
.
r
/
255
;
color
.
g
=
rgba
.
g
/
255
;
color
.
b
=
rgba
.
b
/
255
;
});
init
();
animate
();
...
...
@@ -307,8 +307,8 @@
);
effectFXAA
=
new
THREE
.
ShaderPass
(
THREE
.
FXAAShader
);
effectFXAA
.
uniforms
[
'
resolution
'
].
value
.
set
(
1
/
window
.
innerWidth
,
1
/
window
.
innerHeight
);
effectFXAA
.
renderToScreen
=
true
;
effectFXAA
.
uniforms
[
'
resolution
'
].
value
.
set
(
1
/
window
.
innerWidth
,
1
/
window
.
innerHeight
);
effectFXAA
.
renderToScreen
=
true
;
composer
.
addPass
(
effectFXAA
);
window
.
addEventListener
(
'
resize
'
,
onWindowResize
,
false
);
...
...
@@ -387,7 +387,7 @@
camera
.
updateProjectionMatrix
();
renderer
.
setSize
(
width
,
height
);
composer
.
setSize
(
width
,
height
);
composer
.
setSize
(
width
,
height
);
effectFXAA
.
uniforms
[
'
resolution
'
].
value
.
set
(
1
/
window
.
innerWidth
,
1
/
window
.
innerHeight
);
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录