123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="utf-8" />
- <base href="../../../" />
- <script src="page.js"></script>
- <link type="text/css" rel="stylesheet" href="page.css" />
- </head>
- <body>
- [page:Controls] →
- <h1>飞行控制器([name])</h1>
- <p class="desc">
- [name] 启用了一种类似于数字内容创建工具(例如Blender)中飞行模式的导航方式。
- 你可以在3D空间中任意变换摄像机,并且无任何限制(例如,专注于一个特定的目标)。
- </p>
- <h2>导入</h2>
- <p>
- [name] 是一个附加组件,必须显式导入。
- See [link:#manual/introduction/Installation Installation / Addons].
- </p>
- <code>
- import { FlyControls } from 'three/addons/controls/FlyControls.js';
- </code>
- <h2>例子</h2>
- <p>[example:misc_controls_fly misc / controls / fly ]</p>
- <h2>构造函数</h2>
- <h3>[name]( [param:Camera object], [param:HTMLDOMElement domElement] )</h3>
- <p>
- <p>
- [page:Camera object]: 被控制的摄像机。
- </p>
- <p>
- [page:HTMLDOMElement domElement]: 用于事件监听的HTML元素。(可选)
- </p>
- <p>
- 创建一个新的 [name] 实例。
- </p>
- </p>
- <h2>Events</h2>
- <h3>change</h3>
- <p>
- 当摄像机被组件改变时触发。
- </p>
- <h2>属性</h2>
-
- <p>共有属性请参见其基类[page:Controls]。</p>
- <h3>[property:Boolean autoForward]</h3>
- <p>
- 若该值设为 *true*,初始变换后,摄像机将自动向前移动(且不会停止)。默认为 *false*。
- </p>
- <h3>[property:Boolean dragToLook]</h3>
- <p>
- 若该值设为 *true*,你将只能通过执行拖拽交互来环视四周。默认为 *false*。
- </p>
- <h3>[property:Number movementSpeed]</h3>
- <p>
- 移动速度,默认为 *1*。
- </p>
- <h3>[property:Number rollSpeed]</h3>
- <p>
- 旋转速度。默认为 *0.005*。
- </p>
- <h2>方法</h2>
-
- <p>共有方法请参见其基类[page:Controls]。</p>
- <h2>源代码</h2>
- <p>
- [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/FlyControls.js examples/jsm/controls/FlyControls.js]
- </p>
- </body>
- </html>
|