@realsee/five 5.0.0-alpha.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/README.md +362 -0
  2. package/TERMS.txt +56 -0
  3. package/docs/.nojekyll +1 -0
  4. package/docs/assets/highlight.css +134 -0
  5. package/docs/assets/icons.css +1043 -0
  6. package/docs/assets/icons.png +0 -0
  7. package/docs/assets/icons@2x.png +0 -0
  8. package/docs/assets/main.js +52 -0
  9. package/docs/assets/search.js +1 -0
  10. package/docs/assets/style.css +1388 -0
  11. package/docs/assets/widgets.png +0 -0
  12. package/docs/assets/widgets@2x.png +0 -0
  13. package/docs/classes/five.AnimationFrameLoop.html +15 -0
  14. package/docs/classes/five.BVH.html +10 -0
  15. package/docs/classes/five.BVHIntersect.html +1 -0
  16. package/docs/classes/five.BVHNode.html +7 -0
  17. package/docs/classes/five.BVHVector3.html +1 -0
  18. package/docs/classes/five.Camera.html +11 -0
  19. package/docs/classes/five.Five.html +303 -0
  20. package/docs/classes/five.InternalWebGLRenderer.html +1 -0
  21. package/docs/classes/five.IntersectMesh.html +1 -0
  22. package/docs/classes/five.LegacyPanoCircleMesh.html +5 -0
  23. package/docs/classes/five.Model.html +77 -0
  24. package/docs/classes/five.NetworkSubscribe.html +50 -0
  25. package/docs/classes/five.PBMContainer.html +17 -0
  26. package/docs/classes/five.PBMGroup.html +19 -0
  27. package/docs/classes/five.PBMMaterial.html +15 -0
  28. package/docs/classes/five.PBMMesh.html +7 -0
  29. package/docs/classes/five.PanoCircleMesh.html +7 -0
  30. package/docs/classes/five.Scene.html +3 -0
  31. package/docs/classes/five.Subscribe.html +56 -0
  32. package/docs/classes/five.Work.html +30 -0
  33. package/docs/classes/gltf_loader.GLTFLoader.html +17 -0
  34. package/docs/classes/gltf_loader.GLTFObject.html +7 -0
  35. package/docs/classes/line.Line.html +1 -0
  36. package/docs/classes/line.LineGeometry.html +1 -0
  37. package/docs/classes/line.LineMaterial.html +1 -0
  38. package/docs/classes/line.LineSegmentsGeometry.html +1 -0
  39. package/docs/classes/line.THREE_Line2.html +1 -0
  40. package/docs/classes/line.THREE_LineSegments2.html +1 -0
  41. package/docs/classes/react.Store.html +29 -0
  42. package/docs/classes/server.BVH.html +10 -0
  43. package/docs/classes/server.BVHIntersect.html +1 -0
  44. package/docs/classes/server.BVHNode.html +7 -0
  45. package/docs/classes/server.BVHVector3.html +1 -0
  46. package/docs/classes/server.Model.html +63 -0
  47. package/docs/classes/server.PBMGroup.html +9 -0
  48. package/docs/classes/server.PBMMesh.html +7 -0
  49. package/docs/classes/sticker.Sticker.html +32 -0
  50. package/docs/index.html +182 -0
  51. package/docs/interfaces/five.AddableObject.html +1 -0
  52. package/docs/interfaces/five.AnimationFrame.html +1 -0
  53. package/docs/interfaces/five.CameraPose.html +1 -0
  54. package/docs/interfaces/five.DepthPanoramaControllerCustomInitArgs.html +28 -0
  55. package/docs/interfaces/five.EventCallback.html +391 -0
  56. package/docs/interfaces/five.FiveInitArgs.html +96 -0
  57. package/docs/interfaces/five.FloorplanControllerCustomInitArgs.html +15 -0
  58. package/docs/interfaces/five.ImageOptions.html +16 -0
  59. package/docs/interfaces/five.ImageURLOptions.html +1 -0
  60. package/docs/interfaces/five.IntersectMeshInterface.html +3 -0
  61. package/docs/interfaces/five.Intersection.html +7 -0
  62. package/docs/interfaces/five.ModelControllerCustomInitArgs.html +20 -0
  63. package/docs/interfaces/five.ModelEventCallback.html +22 -0
  64. package/docs/interfaces/five.MovePanoOptions.html +39 -0
  65. package/docs/interfaces/five.PBMPanoPicture.html +7 -0
  66. package/docs/interfaces/five.PBMParameters.html +15 -0
  67. package/docs/interfaces/five.PanoCircleMeshInterface.html +19 -0
  68. package/docs/interfaces/five.PanoramaControllerCustomInitArgs.html +28 -0
  69. package/docs/interfaces/five.PanoramaLikeControllerCustomInitArgs.html +20 -0
  70. package/docs/interfaces/five.Pose.html +35 -0
  71. package/docs/interfaces/five.Scissor.html +14 -0
  72. package/docs/interfaces/five.State.html +19 -0
  73. package/docs/interfaces/five.SubscribeMixinType.emit.html +1 -0
  74. package/docs/interfaces/five.SubscribeMixinType.hasListener.html +1 -0
  75. package/docs/interfaces/five.SubscribeMixinType.off.html +1 -0
  76. package/docs/interfaces/five.SubscribeMixinType.on.html +1 -0
  77. package/docs/interfaces/five.SubscribeMixinType.once.html +1 -0
  78. package/docs/interfaces/five.TextureOptions.html +18 -0
  79. package/docs/interfaces/five.TopviewControllerCustomInitArgs.html +7 -0
  80. package/docs/interfaces/five.VRPanoramaControllerCustomInitArgs.html +24 -0
  81. package/docs/interfaces/five.WorkCubeImage.html +13 -0
  82. package/docs/interfaces/five.WorkImage.html +21 -0
  83. package/docs/interfaces/five.WorkInitial.html +13 -0
  84. package/docs/interfaces/five.WorkModel.html +11 -0
  85. package/docs/interfaces/five.WorkObserver.html +25 -0
  86. package/docs/interfaces/five.WorkTile.html +1 -0
  87. package/docs/interfaces/five.WorkVideo.html +9 -0
  88. package/docs/interfaces/gltf_loader.GLTF.html +7 -0
  89. package/docs/interfaces/react.FiveActionReactCallbacks.html +62 -0
  90. package/docs/interfaces/react.FiveInjectionTypes.html +191 -0
  91. package/docs/interfaces/react.PropTypeOfFiveFeatures.html +1 -0
  92. package/docs/interfaces/server.Intersection.html +7 -0
  93. package/docs/interfaces/server.ModelEventCallback.html +18 -0
  94. package/docs/interfaces/sticker.IntersectionLike.html +8 -0
  95. package/docs/media/coordinate.jpg +0 -0
  96. package/docs/media/topview.jpg +0 -0
  97. package/docs/media/typescript.jpg +0 -0
  98. package/docs/modules/five.SubscribeMixinType.html +1 -0
  99. package/docs/modules/five.html +481 -0
  100. package/docs/modules/gltf_loader.html +1 -0
  101. package/docs/modules/line.html +1 -0
  102. package/docs/modules/react.html +130 -0
  103. package/docs/modules/server.html +18 -0
  104. package/docs/modules/sticker.html +1 -0
  105. package/docs/modules.html +1 -0
  106. package/exporters/staticify.js +203 -0
  107. package/five/index.d.ts +2061 -0
  108. package/five/index.js +372 -0
  109. package/gltf-loader/index.d.ts +75 -0
  110. package/gltf-loader/index.js +260 -0
  111. package/line/index.d.ts +68 -0
  112. package/line/index.js +260 -0
  113. package/package.json +36 -0
  114. package/react/index.d.ts +812 -0
  115. package/react/index.js +260 -0
  116. package/resource/basis/basis_transcoder.js +22 -0
  117. package/resource/basis/basis_transcoder.wasm +0 -0
  118. package/resource/gltf/draco_decoder.js +31 -0
  119. package/resource/gltf/draco_decoder.wasm +0 -0
  120. package/resource/gltf/draco_wasm_wrapper.js +119 -0
  121. package/scripts/five-plugin-init.js +83 -0
  122. package/scripts/five-quick-start-init.js +80 -0
  123. package/scripts/five-react-component-init.js +83 -0
  124. package/scripts/five-staticify.js +21 -0
  125. package/server/index.d.ts +568 -0
  126. package/server/index.js +367 -0
  127. package/sticker/index.d.ts +70 -0
  128. package/sticker/index.js +260 -0
  129. package/templates/plugin/README.md +38 -0
  130. package/templates/plugin/devtools/external-five.js +5 -0
  131. package/templates/plugin/devtools/external-three.js +5 -0
  132. package/templates/plugin/devtools/tsconfig.build.json +18 -0
  133. package/templates/plugin/devtools/webpack.bundle.js +44 -0
  134. package/templates/plugin/devtools/webpack.example.js +39 -0
  135. package/templates/plugin/docs/.gitkeep +0 -0
  136. package/templates/plugin/examples/data.json +507 -0
  137. package/templates/plugin/examples/index.html +28 -0
  138. package/templates/plugin/examples/index.ts +12 -0
  139. package/templates/plugin/lib/index.ts +30 -0
  140. package/templates/plugin/package.json +32 -0
  141. package/templates/plugin/tsconfig.json +26 -0
  142. package/templates/quick-start/README.md +47 -0
  143. package/templates/quick-start/assets/work.json +507 -0
  144. package/templates/quick-start/index.html +54 -0
  145. package/templates/quick-start/index.tsx +123 -0
  146. package/templates/quick-start/package.json +25 -0
  147. package/templates/quick-start/tsconfig.json +27 -0
  148. package/templates/quick-start/webpack.config.js +45 -0
  149. package/templates/quick-start/webpack.production.js +42 -0
  150. package/templates/react-component/README.md +32 -0
  151. package/templates/react-component/devtools/external-five.js +5 -0
  152. package/templates/react-component/devtools/external-react.js +5 -0
  153. package/templates/react-component/devtools/external-three.js +5 -0
  154. package/templates/react-component/devtools/tsconfig.build.json +19 -0
  155. package/templates/react-component/devtools/webpack.bundle.js +44 -0
  156. package/templates/react-component/devtools/webpack.example.js +39 -0
  157. package/templates/react-component/docs/.gitkeep +0 -0
  158. package/templates/react-component/examples/data.json +507 -0
  159. package/templates/react-component/examples/index.html +17 -0
  160. package/templates/react-component/examples/index.tsx +62 -0
  161. package/templates/react-component/lib/index.tsx +157 -0
  162. package/templates/react-component/package.json +38 -0
  163. package/templates/react-component/tsconfig.json +27 -0
  164. package/umd/five-gltf-loader.js +2 -0
  165. package/umd/five-gltf-loader.js.LICENSE.txt +14 -0
  166. package/umd/five-line.js +2 -0
  167. package/umd/five-line.js.LICENSE.txt +14 -0
  168. package/umd/five-react.js +2 -0
  169. package/umd/five-react.js.LICENSE.txt +14 -0
  170. package/umd/five-sticker.js +2 -0
  171. package/umd/five-sticker.js.LICENSE.txt +14 -0
  172. package/umd/five.js +2 -0
  173. package/umd/five.js.LICENSE.txt +116 -0
package/docs/classes/five.Five.html ADDED
@@ -0,0 +1,303 @@
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Five | 如视 Five SDK - v5.0.0-alpha.100</title><meta name="description" content="Documentation for 如视 Five SDK - v5.0.0-alpha.100"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视 Five SDK - v5.0.0-alpha.100</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视 Five SDK - v5.0.0-alpha.100</a></li><li><a href="../modules/five.html">five</a></li><li><a href="five.Five.html">Five</a></li></ul><h1>Class Five</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
2
+ <p>如视 VR Web展示器</p>
3
+ </div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code><span class="hl-4">// 初始化构造函数</span><br/><span class="hl-7">const</span><span class="hl-0"> </span><span class="hl-6">five</span><span class="hl-0"> = </span><span class="hl-7">new</span><span class="hl-0"> </span><span class="hl-5">Five</span><span class="hl-0">();</span><br/><span class="hl-4">// 将绘制区域添加到页面上</span><br/><span class="hl-2">five</span><span class="hl-0">.</span><span class="hl-5">appendTo</span><span class="hl-0">(</span><span class="hl-2">document</span><span class="hl-0">.</span><span class="hl-2">body</span><span class="hl-0">);</span><br/><span class="hl-4">// 加载 Work 数据</span><br/><span class="hl-2">five</span><span class="hl-0">.</span><span class="hl-5">load</span><span class="hl-0">({...});</span>
4
+ </code></pre>
5
+ </dd></dl></div></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="five.Subscribe.html" class="tsd-signature-type" data-tsd-kind="Class">Subscribe</a><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">Five</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="five.Five.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#camera" class="tsd-kind-icon">camera</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#currentMode" class="tsd-kind-icon">current<wbr/>Mode</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#ident" class="tsd-kind-icon">ident</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#imageOptions" class="tsd-kind-icon">image<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#model" class="tsd-kind-icon">model</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#needsRender" class="tsd-kind-icon">needs<wbr/>Render</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#panoIndex" class="tsd-kind-icon">pano<wbr/>Index</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#paused" class="tsd-kind-icon">paused</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#plugins" class="tsd-kind-icon">plugins</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#renderer" class="tsd-kind-icon">renderer</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#scene" class="tsd-kind-icon">scene</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#scissor" class="tsd-kind-icon">scissor</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#textureOptions" class="tsd-kind-icon">texture<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#videoTexture" class="tsd-kind-icon">video<wbr/>Texture</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="five.Five.html#Line" class="tsd-kind-icon">Line</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="five.Five.html#Mode" class="tsd-kind-icon">Mode</a></li></ul></section><section class="tsd-index-section "><h3>Accessors</h3><ul class="tsd-index-list"><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="five.Five.html#enableIOSEDR" class="tsd-kind-icon">enableIOSEDR</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="five.Five.html#enablePostProcessing" class="tsd-kind-icon">enable<wbr/>Post<wbr/>Processing</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="five.Five.html#helperVisible" class="tsd-kind-icon">helper<wbr/>Visible</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="five.Five.html#work" class="tsd-kind-icon">work</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#addExtraElement" class="tsd-kind-icon">add<wbr/>Extra<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#appendTo" class="tsd-kind-icon">append<wbr/>To</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#aroundScissor" class="tsd-kind-icon">around<wbr/>Scissor</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="five.Five.html#changeMode" class="tsd-kind-icon">change<wbr/>Mode</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#emit" class="tsd-kind-icon">emit</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#exitFullscreen" class="tsd-kind-icon">exit<wbr/>Fullscreen</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getCameraLocal" class="tsd-kind-icon">get<wbr/>Camera<wbr/>Local</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getCurrentState" class="tsd-kind-icon">get<wbr/>Current<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getDrawingBufferSize" class="tsd-kind-icon">get<wbr/>Drawing<wbr/>Buffer<wbr/>Size</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getLongitudeAndLatitude" class="tsd-kind-icon">get<wbr/>Longitude<wbr/>And<wbr/>Latitude</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getOffset" class="tsd-kind-icon">get<wbr/>Offset</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getPixels" class="tsd-kind-icon">get<wbr/>Pixels</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getPose" class="tsd-kind-icon">get<wbr/>Pose</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getRenderObjects" class="tsd-kind-icon">get<wbr/>Render<wbr/>Objects</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getSize" class="tsd-kind-icon">get<wbr/>Size</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="five.Five.html#hasListener" class="tsd-kind-icon">has<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#initBasisLoader" class="tsd-kind-icon">init<wbr/>Basis<wbr/>Loader</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#load" class="tsd-kind-icon">load</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#moveToPano" class="tsd-kind-icon">move<wbr/>To<wbr/>Pano</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#off" class="tsd-kind-icon">off</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#on" class="tsd-kind-icon">on</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#once" class="tsd-kind-icon">once</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#pause" class="tsd-kind-icon">pause</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#play" class="tsd-kind-icon">play</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#preloadPano" class="tsd-kind-icon">preload<wbr/>Pano</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#project2d" class="tsd-kind-icon">project2d</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#ready" class="tsd-kind-icon">ready</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#refresh" class="tsd-kind-icon">refresh</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#removeExtraElement" class="tsd-kind-icon">remove<wbr/>Extra<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#requestFullscreen" class="tsd-kind-icon">request<wbr/>Fullscreen</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#setScissor" class="tsd-kind-icon">set<wbr/>Scissor</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#updateCamera" class="tsd-kind-icon">update<wbr/>Camera</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#updateConfiguration" class="tsd-kind-icon">update<wbr/>Configuration</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#updateTime" class="tsd-kind-icon">update<wbr/>Time</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3>constructor</h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>Five<span class="tsd-signature-symbol">(</span>initArgs<span class="tsd-signature-symbol">?: </span><a href="../interfaces/five.FiveInitArgs.html" class="tsd-signature-type" data-tsd-kind="Interface">FiveInitArgs</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="five.Five.html" class="tsd-signature-type" data-tsd-kind="Class">Five</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="five.Subscribe.html">Subscribe</a>.<a href="five.Subscribe.html#constructor">constructor</a></p><ul><li>Defined in lib/five/application/five.ts:240</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>initArgs: <a href="../interfaces/five.FiveInitArgs.html" class="tsd-signature-type" data-tsd-kind="Interface">FiveInitArgs</a><span class="tsd-signature-symbol"> = {}</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="five.Five.html" class="tsd-signature-type" data-tsd-kind="Class">Five</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="camera" class="tsd-anchor"></a><h3>camera</h3><div class="tsd-signature tsd-kind-icon">camera<span class="tsd-signature-symbol">:</span> <a href="five.Camera.html" class="tsd-signature-type" data-tsd-kind="Class">Camera</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:127</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
6
+ <p>内部使用的 <code>Camera</code></p>
7
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="currentMode" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> current<wbr/>Mode</h3><div class="tsd-signature tsd-kind-icon">current<wbr/>Mode<span class="tsd-signature-symbol">?:</span> <a href="../modules/five.html#Mode" class="tsd-signature-type" data-tsd-kind="Type alias">Mode</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:121</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
8
+ <p>当前展示的模式</p>
9
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="ident" class="tsd-anchor"></a><h3>ident</h3><div class="tsd-signature tsd-kind-icon">ident<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:209</li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="imageOptions" class="tsd-anchor"></a><h3>image<wbr/>Options</h3><div class="tsd-signature tsd-kind-icon">image<wbr/>Options<span class="tsd-signature-symbol">:</span> <a href="../interfaces/five.ImageOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ImageOptions</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:167</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
10
+ <p>全景图的配置参数</p>
11
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>可以动态对配置在 <code>work</code> 数据中的全景图片在 runtime 做 url 调整。
12
+ 平衡加载时间和图片质量</p>
13
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="model" class="tsd-anchor"></a><h3>model</h3><div class="tsd-signature tsd-kind-icon">model<span class="tsd-signature-symbol">:</span> <a href="five.Model.html" class="tsd-signature-type" data-tsd-kind="Class">Model</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:151</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
14
+ <p>当前加载的模型</p>
15
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="needsRender" class="tsd-anchor"></a><h3>needs<wbr/>Render</h3><div class="tsd-signature tsd-kind-icon">needs<wbr/>Render<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:159</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
16
+ <p>是否需要渲染</p>
17
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果初始化设置了 <code>onlyRenderIfNeeds: true</code>, 则会激活按需渲染
18
+ 可以通过设置 <code>five.needsRender = true</code> 来告知，five 会在下一帧渲染画面。</p>
19
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="panoIndex" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> pano<wbr/>Index</h3><div class="tsd-signature tsd-kind-icon">pano<wbr/>Index<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:118</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
20
+ <p>当前点位序号</p>
21
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="paused" class="tsd-anchor"></a><h3>paused</h3><div class="tsd-signature tsd-kind-icon">paused<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:115</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
22
+ <p>自动播放状态是否暂停</p>
23
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>可以通过 <code>five.play</code> <code>five.pause</code> 方法播放或暂停</p>
24
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="plugins" class="tsd-anchor"></a><h3>plugins</h3><div class="tsd-signature tsd-kind-icon">plugins<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:207</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
25
+ <p>插件暴露的方法</p>
26
+ </div></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-index-signature"><h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><a href="../modules/five.html#FivePluginInstance" class="tsd-signature-type" data-tsd-kind="Type alias">FivePluginInstance</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="renderer" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> renderer</h3><div class="tsd-signature tsd-kind-icon">renderer<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WebGLRenderer</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:148</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
27
+ <p>当前使用的 THREE.WebGLRenderer。</p>
28
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果初始化时传入了 <code>renderer</code> 则直接时该值
29
+ 否则会通过 <code>preserveDrawingBuffer</code> <code>backgroundColor</code> <code>backgroundAlpha</code> <code>antialias</code> 创建一个 <code>THREE.WebGLRenderer</code></p>
30
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="scene" class="tsd-anchor"></a><h3>scene</h3><div class="tsd-signature tsd-kind-icon">scene<span class="tsd-signature-symbol">:</span> <a href="five.Scene.html" class="tsd-signature-type" data-tsd-kind="Class">Scene</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:124</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
31
+ <p>内部使用的 <code>THREE.Scene</code></p>
32
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="scissor" class="tsd-anchor"></a><h3>scissor</h3><div class="tsd-signature tsd-kind-icon">scissor<span class="tsd-signature-symbol">:</span> <a href="../interfaces/five.Scissor.html" class="tsd-signature-type" data-tsd-kind="Interface">Scissor</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:140</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
33
+ <p>当前设置的 <code>scissor</code></p>
34
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>可通过初始化，或者 setScissor 方式设置
35
+ <code>scissor</code> 是将屏幕中的内容渲染到 <code>renderer</code> 的指定区域。
36
+ 页面整体长宽均为 <code>1</code>。通过类似 css 的 <code>left</code> <code>bottom</code> <code>width</code> <code>height</code> 来确定区域。</p>
37
+ </dd><dt>example</dt><dd><pre><code><span class="hl-15">scissor</span><span class="hl-0">: { </span><span class="hl-15">left</span><span class="hl-0">: </span><span class="hl-13">0.75</span><span class="hl-0">, </span><span class="hl-15">bottom</span><span class="hl-0">: </span><span class="hl-13">0</span><span class="hl-0">, </span><span class="hl-15">width</span><span class="hl-0">: </span><span class="hl-13">0.25</span><span class="hl-0">, </span><span class="hl-15">height</span><span class="hl-0">: </span><span class="hl-13">1</span><span class="hl-0"> }</span>
38
+ </code></pre>
39
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="state" class="tsd-anchor"></a><h3>state</h3><div class="tsd-signature tsd-kind-icon">state<span class="tsd-signature-symbol">:</span> <a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:203</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
40
+ <p>当前状态</p>
41
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
42
+
43
+ - mode: Mode
44
+ - panoIndex: number
45
+ - longitude: number
46
+ - latitude: number
47
+ - fov: number
48
+ - offset: THREE.Vector3
49
+
50
+ 可以通过 five.state 和 five.setState 来获取和设置。
51
+ 通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
52
+ 来迎合一些通过数据驱动的场景。
53
+ </code></pre>
54
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="textureOptions" class="tsd-anchor"></a><h3>texture<wbr/>Options</h3><div class="tsd-signature tsd-kind-icon">texture<wbr/>Options<span class="tsd-signature-symbol">:</span> <a href="../interfaces/five.TextureOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">TextureOptions</a></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:175</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
55
+ <p>模型贴图的配置参数</p>
56
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>可以动态对配置在 <code>work</code> 数据中的模型贴图在 runtime 做 url 调整。
57
+ 平衡加载时间和图片质量</p>
58
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="videoTexture" class="tsd-anchor"></a><h3>video<wbr/>Texture</h3><div class="tsd-signature tsd-kind-icon">video<wbr/>Texture<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">VideoTexture</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:183</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
59
+ <p>模型贴图的配置参数</p>
60
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>可以动态对配置在 <code>work</code> 数据中的模型贴图在 runtime 做 url 调整。
61
+ 平衡加载时间和图片质量</p>
62
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static"><a id="Line" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> Line</h3><div class="tsd-signature tsd-kind-icon">Line<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:108</li></ul></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>请使用 <code>import { Line } from &quot;@realsee/five/line&quot;</code> 代替;</p>
63
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static"><a id="Mode" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagStatic">Static</span> Mode</h3><div class="tsd-signature tsd-kind-icon">Mode<span class="tsd-signature-symbol">:</span> <a href="../modules/five.html#Mirror" class="tsd-signature-type" data-tsd-kind="Type alias">Mirror</a><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#Mode" class="tsd-signature-type" data-tsd-kind="Type alias">Mode</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:95</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
64
+ <p>Five 的显示模式，可以通过 <code>five.changeMode</code> <code>five.setState</code> 来切换</p>
65
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">Panorama 全景图游走模式
66
+ Model 模型游走模式
67
+ Floorplan 模型查看模式
68
+ Topview 户型图模式
69
+ DepthPanorama 深度图游走模式
70
+ VRPanorama VR眼镜模式
71
+ </code></pre>
72
+ </dd></dl></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Accessors</h2><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="enableIOSEDR" class="tsd-anchor"></a><h3>enableIOSEDR</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> enableIOSEDR<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> enableIOSEDR<span class="tsd-signature-symbol">(</span>enable<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:485</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
73
+ <p>是否开启 IOS EDR 模式
74
+ 需要客户端配合
75
+ 并且开启 five.enablepostProcessing = true</p>
76
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:488</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
77
+ <p>是否开启 IOS EDR 模式
78
+ 需要客户端配合
79
+ 并且开启 five.enablepostProcessing = true</p>
80
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>enable: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="enablePostProcessing" class="tsd-anchor"></a><h3>enable<wbr/>Post<wbr/>Processing</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> enablePostProcessing<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> enablePostProcessing<span class="tsd-signature-symbol">(</span>enable<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:497</li></ul></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:500</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>enable: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="helperVisible" class="tsd-anchor"></a><h3>helper<wbr/>Visible</h3><ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> helperVisible<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> helperVisible<span class="tsd-signature-symbol">(</span>visible<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:469</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
81
+ <p>帮助元素显示/隐藏</p>
82
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:472</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
83
+ <p>帮助元素显示/隐藏</p>
84
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>visible: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class"><a id="work" class="tsd-anchor"></a><h3>work</h3><ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> work<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:781</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
85
+ <p>当前加载的 work 数据</p>
86
+ </div></div><h4 class="tsd-returns-title">Returns <a href="five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="addExtraElement" class="tsd-anchor"></a><h3>add<wbr/>Extra<wbr/>Element</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">add<wbr/>Extra<wbr/>Element<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:637</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
87
+ <p>绑定一个额外 DOM 区域，接受触控/鼠标事件</p>
88
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>element: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h4><div><p>解除该绑定</p>
89
+ </div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
90
+ <p>绑定一个额外 DOM 区域，接受触控/鼠标事件</p>
91
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div><p>解除该绑定</p>
92
+ </div></li></ul></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="appendTo" class="tsd-anchor"></a><h3>append<wbr/>To</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">append<wbr/>To<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:574</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
93
+ <p>将显示区域加载到页面 DOM 中</p>
94
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果你是传入的 <code>renderer</code>. 则你需要自行来方式显示区域该方法并不生效</p>
95
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>element: <span class="tsd-signature-type">HTMLElement</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
96
+ <p>加载到页面的 DOM 元素</p>
97
+ </div></div></li><li><h5>size: <span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = {}</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
98
+ <p>显示区域尺寸 默认铺满这个 DOM 元素</p>
99
+ </div></div><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="aroundScissor" class="tsd-anchor"></a><h3>around<wbr/>Scissor</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">around<wbr/>Scissor<span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1554</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a id="changeMode" class="tsd-anchor"></a><h3>change<wbr/>Mode</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon">change<wbr/>Mode<span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>mode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span>, state<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;mode&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span>, duration<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span>, force<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:967</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
100
+ <p>切换模态</p>
101
+ </div></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>T<span class="tsd-signature-symbol">: </span><a href="../modules/five.html#Mode" class="tsd-signature-type" data-tsd-kind="Type alias">Mode</a></h4></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>mode: <span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
102
+ <p>切换到的模态</p>
103
+ </div></div></li><li><h5>state: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;mode&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = {}</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
104
+ <p>切换完成时的姿态</p>
105
+ </div></div></li><li><h5>duration: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = ...</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
106
+ <p>模态切换动画用时</p>
107
+ </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
108
+ <p>是否时用户动作触发 默认 true</p>
109
+ </div></div></li><li><h5>force: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
110
+ <p>必须重新初始化 controller</p>
111
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="dispose" class="tsd-anchor"></a><h3>dispose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:406</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
112
+ <p>析构 five 对象。</p>
113
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>一旦调用了析构方法，则不能再使用当前 five 对象了。
114
+ 你可以新建一个新的。</p>
115
+ </dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="emit" class="tsd-anchor"></a><h3>emit</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">emit<span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, <span class="tsd-signature-symbol">...</span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="five.Subscribe.html">Subscribe</a>.<a href="five.Subscribe.html#emit">emit</a></p><ul><li>Defined in lib/five/utils/subscribe.ts:121</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
116
+ <p>触发事件</p>
117
+ </div></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraDirectionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraPositionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoSelected&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPanoCanceled&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillArrive&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;movingToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoArrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationEnded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationWillStart&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsTapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;tapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPanGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsInteriaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;interiaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsShowIntersectionOnModel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionOnModelUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionHidden&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureStartLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoading&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureAbort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;willLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;loaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelGeometryLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelMaterialLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelBvhLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelShownFloorChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;renderFrame&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentStateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;setState&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateSynced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsToMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsChangeMode&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modeChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpersVisibleChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span></h4><div class="tsd-comment tsd-typography"><div class="lead">
118
+ <p>预设的监听事件名称</p>
119
+ </div></div></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
120
+ <p>事件类型</p>
121
+ </div></div></li><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>data: <span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
122
+ <p>触发事件的数据</p>
123
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div><p>canceled 是否被触发取消</p>
124
+ </div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="exitFullscreen" class="tsd-anchor"></a><h3>exit<wbr/>Fullscreen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">exit<wbr/>Fullscreen<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1708</li></ul></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCameraLocal" class="tsd-anchor"></a><h3>get<wbr/>Camera<wbr/>Local</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Camera<wbr/>Local<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>lookAtVector<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span><span class="tsd-signature-symbol">; </span>phi<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>theta<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:723</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
125
+ <p>获取当前相机的姿态（用于内部的 python 脚本截图）</p>
126
+ </div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>这是用于内部的 python 脚本截图</p>
127
+ </dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{ </span>lookAtVector<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span><span class="tsd-signature-symbol">; </span>phi<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>theta<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>look<wbr/>At<wbr/>Vector<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span></h5></li><li class="tsd-parameter"><h5>phi<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5>theta<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getCurrentState" class="tsd-anchor"></a><h3>get<wbr/>Current<wbr/>State</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Current<wbr/>State<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1417</li></ul></aside><h4 class="tsd-returns-title">Returns <a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getDrawingBufferSize" class="tsd-anchor"></a><h3>get<wbr/>Drawing<wbr/>Buffer<wbr/>Size</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Drawing<wbr/>Buffer<wbr/>Size<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector2</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector2</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:677</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>target: <span class="tsd-signature-type">Vector2</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Vector2</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getElement" class="tsd-anchor"></a><h3>get<wbr/>Element</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Element<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLCanvasElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1116</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
128
+ <p>获取显示用的画布（Canvas DOM节点）</p>
129
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLCanvasElement</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getLongitudeAndLatitude" class="tsd-anchor"></a><h3>get<wbr/>Longitude<wbr/>And<wbr/>Latitude</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Longitude<wbr/>And<wbr/>Latitude<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;longitude&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;latitude&quot;</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:706</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
130
+ <p>获取当前相机经纬度</p>
131
+ </div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>请使用使用 getPose</p>
132
+ </dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;longitude&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;latitude&quot;</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getOffset" class="tsd-anchor"></a><h3>get<wbr/>Offset</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Offset<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:715</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
133
+ <p>获取当前相机位置</p>
134
+ </div><dl class="tsd-comment-tags"><dt>deprecated</dt><dd><p>请使用使用 getPose</p>
135
+ </dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Vector3</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getPixels" class="tsd-anchor"></a><h3>get<wbr/>Pixels</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Pixels<span class="tsd-signature-symbol">(</span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, pixelRatio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Uint8Array</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1080</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
136
+ <p>获取画面中的像素颜色</p>
137
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>x: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
138
+ <p>获取像素区域的起始坐标 x</p>
139
+ </div></div></li><li><h5>y: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
140
+ <p>获取像素区域的起始坐标 y</p>
141
+ </div></div></li><li><h5>width: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
142
+ <p>获取像素区域的宽度</p>
143
+ </div></div></li><li><h5>height: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
144
+ <p>获取像素区域的高度</p>
145
+ </div></div></li><li><h5>pixelRatio: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
146
+ <p>获取区域的像素比</p>
147
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Uint8Array</span></h4><div><p>rgba颜色平铺的 Uint8Array</p>
148
+ </div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getPose" class="tsd-anchor"></a><h3>get<wbr/>Pose</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Pose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:662</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
149
+ <p>获取当前相机姿态, 可以使用 getCurrentState 代替</p>
150
+ </div></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getRenderObjects" class="tsd-anchor"></a><h3>get<wbr/>Render<wbr/>Objects</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Render<wbr/>Objects<span class="tsd-signature-symbol">(</span>object<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Object3D</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Object3D</span><span class="tsd-signature-symbol">[]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1397</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
151
+ <p>获取当前在屏幕视锥中的 mesh。</p>
152
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> object: <span class="tsd-signature-type">Object3D</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
153
+ <p>如果传入则检查这个对象中的mesh，如果不传，则检查整个 scene</p>
154
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Object3D</span><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getSize" class="tsd-anchor"></a><h3>get<wbr/>Size</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Size<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector2</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector2</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:667</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>target: <span class="tsd-signature-type">Vector2</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Vector2</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="hasListener" class="tsd-anchor"></a><h3>has<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">has<wbr/>Listener<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraDirectionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraPositionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoSelected&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPanoCanceled&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillArrive&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;movingToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoArrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationEnded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationWillStart&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsTapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;tapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPanGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsInteriaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;interiaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsShowIntersectionOnModel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionOnModelUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionHidden&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureStartLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoading&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureAbort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;willLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;loaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelGeometryLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelMaterialLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelBvhLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelShownFloorChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;renderFrame&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentStateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;setState&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateSynced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsToMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsChangeMode&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modeChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpersVisibleChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="five.Subscribe.html">Subscribe</a>.<a href="five.Subscribe.html#hasListener">hasListener</a></p><ul><li>Defined in lib/five/utils/subscribe.ts:42</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
155
+ <p>判断是否注册了事件</p>
156
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraDirectionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraPositionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoSelected&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPanoCanceled&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillArrive&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;movingToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoArrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationEnded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationWillStart&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsTapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;tapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPanGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsInteriaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;interiaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsShowIntersectionOnModel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionOnModelUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionHidden&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureStartLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoading&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureAbort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;willLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;loaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelGeometryLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelMaterialLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelBvhLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelShownFloorChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;renderFrame&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentStateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;setState&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateSynced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsToMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsChangeMode&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modeChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpersVisibleChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
157
+ <p>事件类型</p>
158
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="initBasisLoader" class="tsd-anchor"></a><h3>init<wbr/>Basis<wbr/>Loader</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">init<wbr/>Basis<wbr/>Loader<span class="tsd-signature-symbol">(</span>transcoderResourcePath<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:754</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
159
+ <p>初始化 initBasisLoader</p>
160
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
161
+ basisLoader 只会初始化一次，一旦初始化则不会再修改。</p>
162
+ </dd><dt>example</dt><dd><pre><code><span class="hl-4">// 使用默认解析器</span><br/><span class="hl-2">five</span><span class="hl-0">.</span><span class="hl-5">initialBasisLoader</span><span class="hl-0">();</span><br/><br/><span class="hl-4">// 使用指定解析器</span><br/><span class="hl-4">// 会调用这个目录下的 basis_transcoder.js basis_transcoder.wasm 文件作为解析器</span><br/><span class="hl-2">five</span><span class="hl-0">.</span><span class="hl-5">initialBasisLoader</span><span class="hl-0">(</span><span class="hl-3">&quot;https://vrlab-public.ljcdn.com/release/static/image/release/five/basis/&quot;</span><span class="hl-0">);</span>
163
+ </code></pre>
164
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> transcoderResourcePath: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
165
+ <p>basis 解析器路径
166
+ 如果不设置，使用默认解析器 basis 解析器。
167
+ 可以传入解析器的 <code>resourcePath</code>, 则使用指定的解析器</p>
168
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="load" class="tsd-anchor"></a><h3>load</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">load<span class="tsd-signature-symbol">(</span>inputWork<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, state<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">&quot;inherit&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initial&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;offset&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span>, duration<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:795</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
169
+ <p>加载 Work 数据</p>
170
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>inputWork: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
171
+ <p>Work 数据</p>
172
+ </div></div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> state: <span class="tsd-signature-type">&quot;inherit&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initial&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;offset&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
173
+ <p>初始化姿态</p>
174
+ <ul>
175
+ <li>&quot;inherit&quot; 使用当前姿态</li>
176
+ <li>&quot;initial&quot; 使用 Work 数据中的 initial 姿态</li>
177
+ <li>State 自定义姿态</li>
178
+ </ul>
179
+ </div></div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> duration: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
180
+ <p>切换时间</p>
181
+ </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="moveToPano" class="tsd-anchor"></a><h3>move<wbr/>To<wbr/>Pano</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">move<wbr/>To<wbr/>Pano<span class="tsd-signature-symbol">(</span>panoIndex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, options<span class="tsd-signature-symbol">?: </span><a href="../interfaces/five.MovePanoOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">MovePanoOptions</a>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1313</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
182
+ <p>转化到 Panorama 模态，并移动到对应序号的观察点。</p>
183
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>panoIndex: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
184
+ <p>观察点序号</p>
185
+ </div></div></li><li><h5>options: <a href="../interfaces/five.MovePanoOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">MovePanoOptions</a><span class="tsd-signature-symbol"> = {}</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
186
+ <p>移动点位参数</p>
187
+ </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
188
+ <p>是否用户触犯</p>
189
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="off" class="tsd-anchor"></a><h3>off</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">off<span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="five.Subscribe.html">Subscribe</a>.<a href="five.Subscribe.html#off">off</a></p><ul><li>Defined in lib/five/utils/subscribe.ts:91</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
190
+ <p>解除事件</p>
191
+ </div><div><p>如果 name 不传的话解除对应所有事件
192
+ 如果 name, callback 不传的话解除所有name的所有事件</p>
193
+ </div></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraDirectionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraPositionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoSelected&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPanoCanceled&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillArrive&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;movingToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoArrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationEnded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationWillStart&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsTapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;tapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPanGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsInteriaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;interiaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsShowIntersectionOnModel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionOnModelUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionHidden&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureStartLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoading&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureAbort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;willLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;loaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelGeometryLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelMaterialLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelBvhLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelShownFloorChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;renderFrame&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentStateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;setState&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateSynced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsToMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsChangeMode&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modeChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpersVisibleChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span></h4><div class="tsd-comment tsd-typography"><div class="lead">
194
+ <p>预设的监听事件名称</p>
195
+ </div></div></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> name: <span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
196
+ <p>事件类型</p>
197
+ </div></div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
198
+ <p>事件回调函数</p>
199
+ </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="on" class="tsd-anchor"></a><h3>on</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">on<span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span>, once<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="five.Subscribe.html">Subscribe</a>.<a href="five.Subscribe.html#on">on</a></p><ul><li>Defined in lib/five/utils/subscribe.ts:56</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
200
+ <p>注册事件</p>
201
+ </div></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraDirectionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraPositionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoSelected&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPanoCanceled&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillArrive&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;movingToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoArrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationEnded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationWillStart&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsTapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;tapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPanGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsInteriaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;interiaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsShowIntersectionOnModel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionOnModelUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionHidden&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureStartLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoading&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureAbort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;willLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;loaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelGeometryLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelMaterialLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelBvhLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelShownFloorChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;renderFrame&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentStateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;setState&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateSynced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsToMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsChangeMode&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modeChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpersVisibleChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span></h4><div class="tsd-comment tsd-typography"><div class="lead">
202
+ <p>预设的监听事件名称</p>
203
+ </div></div></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
204
+ <p>事件类型</p>
205
+ </div></div></li><li><h5>callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
206
+ <p>事件回调函数</p>
207
+ </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> once: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
208
+ <p>是否只执行一次</p>
209
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
210
+ </div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
211
+ <p>注册事件</p>
212
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
213
+ </div></li></ul></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a id="once" class="tsd-anchor"></a><h3>once</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">once<span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span>, callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="five.Subscribe.html">Subscribe</a>.<a href="five.Subscribe.html#once">once</a></p><ul><li>Defined in lib/five/utils/subscribe.ts:75</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
214
+ <p>注册事件(是否只执行一次)</p>
215
+ </div></div><h4 class="tsd-type-parameters-title">Type parameters</h4><ul class="tsd-type-parameters"><li><h4>K<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;error&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;network&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraDirectionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;cameraPositionUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoSelected&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;moveToPanoCanceled&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillArrive&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;movingToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoArrived&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panoLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationEnded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;initAnimationWillStart&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;gesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsTapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;tapGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pressGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPanGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsInteriaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;panGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;interiaPan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsPinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;pinchGesture&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;mouseWheel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsShowIntersectionOnModel&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionOnModelUpdate&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;intersectionHidden&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureStartLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoading&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureAbort&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;textureError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;willLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;load&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;loaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelWillLoad&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelGeometryLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelMaterialLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelBvhLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoadError&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelLoaded&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modelShownFloorChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;renderFrame&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;fps&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;currentStateChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;setState&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;stateSynced&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsToMoveToPano&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;wantsChangeMode&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;modeChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;helpersVisibleChange&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;dispose&quot;</span></h4><div class="tsd-comment tsd-typography"><div class="lead">
216
+ <p>预设的监听事件名称</p>
217
+ </div></div></li></ul><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
218
+ <p>事件类型</p>
219
+ </div></div></li><li><h5>callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
220
+ <p>事件回调函数</p>
221
+ </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>args: <span class="tsd-signature-type">Parameters</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/five.html#EventTypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
222
+ </div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
223
+ <p>注册事件(是否只执行一次)</p>
224
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
225
+ </div></li></ul></li></ul></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="pause" class="tsd-anchor"></a><h3>pause</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">pause<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1295</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
226
+ <p>但停自动播放</p>
227
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="play" class="tsd-anchor"></a><h3>play</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">play<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1302</li></ul></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="preloadPano" class="tsd-anchor"></a><h3>preload<wbr/>Pano</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">preload<wbr/>Pano<span class="tsd-signature-symbol">(</span>panoIndex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span>costs<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1342</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
228
+ <p>预加载点位图片资源</p>
229
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>panoIndex: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
230
+ <p>观察点序号</p>
231
+ </div></div></li><li><h5>callback: <span class="tsd-signature-symbol">(</span>costs<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> = noop</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
232
+ <p>加载完成回调, 并传递加载用时。</p>
233
+ </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>costs<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>costs: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></h4><div><p>加载完成的 Promise 参数同 callback</p>
234
+ </div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="project2d" class="tsd-anchor"></a><h3>project2d</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">project2d<span class="tsd-signature-symbol">(</span>vector<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span>, testModel<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector2</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1373</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
235
+ <p>计算三维坐标对应到屏幕的二维坐标</p>
236
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果三维坐标不在屏幕中，则返回 null</p>
237
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>vector: <span class="tsd-signature-type">Vector3</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
238
+ <p>三维坐标</p>
239
+ </div></div></li><li><h5>testModel: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
240
+ <p>是否计算模型遮挡</p>
241
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Vector2</span></h4><div><p>二维坐标 或者 null</p>
242
+ </div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="ready" class="tsd-anchor"></a><h3>ready</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">ready<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1696</li></ul></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="refresh" class="tsd-anchor"></a><h3>refresh</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">refresh<span class="tsd-signature-symbol">(</span>size<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span>, pixelRatio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:603</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
243
+ <p>设置显示区域尺寸</p>
244
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果你是传入的 <code>renderer</code>. 则你需要自行来设置显示区域尺寸，该方法并不生效</p>
245
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>size: <span class="tsd-signature-symbol">{ </span>height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = {}</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
246
+ <p>显示区域尺寸 默认铺满这个 DOM 元素</p>
247
+ </div></div><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> height<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-flag ts-flagOptional">Optional</span> width<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span></h5></li></ul></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> pixelRatio: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
248
+ <p>像素比 默认继承之前的设置</p>
249
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="removeExtraElement" class="tsd-anchor"></a><h3>remove<wbr/>Extra<wbr/>Element</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">remove<wbr/>Extra<wbr/>Element<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:650</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
250
+ <p>解除绑定的一个额外 DOM 区域</p>
251
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>element: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="render" class="tsd-anchor"></a><h3>render</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span>, updateObjectResolution<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">WebGLRenderTarget</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1131</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
252
+ <p>强制渲染</p>
253
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>调用 <code>five.render()</code> 和设置 <code>five.needsRender = true</code> 均可在按需渲染时，使得画面渲染一次
254
+ 区别在于：</p>
255
+ <ul>
256
+ <li><code>five.needsRender = true</code> 为在下帧渲染画面</li>
257
+ <li><code>five.render()</code> 在当前帧渲染画面
258
+ 推荐使用 <code>five.needsRender = true</code>, 可以更加流畅。但是如果需要截图等同步操作，可以使用 <code>five.render()</code></li>
259
+ </ul>
260
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
261
+ <p>渲染完成回调</p>
262
+ </div></div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li><li><h5>updateObjectResolution: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">WebGLRenderTarget</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="requestFullscreen" class="tsd-anchor"></a><h3>request<wbr/>Fullscreen</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">request<wbr/>Fullscreen<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1700</li></ul></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setScissor" class="tsd-anchor"></a><h3>set<wbr/>Scissor</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Scissor<span class="tsd-signature-symbol">(</span>scissor<span class="tsd-signature-symbol">: </span><a href="../interfaces/five.Scissor.html" class="tsd-signature-type" data-tsd-kind="Interface">Scissor</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:459</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
263
+ <p>设置 <code>scissor</code></p>
264
+ </div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code><span class="hl-2">five</span><span class="hl-0">.</span><span class="hl-5">setScissor</span><span class="hl-0">({ </span><span class="hl-2">left:</span><span class="hl-0"> </span><span class="hl-13">0.75</span><span class="hl-0">, </span><span class="hl-2">bottom:</span><span class="hl-0"> </span><span class="hl-13">0</span><span class="hl-0">, </span><span class="hl-2">width:</span><span class="hl-0"> </span><span class="hl-13">0.25</span><span class="hl-0">, </span><span class="hl-2">height:</span><span class="hl-0"> </span><span class="hl-13">1</span><span class="hl-0"> })</span>
265
+ </code></pre>
266
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>scissor: <a href="../interfaces/five.Scissor.html" class="tsd-signature-type" data-tsd-kind="Interface">Scissor</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
267
+ <p>指定区域
268
+ <code>scissor</code> 是将屏幕中的内容渲染到 <code>renderer</code> 的指定区域。
269
+ 请确保在 five 初始化时传入 <code>renderer</code> 对象
270
+ 页面整体长宽均为 <code>1</code>。通过类似 css 的 <code>left</code> <code>bottom</code> <code>width</code> <code>height</code> 来确定区域。</p>
271
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setState" class="tsd-anchor"></a><h3>set<wbr/>State</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>State<span class="tsd-signature-symbol">(</span>state<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span>, immediately<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1446</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
272
+ <p>设置 State</p>
273
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
274
+
275
+ - mode: Mode
276
+ - panoIndex: number
277
+ - longitude: number
278
+ - latitude: number
279
+ - fov: number
280
+ - offset: THREE.Vector3
281
+
282
+ 可以通过 five.state 和 five.setState 来获取和设置。
283
+ 通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
284
+ 来迎合一些通过数据驱动的场景。
285
+ </code></pre>
286
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>state: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
287
+ <p>目标状态</p>
288
+ </div></div></li><li><h5>immediately: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
289
+ <p>是否马上转换，马上转换会尽快达到目标状态，尽量减少中间状态，更少动画。</p>
290
+ </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
291
+ <p>是否是用户触发的动作</p>
292
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="updateCamera" class="tsd-anchor"></a><h3>update<wbr/>Camera</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">update<wbr/>Camera<span class="tsd-signature-symbol">(</span>pose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;offset&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span>, duration<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, userAction<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:697</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
293
+ <p>移动相机。（不触发点位移动）</p>
294
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果动画中途被打断（用户触发行为，或者调用 setState, load, changeMode）的等
295
+ 会 Promise.reject。运动完成则 Promise.resolve</p>
296
+ </dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>pose: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.Pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;offset&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
297
+ <p>相机目标位置</p>
298
+ </div></div></li><li><h5>duration: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
299
+ <p>动画触发的时常</p>
300
+ </div></div></li><li><h5>userAction: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
301
+ <p>是否用户触发</p>
302
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4><div><p>Promise 是否移动成功</p>
303
+ </div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="updateConfiguration" class="tsd-anchor"></a><h3>update<wbr/>Configuration</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">update<wbr/>Configuration<span class="tsd-signature-symbol">(</span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.FiveInitArgs.html" class="tsd-signature-type" data-tsd-kind="Interface">FiveInitArgs</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;panorama&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;floorplan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;topview&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;depthPanorama&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;vrPanorama&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;imageOptions&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:517</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>args: <span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/five.FiveInitArgs.html" class="tsd-signature-type" data-tsd-kind="Interface">FiveInitArgs</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;panorama&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;model&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;floorplan&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;topview&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;depthPanorama&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;vrPanorama&quot;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">&quot;imageOptions&quot;</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="updateTime" class="tsd-anchor"></a><h3>update<wbr/>Time</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">update<wbr/>Time<span class="tsd-signature-symbol">(</span>time<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, deltaTime<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in lib/five/application/five.ts:1170</li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>time: <span class="tsd-signature-type">number</span></h5></li><li><h5>deltaTime: <span class="tsd-signature-type">number</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Modules</a></li><li class="current tsd-kind-module"><a href="../modules/five.html">five</a><ul><li class=" tsd-kind-namespace tsd-parent-kind-module"><a href="../modules/five.SubscribeMixinType.html">Subscribe<wbr/>Mixin<wbr/>Type</a></li></ul></li><li class=" tsd-kind-module"><a href="../modules/gltf_loader.html">gltf-<wbr/>loader</a></li><li class=" tsd-kind-module"><a href="../modules/line.html">line</a></li><li class=" tsd-kind-module"><a href="../modules/react.html">react</a></li><li class=" tsd-kind-module"><a href="../modules/server.html">server</a></li><li class=" tsd-kind-module"><a href="../modules/sticker.html">sticker</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class tsd-parent-kind-module"><a href="five.Five.html" class="tsd-kind-icon">Five</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="five.Five.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#camera" class="tsd-kind-icon">camera</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#currentMode" class="tsd-kind-icon">current<wbr/>Mode</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#ident" class="tsd-kind-icon">ident</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#imageOptions" class="tsd-kind-icon">image<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#model" class="tsd-kind-icon">model</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#needsRender" class="tsd-kind-icon">needs<wbr/>Render</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#panoIndex" class="tsd-kind-icon">pano<wbr/>Index</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#paused" class="tsd-kind-icon">paused</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#plugins" class="tsd-kind-icon">plugins</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#renderer" class="tsd-kind-icon">renderer</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#scene" class="tsd-kind-icon">scene</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#scissor" class="tsd-kind-icon">scissor</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#textureOptions" class="tsd-kind-icon">texture<wbr/>Options</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="five.Five.html#videoTexture" class="tsd-kind-icon">video<wbr/>Texture</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="five.Five.html#Line" class="tsd-kind-icon">Line</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="five.Five.html#Mode" class="tsd-kind-icon">Mode</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="five.Five.html#enableIOSEDR" class="tsd-kind-icon">enableIOSEDR</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="five.Five.html#enablePostProcessing" class="tsd-kind-icon">enable<wbr/>Post<wbr/>Processing</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="five.Five.html#helperVisible" class="tsd-kind-icon">helper<wbr/>Visible</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="five.Five.html#work" class="tsd-kind-icon">work</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#addExtraElement" class="tsd-kind-icon">add<wbr/>Extra<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#appendTo" class="tsd-kind-icon">append<wbr/>To</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#aroundScissor" class="tsd-kind-icon">around<wbr/>Scissor</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="five.Five.html#changeMode" class="tsd-kind-icon">change<wbr/>Mode</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#emit" class="tsd-kind-icon">emit</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#exitFullscreen" class="tsd-kind-icon">exit<wbr/>Fullscreen</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getCameraLocal" class="tsd-kind-icon">get<wbr/>Camera<wbr/>Local</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getCurrentState" class="tsd-kind-icon">get<wbr/>Current<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getDrawingBufferSize" class="tsd-kind-icon">get<wbr/>Drawing<wbr/>Buffer<wbr/>Size</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getElement" class="tsd-kind-icon">get<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getLongitudeAndLatitude" class="tsd-kind-icon">get<wbr/>Longitude<wbr/>And<wbr/>Latitude</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getOffset" class="tsd-kind-icon">get<wbr/>Offset</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getPixels" class="tsd-kind-icon">get<wbr/>Pixels</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getPose" class="tsd-kind-icon">get<wbr/>Pose</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getRenderObjects" class="tsd-kind-icon">get<wbr/>Render<wbr/>Objects</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#getSize" class="tsd-kind-icon">get<wbr/>Size</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="five.Five.html#hasListener" class="tsd-kind-icon">has<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#initBasisLoader" class="tsd-kind-icon">init<wbr/>Basis<wbr/>Loader</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#load" class="tsd-kind-icon">load</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#moveToPano" class="tsd-kind-icon">move<wbr/>To<wbr/>Pano</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#off" class="tsd-kind-icon">off</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#on" class="tsd-kind-icon">on</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="five.Five.html#once" class="tsd-kind-icon">once</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#pause" class="tsd-kind-icon">pause</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#play" class="tsd-kind-icon">play</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#preloadPano" class="tsd-kind-icon">preload<wbr/>Pano</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#project2d" class="tsd-kind-icon">project2d</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#ready" class="tsd-kind-icon">ready</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#refresh" class="tsd-kind-icon">refresh</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#removeExtraElement" class="tsd-kind-icon">remove<wbr/>Extra<wbr/>Element</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#requestFullscreen" class="tsd-kind-icon">request<wbr/>Fullscreen</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#setScissor" class="tsd-kind-icon">set<wbr/>Scissor</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#updateCamera" class="tsd-kind-icon">update<wbr/>Camera</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#updateConfiguration" class="tsd-kind-icon">update<wbr/>Configuration</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="five.Five.html#updateTime" class="tsd-kind-icon">update<wbr/>Time</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-namespace"><span class="tsd-kind-icon">Namespace</span></li><li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li><li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li><li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li><li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li><li class="tsd-kind-type-alias tsd-has-type-parameter"><span class="tsd-kind-icon">Type alias with type parameter</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li><li class="tsd-kind-class tsd-has-type-parameter"><span class="tsd-kind-icon">Class with type parameter</span></li><li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li><li class="tsd-kind-interface tsd-has-type-parameter"><span class="tsd-kind-icon">Interface with type parameter</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>