1
0

FlyControls.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="page.css" />
  8. </head>
  9. <body>
  10. [page:Controls] &rarr;
  11. <h1>飞行控制器([name])</h1>
  12. <p class="desc">
  13. [name] 启用了一种类似于数字内容创建工具(例如Blender)中飞行模式的导航方式。
  14. 你可以在3D空间中任意变换摄像机,并且无任何限制(例如,专注于一个特定的目标)。
  15. </p>
  16. <h2>导入</h2>
  17. <p>
  18. [name] 是一个附加组件,必须显式导入。
  19. See [link:#manual/introduction/Installation Installation / Addons].
  20. </p>
  21. <code>
  22. import { FlyControls } from 'three/addons/controls/FlyControls.js';
  23. </code>
  24. <h2>例子</h2>
  25. <p>[example:misc_controls_fly misc / controls / fly ]</p>
  26. <h2>构造函数</h2>
  27. <h3>[name]( [param:Camera object], [param:HTMLDOMElement domElement] )</h3>
  28. <p>
  29. <p>
  30. [page:Camera object]: 被控制的摄像机。
  31. </p>
  32. <p>
  33. [page:HTMLDOMElement domElement]: 用于事件监听的HTML元素。(可选)
  34. </p>
  35. <p>
  36. 创建一个新的 [name] 实例。
  37. </p>
  38. </p>
  39. <h2>Events</h2>
  40. <h3>change</h3>
  41. <p>
  42. 当摄像机被组件改变时触发。
  43. </p>
  44. <h2>属性</h2>
  45. <p>共有属性请参见其基类[page:Controls]。</p>
  46. <h3>[property:Boolean autoForward]</h3>
  47. <p>
  48. 若该值设为 *true*,初始变换后,摄像机将自动向前移动(且不会停止)。默认为 *false*。
  49. </p>
  50. <h3>[property:Boolean dragToLook]</h3>
  51. <p>
  52. 若该值设为 *true*,你将只能通过执行拖拽交互来环视四周。默认为 *false*。
  53. </p>
  54. <h3>[property:Number movementSpeed]</h3>
  55. <p>
  56. 移动速度,默认为 *1*。
  57. </p>
  58. <h3>[property:Number rollSpeed]</h3>
  59. <p>
  60. 旋转速度。默认为 *0.005*。
  61. </p>
  62. <h2>方法</h2>
  63. <p>共有方法请参见其基类[page:Controls]。</p>
  64. <h2>源代码</h2>
  65. <p>
  66. [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/FlyControls.js examples/jsm/controls/FlyControls.js]
  67. </p>
  68. </body>
  69. </html>