Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
程序员秋风
360-sneakers-viewer
提交
5ad4f3da
3
360-sneakers-viewer
项目概览
程序员秋风
/
360-sneakers-viewer
通知
2689
Star
92
Fork
43
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
3
360-sneakers-viewer
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
5ad4f3da
编写于
3年前
作者:
H
huayifeng
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: github
上级
faef32a9
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
42 addition
and
8 deletion
+42
-8
index-draco.html
index-draco.html
+42
-8
未找到文件。
index-draco.html
浏览文件 @
5ad4f3da
...
...
@@ -2,13 +2,49 @@
<html
lang=
"en"
>
<head>
<title>
three.js webgl - glTF 2.0 - variant
s
</title>
<title>
鸿星尔克720°展厅——Three.j
s
</title>
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
>
<link
type=
"text/css"
rel=
"stylesheet"
href=
"https://cdn.jsdelivr.net/gh/mrdoob/three.js@r130/examples/main.css"
>
<style>
.github-corner
:hover
.octo-arm
{
animation
:
octocat-wave
560ms
ease-in-out
;
}
@keyframes
octocat-wave
{
0
%,
100
%
{
transform
:
rotate
(
0
);
}
20
%,
60
%
{
transform
:
rotate
(
-25deg
);
}
40
%,
80
%
{
transform
:
rotate
(
10deg
);
}
}
@media
(
max-width
:
500px
)
{
.github-corner
:hover
.octo-arm
{
animation
:
none
;
}
.github-corner
.octo-arm
{
animation
:
octocat-wave
560ms
ease-in-out
;
}
}
</style>
<script>
var
_hmt
=
_hmt
||
[];
(
function
()
{
var
hm
=
document
.
createElement
(
"
script
"
);
hm
.
src
=
"
https://hm.baidu.com/hm.js?88edae91c0d9f3d77df7ee6685d66f08
"
;
var
s
=
document
.
getElementsByTagName
(
"
script
"
)[
0
];
s
.
parentNode
.
insertBefore
(
hm
,
s
);
})();
</script>
</head>
<body>
<body>
<a
href=
"https://github.com/hua1995116/npm-stat"
class=
"github-corner"
><svg
width=
"80"
height=
"80"
viewBox=
"0 0 250 250"
style=
"fill: rgb(34, 34, 34); color: rgb(255, 255, 255); position: absolute; top: 0px; border: 0px; right: 0px;"
><path
d=
"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"
></path><path
d=
"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill=
"currentColor"
class=
"octo-arm"
style=
"transform-origin: 130px 106px;"
></path><path
d=
"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill=
"currentColor"
class=
"octo-body"
></path></svg></a>
<script
type=
"module"
>
import
*
as
THREE
from
'
https://cdn.jsdelivr.net/npm/three@0.129.0/build/three.module.js
'
;
...
...
@@ -31,12 +67,10 @@
camera
.
position
.
set
(
0
,
1.5
,
-
30.0
);
scene
=
new
THREE
.
Scene
();
setTimeout
(()
=>
{
// 设置灯光
const
directionalLight
=
new
THREE
.
AmbientLight
(
0xffffff
,
4
);
scene
.
add
(
directionalLight
);
directionalLight
.
position
.
set
(
2
,
5
,
5
);
},
3000
);
// 设置灯光
const
directionalLight
=
new
THREE
.
AmbientLight
(
0xffffff
,
4
);
scene
.
add
(
directionalLight
);
directionalLight
.
position
.
set
(
2
,
5
,
5
);
// 加载模型
const
gltfloader
=
new
GLTFLoader
();
const
draco
=
new
DRACOLoader
();
...
...
This diff is collapsed.
Click to expand it.
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录
新手
引导
客服
返回
顶部