Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
4071a40c
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,发现更多精彩内容 >>
提交
4071a40c
编写于
8月 14, 2017
作者:
F
Fernando Serrano
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Reduce ambient light. Add export button
上级
9861087c
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
35 addition
and
28 deletion
+35
-28
examples/gltf_exporter.html
examples/gltf_exporter.html
+35
-28
未找到文件。
examples/gltf_exporter.html
浏览文件 @
4071a40c
...
...
@@ -11,46 +11,63 @@
margin
:
0px
;
overflow
:
hidden
;
}
#info
{
text-align
:
center
;
position
:
absolute
;
top
:
0px
;
width
:
100%
;
padding
:
5px
;
}
</style>
</head>
<body>
<div
id=
"info"
>
<button
id=
"export"
>
Export scene to .GLTF
</button>
</div>
<script
src=
"../build/three.js"
></script>
<script
src=
"js/Detector.js"
></script>
<script
src=
"js/libs/stats.min.js"
></script>
<script
src=
"js/exporters/GLTFExporter.js"
></script>
<script>
var
link
=
document
.
createElement
(
'
a
'
);
link
.
style
.
display
=
'
none
'
;
document
.
body
.
appendChild
(
link
);
// Firefox workaround, see #6594
document
.
getElementById
(
'
export
'
).
addEventListener
(
'
click
'
,
function
()
{
function
save
(
blob
,
filename
)
{
var
gltfExporter
=
new
THREE
.
GLTFExporter
(
renderer
);
link
.
href
=
URL
.
createObjectURL
(
blob
);
link
.
download
=
filename
||
'
data.json
'
;
link
.
click
();
gltfExporter
.
parse
(
[
scene1
],
function
(
result
)
{
// URL.revokeObjectURL( url ); breaks Firefox...
var
output
=
JSON
.
stringify
(
result
,
null
,
2
);
console
.
log
(
output
);
saveString
(
output
,
'
scene.gltf
'
);
}
}
);
function
saveString
(
text
,
filename
)
{
}
);
save
(
new
Blob
(
[
text
],
{
type
:
'
text/plain
'
}
),
filename
);
var
link
=
document
.
createElement
(
'
a
'
);
link
.
style
.
display
=
'
none
'
;
document
.
body
.
appendChild
(
link
);
// Firefox workaround, see #6594
}
function
save
(
blob
,
filename
)
{
link
.
href
=
URL
.
createObjectURL
(
blob
);
link
.
download
=
filename
||
'
data.json
'
;
link
.
click
();
// URL.revokeObjectURL( url ); breaks Firefox...
}
function
saveString
(
text
,
filename
)
{
save
(
new
Blob
(
[
text
],
{
type
:
'
text/plain
'
}
),
filename
);
}
if
(
!
Detector
.
webgl
)
Detector
.
addGetWebGLMessage
();
var
container
,
stats
;
var
container
;
var
camera
,
scene1
,
renderer
;
...
...
@@ -78,12 +95,12 @@
// ---------------------------------------------------------------------
// Ambient light
// ---------------------------------------------------------------------
scene1
.
add
(
new
THREE
.
AmbientLight
(
0xffffff
)
);
scene1
.
add
(
new
THREE
.
AmbientLight
(
0xffffff
,
0.2
)
);
// ---------------------------------------------------------------------
// DirectLight
// ---------------------------------------------------------------------
var
light
=
new
THREE
.
DirectionalLight
(
0xffffff
);
var
light
=
new
THREE
.
DirectionalLight
(
0xffffff
,
1
);
light
.
position
.
set
(
1
,
1
,
0
);
scene1
.
add
(
light
);
...
...
@@ -235,7 +252,7 @@
geometry
.
addAttribute
(
'
position
'
,
new
THREE
.
BufferAttribute
(
positions
,
3
)
);
geometry
.
addAttribute
(
'
color
'
,
new
THREE
.
BufferAttribute
(
colors
,
3
)
);
object
=
new
THREE
.
Mesh
(
geometry
,
new
THREE
.
Mesh
Standard
Material
(
{
side
:
THREE
.
DoubleSide
,
vertexColors
:
THREE
.
VertexColors
}
)
);
object
=
new
THREE
.
Mesh
(
geometry
,
new
THREE
.
Mesh
Basic
Material
(
{
side
:
THREE
.
DoubleSide
,
vertexColors
:
THREE
.
VertexColors
}
)
);
object
.
position
.
set
(
140
,
-
40
,
-
250
);
object
.
setDrawMode
(
THREE
.
TriangleStripDrawMode
);
object
.
name
=
'
Custom buffered
'
;
...
...
@@ -311,10 +328,8 @@
scene1
.
add
(
cameraOrtho
);
cameraOrtho
.
name
=
'
OrthographicCamera
'
;
material
=
new
THREE
.
Mesh
Standard
Material
(
{
material
=
new
THREE
.
Mesh
Lambert
Material
(
{
color
:
0xffff00
,
metalness
:
0.5
,
roughness
:
1.0
,
side
:
THREE
.
DoubleSide
}
);
...
...
@@ -362,17 +377,10 @@
container
.
appendChild
(
renderer
.
domElement
);
stats
=
new
Stats
();
container
.
appendChild
(
stats
.
dom
);
//
window
.
addEventListener
(
'
resize
'
,
onWindowResize
,
false
);
var
gltfExporter
=
new
THREE
.
GLTFExporter
(
renderer
);
gltfExporter
.
parse
(
[
scene1
],
function
(
result
)
{
console
.
log
(
JSON
.
stringify
(
result
,
null
,
2
)
);
}
);
}
function
onWindowResize
()
{
...
...
@@ -391,7 +399,6 @@
requestAnimationFrame
(
animate
);
render
();
stats
.
update
();
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录