Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Ablesons
three.js
提交
03c2b4cf
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,发现更多精彩内容 >>
提交
03c2b4cf
编写于
9月 12, 2019
作者:
M
Mugen87
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Docs: Add TrackballControls page.
上级
43b86738
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
416 addition
and
4 deletion
+416
-4
docs/examples/en/controls/TrackballControls.html
docs/examples/en/controls/TrackballControls.html
+206
-0
docs/examples/zh/controls/TrackballControls.html
docs/examples/zh/controls/TrackballControls.html
+206
-0
docs/list.js
docs/list.js
+4
-2
examples/jsm/controls/TrackballControls.d.ts
examples/jsm/controls/TrackballControls.d.ts
+0
-2
未找到文件。
docs/examples/en/controls/TrackballControls.html
0 → 100644
浏览文件 @
03c2b4cf
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
/>
<base
href=
"../../../"
/>
<script
src=
"list.js"
></script>
<script
src=
"page.js"
></script>
<link
type=
"text/css"
rel=
"stylesheet"
href=
"page.css"
/>
</head>
<body>
[page:EventDispatcher]
→
<h1>
[name]
</h1>
<p
class=
"desc"
>
[name] is similar to [page:OrbitControls]. However, it does not maintain a constant camera [page:Object3D.up up] vector.
That means if the camera orbits over the “north” and “south” poles, it does not flip to stay "right side up".
</p>
<h2>
Example
</h2>
<p>
[example:misc_controls_trackball misc / controls / trackball ]
</p>
<h2>
Constructor
</h2>
<h3>
[name]( [param:Camera camera], [param:HTMLDOMElement domElement] )
</h3>
<p>
<p>
[page:Camera camera]: The camera of the rendered scene.
</p>
<p>
[page:HTMLDOMElement domElement]: (optional) The HTML element used for event listeners. By default this is the whole document,
however if you only want the controls to work over a specific element (e.g. the canvas) you can specify that here.
</p>
<p>
Creates a new instance of [name].
</p>
</p>
<h2>
Events
</h2>
<h3>
change
</h3>
<p>
Fires when the camera has been transformed by the controls.
</p>
<h3>
start
</h3>
<p>
Fires when an interaction (e.g. touch) was initiated.
</p>
<h3>
end
</h3>
<p>
Fires when an interaction has finished.
</p>
<h2>
Properties
</h2>
<h3>
[property:HTMLDOMElement domElement]
</h3>
<p>
The HTMLDOMElement used to listen for mouse / touch events. This must be passed in the constructor; changing it here will
not set up new event listeners. Default is the whole document.
</p>
<h3>
[property:Number dynamicDampingFactor]
</h3>
<p>
Defines the intensity of damping. Only considered if [page:.staticMoving staticMoving] is set to *false*. Default is *0.2*.
</p>
<h3>
[property:Boolean enabled]
</h3>
<p>
Whether or not the controls are enabled.
</p>
<h3>
[property:Array keys]
</h3>
<p>
This array holds keycodes for controlling interactions.
<ul>
<li>
When the first defined key is pressed, all mouse interactions (left, middle, right) performs orbiting.
</li>
<li>
When the second defined key is pressed, all mouse interactions (left, middle, right) performs zooming.
</li>
<li>
When the third defined key is pressed, all mouse interactions (left, middle, right) performs panning.
</li>
</ul>
Default is *65, 83, 68* which represents A, S, D.
</p>
<h3>
[property:Number maxDistance]
</h3>
<p>
How far you can zoom in. Default is *Infinity*.
</p>
<h3>
[property:Number minDistance]
</h3>
<p>
How far you can zoom in. Default is *0*.
</p>
<h3>
[property:Object mouseButtons]
</h3>
<p>
This object contains references to the mouse actions used by the controls.
<ul>
<li>
.LEFT is assinged with *THREE.MOUSE.ROTATE*
</li>
<li>
.MIDDLE is assinged with *THREE.MOUSE.ZOOM*
</li>
<li>
.RIGHT is assinged with *THREE.MOUSE.PAN*
</li>
</ul>
</p>
<h3>
[property:Boolean noPan]
</h3>
<p>
Whether or not panning is disabled. Default is *false*.
</p>
<h3>
[property:Boolean noRotate]
</h3>
<p>
Whether or not rotation is disabled. Default is *false*.
</p>
<h3>
[property:Boolean noZoom]
</h3>
<p>
Whether or not zooming is disabled. Default is *false*.
</p>
<h3>
[property:Camera object]
</h3>
<p>
The camera being controlled.
</p>
<h3>
[property:Number panSpeed]
</h3>
<p>
The zoom speed. Default is *0.3*.
</p>
<h3>
[property:Number rotateSpeed]
</h3>
<p>
The rotation speed. Default is *1.0*.
</p>
<h3>
[property:Object screen]
</h3>
<p>
Represents the properties of the screen. Automatically set when [page:.handleResize handleResize]() is called.
<ul>
<li>
left: Represents the offset in pixels to the screen's left boundary.
</li>
<li>
top: Represents the offset in pixels to the screen's top boundary.
</li>
<li>
width: Represents the screen width in pixels.
</li>
<li>
height: Represents the screen height in pixels.
</li>
</ul>
</p>
<h3>
[property:Boolean staticMoving]
</h3>
<p>
Whether or not damping is disabled. Default is *false*.
</p>
<h3>
[property:Number zoomSpeed]
</h3>
<p>
The zoom speed. Default is *1.2*.
</p>
<h2>
Methods
</h2>
<h3>
[method:null checkDistances] ()
</h3>
<p>
Ensures the controls stay in the range [minDistance, maxDistance]. Called by [page:.update update]().
</p>
<h3>
[method:null dispose] ()
</h3>
<p>
Should be called if the controls is no longer required.
</p>
<h3>
[method:null handleResize] ()
</h3>
<p>
Should be called if the application window is resized.
</p>
<h3>
[method:null panCamera] ()
</h3>
<p>
Performs panning if necessary. Called by [page:.update update]().
</p>
<h3>
[method:null reset] ()
</h3>
<p>
Resets the controls to its initial state.
</p>
<h3>
[method:null rotateCamera] ()
</h3>
<p>
Rotates the camera if necessary. Called by [page:.update update]().
</p>
<h3>
[method:null update] ()
</h3>
<p>
Updates the controls. Usually called in the animation loop.
</p>
<h3>
[method:null zoomCamera] ()
</h3>
<p>
Performs zooming if necessary. Called by [page:.update update]().
</p>
<h2>
Source
</h2>
<p>
[link:https://github.com/mrdoob/three.js/blob/master/examples/js/controls/TrackballControls.js examples/js/controls/TrackballControls.js]
</p>
</body>
</html>
docs/examples/zh/controls/TrackballControls.html
0 → 100644
浏览文件 @
03c2b4cf
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
/>
<base
href=
"../../../"
/>
<script
src=
"list.js"
></script>
<script
src=
"page.js"
></script>
<link
type=
"text/css"
rel=
"stylesheet"
href=
"page.css"
/>
</head>
<body>
[page:EventDispatcher]
→
<h1>
[name]
</h1>
<p
class=
"desc"
>
[name] is similar to [page:OrbitControls]. However, it does not maintain a constant camera [page:Object3D.up up] vector.
That means if the camera orbits over the “north” and “south” poles, it does not flip to stay "right side up".
</p>
<h2>
Example
</h2>
<p>
[example:misc_controls_trackball misc / controls / trackball ]
</p>
<h2>
Constructor
</h2>
<h3>
[name]( [param:Camera camera], [param:HTMLDOMElement domElement] )
</h3>
<p>
<p>
[page:Camera camera]: The camera of the rendered scene.
</p>
<p>
[page:HTMLDOMElement domElement]: (optional) The HTML element used for event listeners. By default this is the whole document,
however if you only want the controls to work over a specific element (e.g. the canvas) you can specify that here.
</p>
<p>
Creates a new instance of [name].
</p>
</p>
<h2>
Events
</h2>
<h3>
change
</h3>
<p>
Fires when the camera has been transformed by the controls.
</p>
<h3>
start
</h3>
<p>
Fires when an interaction (e.g. touch) was initiated.
</p>
<h3>
end
</h3>
<p>
Fires when an interaction has finished.
</p>
<h2>
Properties
</h2>
<h3>
[property:HTMLDOMElement domElement]
</h3>
<p>
The HTMLDOMElement used to listen for mouse / touch events. This must be passed in the constructor; changing it here will
not set up new event listeners. Default is the whole document.
</p>
<h3>
[property:Number dynamicDampingFactor]
</h3>
<p>
Defines the intensity of damping. Only considered if [page:.staticMoving staticMoving] is set to *false*. Default is *0.2*.
</p>
<h3>
[property:Boolean enabled]
</h3>
<p>
Whether or not the controls are enabled.
</p>
<h3>
[property:Array keys]
</h3>
<p>
This array holds keycodes for controlling interactions.
<ul>
<li>
When the first defined key is pressed, all mouse interactions (left, middle, right) performs orbiting.
</li>
<li>
When the second defined key is pressed, all mouse interactions (left, middle, right) performs zooming.
</li>
<li>
When the third defined key is pressed, all mouse interactions (left, middle, right) performs panning.
</li>
</ul>
Default is *65, 83, 68* which represents A, S, D.
</p>
<h3>
[property:Number maxDistance]
</h3>
<p>
How far you can zoom in. Default is *Infinity*.
</p>
<h3>
[property:Number minDistance]
</h3>
<p>
How far you can zoom in. Default is *0*.
</p>
<h3>
[property:Object mouseButtons]
</h3>
<p>
This object contains references to the mouse actions used by the controls.
<ul>
<li>
.LEFT is assinged with *THREE.MOUSE.ROTATE*
</li>
<li>
.MIDDLE is assinged with *THREE.MOUSE.ZOOM*
</li>
<li>
.RIGHT is assinged with *THREE.MOUSE.PAN*
</li>
</ul>
</p>
<h3>
[property:Boolean noPan]
</h3>
<p>
Whether or not panning is disabled. Default is *false*.
</p>
<h3>
[property:Boolean noRotate]
</h3>
<p>
Whether or not rotation is disabled. Default is *false*.
</p>
<h3>
[property:Boolean noZoom]
</h3>
<p>
Whether or not zooming is disabled. Default is *false*.
</p>
<h3>
[property:Camera object]
</h3>
<p>
The camera being controlled.
</p>
<h3>
[property:Number panSpeed]
</h3>
<p>
The zoom speed. Default is *0.3*.
</p>
<h3>
[property:Number rotateSpeed]
</h3>
<p>
The rotation speed. Default is *1.0*.
</p>
<h3>
[property:Object screen]
</h3>
<p>
Represents the properties of the screen. Automatically set when [page:.handleResize handleResize]() is called.
<ul>
<li>
left: Represents the offset in pixels to the screen's left boundary.
</li>
<li>
top: Represents the offset in pixels to the screen's top boundary.
</li>
<li>
width: Represents the screen width in pixels.
</li>
<li>
height: Represents the screen height in pixels.
</li>
</ul>
</p>
<h3>
[property:Boolean staticMoving]
</h3>
<p>
Whether or not damping is disabled. Default is *false*.
</p>
<h3>
[property:Number zoomSpeed]
</h3>
<p>
The zoom speed. Default is *1.2*.
</p>
<h2>
Methods
</h2>
<h3>
[method:null checkDistances] ()
</h3>
<p>
Ensures the controls stay in the range [minDistance, maxDistance]. Called by [page:.update update]().
</p>
<h3>
[method:null dispose] ()
</h3>
<p>
Should be called if the controls is no longer required.
</p>
<h3>
[method:null handleResize] ()
</h3>
<p>
Should be called if the application window is resized.
</p>
<h3>
[method:null panCamera] ()
</h3>
<p>
Performs panning if necessary. Called by [page:.update update]().
</p>
<h3>
[method:null reset] ()
</h3>
<p>
Resets the controls to its initial state.
</p>
<h3>
[method:null rotateCamera] ()
</h3>
<p>
Rotates the camera if necessary. Called by [page:.update update]().
</p>
<h3>
[method:null update] ()
</h3>
<p>
Updates the controls. Usually called in the animation loop.
</p>
<h3>
[method:null zoomCamera] ()
</h3>
<p>
Performs zooming if necessary. Called by [page:.update update]().
</p>
<h2>
Source
</h2>
<p>
[link:https://github.com/mrdoob/three.js/blob/master/examples/js/controls/TrackballControls.js examples/js/controls/TrackballControls.js]
</p>
</body>
</html>
docs/list.js
浏览文件 @
03c2b4cf
...
...
@@ -358,7 +358,8 @@ var list = {
"
DragControls
"
:
"
examples/en/controls/DragControls
"
,
"
FlyControls
"
:
"
examples/en/controls/FlyControls
"
,
"
OrbitControls
"
:
"
examples/en/controls/OrbitControls
"
,
"
PointerLockControls
"
:
"
examples/en/controls/PointerLockControls
"
"
PointerLockControls
"
:
"
examples/en/controls/PointerLockControls
"
,
"
TrackballControls
"
:
"
examples/en/controls/TrackballControls
"
},
"
Geometries
"
:
{
...
...
@@ -798,7 +799,8 @@ var list = {
"
DragControls
"
:
"
examples/zh/controls/DragControls
"
,
"
FlyControls
"
:
"
examples/zh/controls/FlyControls
"
,
"
OrbitControls
"
:
"
examples/zh/controls/OrbitControls
"
,
"
PointerLockControls
"
:
"
examples/zh/controls/PointerLockControls
"
"
PointerLockControls
"
:
"
examples/zh/controls/PointerLockControls
"
,
"
TrackballControls
"
:
"
examples/zh/controls/TrackballControls
"
},
"
几何体
"
:
{
...
...
examples/jsm/controls/TrackballControls.d.ts
浏览文件 @
03c2b4cf
...
...
@@ -42,6 +42,4 @@ export class TrackballControls extends EventDispatcher {
rotateCamera
():
void
;
handleResize
():
void
;
handleEvent
(
event
:
any
):
void
;
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录