Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
5cb72ed9
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,发现更多精彩内容 >>
提交
5cb72ed9
编写于
4月 10, 2013
作者:
M
Mr.doob
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
EditorControls: Adaptive displacement based of distance to center.
上级
4317e7fa
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
35 addition
and
34 deletion
+35
-34
examples/js/controls/EditorControls.js
examples/js/controls/EditorControls.js
+35
-34
未找到文件。
examples/js/controls/EditorControls.js
浏览文件 @
5cb72ed9
...
...
@@ -7,68 +7,69 @@
THREE
.
EditorControls
=
function
(
object
,
domElement
)
{
this
.
object
=
object
;
this
.
domElement
=
(
domElement
!==
undefined
)
?
domElement
:
document
;
domElement
=
(
domElement
!==
undefined
)
?
domElement
:
document
;
// API
this
.
enabled
=
true
;
this
.
center
=
new
THREE
.
Vector3
();
// internals
var
scope
=
this
;
var
normalMatrix
=
new
THREE
.
Matrix
3
();
var
vector
=
new
THREE
.
Vector
3
();
var
STATE
=
{
NONE
:
-
1
,
ROTATE
:
0
,
ZOOM
:
1
,
PAN
:
2
};
var
state
=
STATE
.
NONE
;
var
center
=
new
THREE
.
Vector3
();
var
normalMatrix
=
new
THREE
.
Matrix3
();
// events
var
changeEvent
=
{
type
:
'
change
'
};
this
.
focus
=
function
(
objec
t
)
{
this
.
focus
=
function
(
targe
t
)
{
this
.
center
.
getPositionFromMatrix
(
objec
t
.
matrixWorld
);
this
.
object
.
lookAt
(
this
.
center
);
center
.
getPositionFromMatrix
(
targe
t
.
matrixWorld
);
object
.
lookAt
(
center
);
this
.
dispatchEvent
(
changeEvent
);
scope
.
dispatchEvent
(
changeEvent
);
};
this
.
pan
=
function
(
distance
)
{
normalMatrix
.
getNormalMatrix
(
this
.
object
.
matrix
);
normalMatrix
.
getNormalMatrix
(
object
.
matrix
);
distance
.
applyMatrix3
(
normalMatrix
);
distance
.
multiplyScalar
(
vector
.
copy
(
center
).
sub
(
object
.
position
).
length
()
*
0.001
);
this
.
object
.
position
.
add
(
distance
);
this
.
center
.
add
(
distance
);
object
.
position
.
add
(
distance
);
center
.
add
(
distance
);
this
.
dispatchEvent
(
changeEvent
);
scope
.
dispatchEvent
(
changeEvent
);
};
this
.
zoom
=
function
(
distance
)
{
normalMatrix
.
getNormalMatrix
(
this
.
object
.
matrix
);
normalMatrix
.
getNormalMatrix
(
object
.
matrix
);
distance
.
applyMatrix3
(
normalMatrix
);
distance
.
multiplyScalar
(
vector
.
copy
(
center
).
sub
(
object
.
position
).
length
()
*
0.001
);
this
.
object
.
position
.
add
(
distance
);
object
.
position
.
add
(
distance
);
this
.
dispatchEvent
(
changeEvent
);
scope
.
dispatchEvent
(
changeEvent
);
};
this
.
rotate
=
function
(
delta
)
{
var
position
=
this
.
object
.
position
;
var
offset
=
position
.
clone
().
sub
(
this
.
center
);
vector
.
copy
(
object
.
position
).
sub
(
center
);
var
theta
=
Math
.
atan2
(
offset
.
x
,
offset
.
z
);
var
phi
=
Math
.
atan2
(
Math
.
sqrt
(
offset
.
x
*
offset
.
x
+
offset
.
z
*
offset
.
z
),
offset
.
y
);
var
theta
=
Math
.
atan2
(
vector
.
x
,
vector
.
z
);
var
phi
=
Math
.
atan2
(
Math
.
sqrt
(
vector
.
x
*
vector
.
x
+
vector
.
z
*
vector
.
z
),
vector
.
y
);
theta
+=
delta
.
x
;
phi
+=
delta
.
y
;
...
...
@@ -77,17 +78,17 @@ THREE.EditorControls = function ( object, domElement ) {
phi
=
Math
.
max
(
EPS
,
Math
.
min
(
Math
.
PI
-
EPS
,
phi
)
);
var
radius
=
offset
.
length
();
var
radius
=
vector
.
length
();
offset
.
x
=
radius
*
Math
.
sin
(
phi
)
*
Math
.
sin
(
theta
);
offset
.
y
=
radius
*
Math
.
cos
(
phi
);
offset
.
z
=
radius
*
Math
.
sin
(
phi
)
*
Math
.
cos
(
theta
);
vector
.
x
=
radius
*
Math
.
sin
(
phi
)
*
Math
.
sin
(
theta
);
vector
.
y
=
radius
*
Math
.
cos
(
phi
);
vector
.
z
=
radius
*
Math
.
sin
(
phi
)
*
Math
.
cos
(
theta
);
position
.
copy
(
this
.
center
).
add
(
offset
);
object
.
position
.
copy
(
center
).
add
(
vector
);
this
.
object
.
lookAt
(
this
.
center
);
object
.
lookAt
(
center
);
this
.
dispatchEvent
(
changeEvent
);
scope
.
dispatchEvent
(
changeEvent
);
};
...
...
@@ -135,7 +136,7 @@ THREE.EditorControls = function ( object, domElement ) {
}
else
if
(
state
===
STATE
.
PAN
)
{
scope
.
pan
(
new
THREE
.
Vector3
(
-
movementX
*
0.5
,
movementY
*
0.5
,
0
)
);
scope
.
pan
(
new
THREE
.
Vector3
(
-
movementX
,
movementY
,
0
)
);
}
...
...
@@ -160,11 +161,11 @@ THREE.EditorControls = function ( object, domElement ) {
if
(
event
.
wheelDelta
)
{
// WebKit / Opera / Explorer 9
delta
=
-
event
.
wheelDelta
*
0.1
;
delta
=
-
event
.
wheelDelta
;
}
else
if
(
event
.
detail
)
{
// Firefox
delta
=
event
.
detail
*
5
;
delta
=
event
.
detail
*
10
;
}
...
...
@@ -172,10 +173,10 @@ THREE.EditorControls = function ( object, domElement ) {
}
this
.
domElement
.
addEventListener
(
'
contextmenu
'
,
function
(
event
)
{
event
.
preventDefault
();
},
false
);
this
.
domElement
.
addEventListener
(
'
mousedown
'
,
onMouseDown
,
false
);
this
.
domElement
.
addEventListener
(
'
mousewheel
'
,
onMouseWheel
,
false
);
this
.
domElement
.
addEventListener
(
'
DOMMouseScroll
'
,
onMouseWheel
,
false
);
// firefox
domElement
.
addEventListener
(
'
contextmenu
'
,
function
(
event
)
{
event
.
preventDefault
();
},
false
);
domElement
.
addEventListener
(
'
mousedown
'
,
onMouseDown
,
false
);
domElement
.
addEventListener
(
'
mousewheel
'
,
onMouseWheel
,
false
);
domElement
.
addEventListener
(
'
DOMMouseScroll
'
,
onMouseWheel
,
false
);
// firefox
};
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录