Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Ablesons
three.js
提交
a29f8d25
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,发现更多精彩内容 >>
未验证
提交
a29f8d25
编写于
4月 24, 2018
作者:
M
Mr.doob
提交者:
GitHub
4月 24, 2018
浏览文件
操作
浏览文件
下载
差异文件
Merge pull request #13920 from Mugen87/dev11
Examples: Clean up
上级
6c38483c
68fca055
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
51 addition
and
53 deletion
+51
-53
examples/webgl_camera.html
examples/webgl_camera.html
+7
-8
examples/webgl_lines_dashed.html
examples/webgl_lines_dashed.html
+1
-1
examples/webgl_physics_cloth.html
examples/webgl_physics_cloth.html
+1
-1
examples/webgl_physics_rope.html
examples/webgl_physics_rope.html
+38
-39
examples/webgl_physics_terrain.html
examples/webgl_physics_terrain.html
+4
-4
未找到文件。
examples/webgl_camera.html
浏览文件 @
a29f8d25
...
...
@@ -120,19 +120,19 @@
//
var
geometry
=
new
THREE
.
Geometry
();
var
geometry
=
new
THREE
.
BufferGeometry
();
var
vertices
=
[];
for
(
var
i
=
0
;
i
<
10000
;
i
++
)
{
var
vertex
=
new
THREE
.
Vector3
();
vertex
.
x
=
THREE
.
Math
.
randFloatSpread
(
2000
);
vertex
.
y
=
THREE
.
Math
.
randFloatSpread
(
2000
);
vertex
.
z
=
THREE
.
Math
.
randFloatSpread
(
2000
);
geometry
.
vertices
.
push
(
vertex
);
vertices
.
push
(
THREE
.
Math
.
randFloatSpread
(
2000
)
);
// x
vertices
.
push
(
THREE
.
Math
.
randFloatSpread
(
2000
)
);
// y
vertices
.
push
(
THREE
.
Math
.
randFloatSpread
(
2000
)
);
// z
}
geometry
.
addAttribute
(
'
position
'
,
new
THREE
.
Float32BufferAttribute
(
vertices
,
3
)
);
var
particles
=
new
THREE
.
Points
(
geometry
,
new
THREE
.
PointsMaterial
(
{
color
:
0x888888
}
)
);
scene
.
add
(
particles
);
...
...
@@ -142,7 +142,6 @@
renderer
=
new
THREE
.
WebGLRenderer
(
{
antialias
:
true
}
);
renderer
.
setPixelRatio
(
window
.
devicePixelRatio
);
renderer
.
setSize
(
SCREEN_WIDTH
,
SCREEN_HEIGHT
);
renderer
.
domElement
.
style
.
position
=
"
relative
"
;
container
.
appendChild
(
renderer
.
domElement
);
renderer
.
autoClear
=
false
;
...
...
examples/webgl_lines_dashed.html
浏览文件 @
a29f8d25
...
...
@@ -66,7 +66,7 @@
var
spline
=
new
THREE
.
CatmullRomCurve3
(
points
);
var
samples
=
spline
.
getPoints
(
points
.
length
*
subdivisions
);
var
geometrySpline
=
new
THREE
.
Geometry
().
setFromPoints
(
samples
);
var
geometrySpline
=
new
THREE
.
Buffer
Geometry
().
setFromPoints
(
samples
);
var
line
=
new
THREE
.
Line
(
geometrySpline
,
new
THREE
.
LineDashedMaterial
(
{
color
:
0xffffff
,
dashSize
:
1
,
gapSize
:
0.5
}
)
);
line
.
computeLineDistances
();
...
...
examples/webgl_physics_cloth.html
浏览文件 @
a29f8d25
...
...
@@ -301,7 +301,7 @@
function
createParalellepiped
(
sx
,
sy
,
sz
,
mass
,
pos
,
quat
,
material
)
{
var
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
BoxGeometry
(
sx
,
sy
,
sz
,
1
,
1
,
1
),
material
);
var
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
Box
Buffer
Geometry
(
sx
,
sy
,
sz
,
1
,
1
,
1
),
material
);
var
shape
=
new
Ammo
.
btBoxShape
(
new
Ammo
.
btVector3
(
sx
*
0.5
,
sy
*
0.5
,
sz
*
0.5
)
);
shape
.
setMargin
(
margin
);
...
...
examples/webgl_physics_rope.html
浏览文件 @
a29f8d25
<html
lang=
"en"
>
<head>
<title>
Amjs softbody rope demo
</title>
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
>
<style>
body
{
color
:
#61443e
;
font-family
:
Monospace
;
font-size
:
13px
;
text-align
:
center
;
background-color
:
#bfd1e5
;
margin
:
0px
;
overflow
:
hidden
;
}
#info
{
position
:
absolute
;
top
:
0px
;
width
:
100%
;
padding
:
5px
;
}
a
{
color
:
#a06851
;
}
</style>
</head>
<body>
<head>
<title>
Amjs softbody rope demo
</title>
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
>
<style>
body
{
color
:
#61443e
;
font-family
:
Monospace
;
font-size
:
13px
;
text-align
:
center
;
background-color
:
#bfd1e5
;
margin
:
0px
;
overflow
:
hidden
;
}
#info
{
position
:
absolute
;
top
:
0px
;
width
:
100%
;
padding
:
5px
;
}
a
{
color
:
#a06851
;
}
</style>
</head>
<body>
<div
id=
"info"
>
Ammo.js physics soft body rope demo
<br>
Press Q or A to move the arm.
</div>
<div
id=
"container"
><br
/><br
/><br
/><br
/><br
/>
Loading...
</div>
<div
id=
"container"
><br
/><br
/><br
/><br
/><br
/>
Loading...
</div>
<script
src=
"../build/three.js"
></script>
<script
src=
"js/libs/ammo.js"
></script>
<script
src=
"js/controls/OrbitControls.js"
></script>
<script
src=
"js/Detector.js"
></script>
<script
src=
"js/Detector.js"
></script>
<script
src=
"js/libs/stats.min.js"
></script>
<script>
<script>
// Detects webgl
if
(
!
Detector
.
webgl
)
{
Detector
.
addGetWebGLMessage
();
document
.
getElementById
(
'
container
'
).
innerHTML
=
""
;
Detector
.
addGetWebGLMessage
();
document
.
getElementById
(
'
container
'
).
innerHTML
=
""
;
}
// - Global variables -
...
...
@@ -188,7 +187,7 @@
var
ballMass
=
1.2
;
var
ballRadius
=
0.6
;
var
ball
=
new
THREE
.
Mesh
(
new
THREE
.
SphereGeometry
(
ballRadius
,
20
,
20
),
new
THREE
.
MeshPhongMaterial
(
{
color
:
0x202020
}
)
);
var
ball
=
new
THREE
.
Mesh
(
new
THREE
.
Sphere
Buffer
Geometry
(
ballRadius
,
20
,
20
),
new
THREE
.
MeshPhongMaterial
(
{
color
:
0x202020
}
)
);
ball
.
castShadow
=
true
;
ball
.
receiveShadow
=
true
;
var
ballShape
=
new
Ammo
.
btSphereShape
(
ballRadius
);
...
...
@@ -324,7 +323,7 @@
function
createParalellepiped
(
sx
,
sy
,
sz
,
mass
,
pos
,
quat
,
material
)
{
var
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
BoxGeometry
(
sx
,
sy
,
sz
,
1
,
1
,
1
),
material
);
var
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
Box
Buffer
Geometry
(
sx
,
sy
,
sz
,
1
,
1
,
1
),
material
);
var
shape
=
new
Ammo
.
btBoxShape
(
new
Ammo
.
btVector3
(
sx
*
0.5
,
sy
*
0.5
,
sz
*
0.5
)
);
shape
.
setMargin
(
margin
);
...
...
@@ -473,7 +472,7 @@
}
</script>
</script>
</body>
</body>
</html>
examples/webgl_physics_terrain.html
浏览文件 @
a29f8d25
...
...
@@ -321,7 +321,7 @@
case
1
:
// Sphere
var
radius
=
1
+
Math
.
random
()
*
objectSize
;
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
SphereGeometry
(
radius
,
20
,
20
),
createObjectMaterial
()
);
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
Sphere
Buffer
Geometry
(
radius
,
20
,
20
),
createObjectMaterial
()
);
shape
=
new
Ammo
.
btSphereShape
(
radius
);
shape
.
setMargin
(
margin
);
break
;
...
...
@@ -330,7 +330,7 @@
var
sx
=
1
+
Math
.
random
()
*
objectSize
;
var
sy
=
1
+
Math
.
random
()
*
objectSize
;
var
sz
=
1
+
Math
.
random
()
*
objectSize
;
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
BoxGeometry
(
sx
,
sy
,
sz
,
1
,
1
,
1
),
createObjectMaterial
()
);
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
Box
Buffer
Geometry
(
sx
,
sy
,
sz
,
1
,
1
,
1
),
createObjectMaterial
()
);
shape
=
new
Ammo
.
btBoxShape
(
new
Ammo
.
btVector3
(
sx
*
0.5
,
sy
*
0.5
,
sz
*
0.5
)
);
shape
.
setMargin
(
margin
);
break
;
...
...
@@ -338,7 +338,7 @@
// Cylinder
var
radius
=
1
+
Math
.
random
()
*
objectSize
;
var
height
=
1
+
Math
.
random
()
*
objectSize
;
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
CylinderGeometry
(
radius
,
radius
,
height
,
20
,
1
),
createObjectMaterial
()
);
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
Cylinder
Buffer
Geometry
(
radius
,
radius
,
height
,
20
,
1
),
createObjectMaterial
()
);
shape
=
new
Ammo
.
btCylinderShape
(
new
Ammo
.
btVector3
(
radius
,
height
*
0.5
,
radius
)
);
shape
.
setMargin
(
margin
);
break
;
...
...
@@ -346,7 +346,7 @@
// Cone
var
radius
=
1
+
Math
.
random
()
*
objectSize
;
var
height
=
2
+
Math
.
random
()
*
objectSize
;
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
C
ylinderGeometry
(
0
,
radius
,
height
,
20
,
2
),
createObjectMaterial
()
);
threeObject
=
new
THREE
.
Mesh
(
new
THREE
.
C
oneBufferGeometry
(
radius
,
height
,
20
,
2
),
createObjectMaterial
()
);
shape
=
new
Ammo
.
btConeShape
(
radius
,
height
);
break
;
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录