@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
@@ -0,0 +1,191 @@
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>FiveInjectionTypes | 如视 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/react.html">react</a></li><li><a href="react.FiveInjectionTypes.html">FiveInjectionTypes</a></li></ul><h1>Interface FiveInjectionTypes</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/react.html#FiveInjectionFeature" class="tsd-signature-type" data-tsd-kind="Type alias">FiveInjectionFeature</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">FiveInjectionTypes</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>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraDirection" class="tsd-kind-icon">camera<wbr/>Direction</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraRaycaster" class="tsd-kind-icon">camera<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#currentObserver" class="tsd-kind-icon">current<wbr/>Observer</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#currentState" class="tsd-kind-icon">current<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#getPixels" class="tsd-kind-icon">get<wbr/>Pixels</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#helperVisible" class="tsd-kind-icon">helper<wbr/>Visible</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#initBasisLoader" class="tsd-kind-icon">init<wbr/>Basis<wbr/>Loader</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#intersectRaycaster" class="tsd-kind-icon">intersect<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#loadWork" class="tsd-kind-icon">load<wbr/>Work</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#model" class="tsd-kind-icon">model</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#modelReadyState" class="tsd-kind-icon">model<wbr/>Ready<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#off" class="tsd-kind-icon">off</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#on" class="tsd-kind-icon">on</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="react.FiveInjectionTypes.html#once" class="tsd-kind-icon">once</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#preloadPano" class="tsd-kind-icon">preload<wbr/>Pano</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#project2d" class="tsd-kind-icon">project2d</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#scene" class="tsd-kind-icon">scene</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#shownFloor" class="tsd-kind-icon">shown<wbr/>Floor</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#totalFloorLength" class="tsd-kind-icon">total<wbr/>Floor<wbr/>Length</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#unsafe__fiveInstance" class="tsd-kind-icon">unsafe__five<wbr/>Instance</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#updateCamera" class="tsd-kind-icon">update<wbr/>Camera</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.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-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#needsRender" class="tsd-kind-icon">needs<wbr/>Render</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#showFloor" class="tsd-kind-icon">show<wbr/>Floor</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#toggleHelperVisible" class="tsd-kind-icon">toggle<wbr/>Helper<wbr/>Visible</a></li></ul></section></div></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-interface tsd-is-inherited"><a id="cameraDirection" class="tsd-anchor"></a><h3>camera<wbr/>Direction</h3><div class="tsd-signature tsd-kind-icon">camera<wbr/>Direction<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.cameraDirection</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="cameraRaycaster" class="tsd-anchor"></a><h3>camera<wbr/>Raycaster</h3><div class="tsd-signature tsd-kind-icon">camera<wbr/>Raycaster<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.cameraRaycaster</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="currentObserver" class="tsd-anchor"></a><h3>current<wbr/>Observer</h3><div class="tsd-signature tsd-kind-icon">current<wbr/>Observer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.currentObserver</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="currentState" class="tsd-anchor"></a><h3>current<wbr/>State</h3><div class="tsd-signature tsd-kind-icon">current<wbr/>State<span class="tsd-signature-symbol">:</span> <a href="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></div><aside class="tsd-sources"><p>Overrides Record.currentState</p><ul><li>Defined in lib/react/withFive.tsx:391</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
2
+ <p>Five React Inject: Five 的当前状态</p>
3
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
4
+
5
+ - mode: Mode
6
+ - panoIndex: number
7
+ - longitude: number
8
+ - latitude: number
9
+ - fov: number
10
+ - offset: THREE.Vector3
11
+
12
+ 可以通过 state, currentState 和 setState 来获取和设置。
13
+ 通过 state 设置后,five 会通过合适的动画运动来达到设置的位置。
14
+ 来迎合一些通过数据驱动的场景。
15
+ </code></pre>
16
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="getPixels" class="tsd-anchor"></a><h3>get<wbr/>Pixels</h3><div class="tsd-signature tsd-kind-icon">get<wbr/>Pixels<span class="tsd-signature-symbol">:</span> <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"> =&gt; </span><span class="tsd-signature-type">Uint8Array</span></div><aside class="tsd-sources"><p>Overrides Record.getPixels</p><ul><li>Defined in lib/react/withFive.tsx:526</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
17
+ <p>获取画面中的像素颜色</p>
18
+ </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">
19
+ <p>获取像素区域的起始坐标 x</p>
20
+ </div></div></li><li><h5>y: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
21
+ <p>获取像素区域的起始坐标 y</p>
22
+ </div></div></li><li><h5>width: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
23
+ <p>获取像素区域的宽度</p>
24
+ </div></div></li><li><h5>height: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
25
+ <p>获取像素区域的高度</p>
26
+ </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">
27
+ <p>获取区域的像素比</p>
28
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Uint8Array</span></h4><div><p>rgba颜色平铺的 Uint8Array</p>
29
+ </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="helperVisible" class="tsd-anchor"></a><h3>helper<wbr/>Visible</h3><div class="tsd-signature tsd-kind-icon">helper<wbr/>Visible<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.helperVisible</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="initBasisLoader" class="tsd-anchor"></a><h3>init<wbr/>Basis<wbr/>Loader</h3><div class="tsd-signature tsd-kind-icon">init<wbr/>Basis<wbr/>Loader<span class="tsd-signature-symbol">:</span> <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"> =&gt; </span><span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Overrides Record.initBasisLoader</p><ul><li>Defined in lib/react/withFive.tsx:515</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
30
+ <p>初始化 initBasisLoader</p>
31
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
32
+ basisLoader 只会初始化一次,一旦初始化则不会再修改。</p>
33
+ </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>
34
+ </code></pre>
35
+ </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">
36
+ <p>basis 解析器路径
37
+ 如果不设置,使用默认解析器 basis 解析器。
38
+ 可以传入解析器的 <code>resourcePath</code>, 则使用指定的解析器</p>
39
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="intersectRaycaster" class="tsd-anchor"></a><h3>intersect<wbr/>Raycaster</h3><div class="tsd-signature tsd-kind-icon">intersect<wbr/>Raycaster<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>raycaster<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Raycaster</span>, floors<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><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"> =&gt; </span><a href="five.Intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><p>Overrides Record.intersectRaycaster</p><ul><li>Defined in lib/react/withFive.tsx:473</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>raycaster<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Raycaster</span>, floors<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><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><a href="five.Intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography"><div class="lead">
40
+ <p>计算模型射线碰撞检测</p>
41
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>raycaster: <span class="tsd-signature-type">Raycaster</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
42
+ <p>THREE 射线对象</p>
43
+ </div></div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> floors: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
44
+ <p>和某一楼层做碰撞检测, 不传为和所有楼层做碰撞检测</p>
45
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="five.Intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></h4><div><p>返回碰撞</p>
46
+ </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="loadWork" class="tsd-anchor"></a><h3>load<wbr/>Work</h3><div class="tsd-signature tsd-kind-icon">load<wbr/>Work<span class="tsd-signature-symbol">:</span> <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="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"> =&gt; </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></div><aside class="tsd-sources"><p>Overrides Record.loadWork</p><ul><li>Defined in lib/react/withFive.tsx:429</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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="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"><div class="tsd-comment tsd-typography"><div class="lead">
47
+ <p>加载 Work 数据</p>
48
+ </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">
49
+ <p>Work 数据</p>
50
+ </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="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">
51
+ <p>初始化姿态</p>
52
+ <ul>
53
+ <li>&quot;inherit&quot; 使用当前姿态</li>
54
+ <li>&quot;initial&quot; 使用 Work 数据中的 initial 姿态</li>
55
+ <li>State 自定义姿态</li>
56
+ </ul>
57
+ </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">
58
+ <p>切换时间</p>
59
+ </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></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="model" class="tsd-anchor"></a><h3>model</h3><div class="tsd-signature tsd-kind-icon">model<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.model</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="modelReadyState" class="tsd-anchor"></a><h3>model<wbr/>Ready<wbr/>State</h3><div class="tsd-signature tsd-kind-icon">model<wbr/>Ready<wbr/>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.modelReadyState</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="off" class="tsd-anchor"></a><h3>off</h3><div class="tsd-signature tsd-kind-icon">off<span class="tsd-signature-symbol">:</span> <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"> =&gt; </span><span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Overrides Record.off</p><ul><li>Defined in lib/react/withFive.tsx:465</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
60
+ <p>解除事件</p>
61
+ </div><div><p>如果 name 不传的话解除对应所有事件
62
+ 如果 name, callback 不传的话解除所有name的所有事件</p>
63
+ </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">
64
+ <p>预设的监听事件名称</p>
65
+ </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">
66
+ <p>事件类型</p>
67
+ </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">
68
+ <p>事件回调函数</p>
69
+ </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></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="on" class="tsd-anchor"></a><h3>on</h3><div class="tsd-signature tsd-kind-icon">on<span class="tsd-signature-symbol">:</span> <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"> =&gt; </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></div><aside class="tsd-sources"><p>Overrides Record.on</p><ul><li>Defined in lib/react/withFive.tsx:442</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
70
+ <p>注册事件</p>
71
+ </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">
72
+ <p>预设的监听事件名称</p>
73
+ </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">
74
+ <p>事件类型</p>
75
+ </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">
76
+ <p>事件回调函数</p>
77
+ </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">
78
+ <p>是否只执行一次</p>
79
+ </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>
80
+ </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">
81
+ <p>注册事件</p>
82
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
83
+ </div></li></ul></li></ul></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="once" class="tsd-anchor"></a><h3>once</h3><div class="tsd-signature tsd-kind-icon">once<span class="tsd-signature-symbol">:</span> <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"> =&gt; </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></div><aside class="tsd-sources"><ul><li>Defined in lib/react/withFive.tsx:454</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
84
+ <p>注册事件(是否只执行一次)</p>
85
+ </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">
86
+ <p>预设的监听事件名称</p>
87
+ </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">
88
+ <p>事件类型</p>
89
+ </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">
90
+ <p>事件回调函数</p>
91
+ </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>
92
+ </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">
93
+ <p>注册事件(是否只执行一次)</p>
94
+ </div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div><p>解除事件</p>
95
+ </div></li></ul></li></ul></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="preloadPano" class="tsd-anchor"></a><h3>preload<wbr/>Pano</h3><div class="tsd-signature tsd-kind-icon">preload<wbr/>Pano<span class="tsd-signature-symbol">:</span> <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"> =&gt; </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></div><aside class="tsd-sources"><p>Overrides Record.preloadPano</p><ul><li>Defined in lib/react/withFive.tsx:559</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
96
+ <p>预加载点位图片资源</p>
97
+ </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">
98
+ <p>观察点序号</p>
99
+ </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">
100
+ <p>加载完成回调, 并传递加载用时。</p>
101
+ </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>
102
+ </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="project2d" class="tsd-anchor"></a><h3>project2d</h3><div class="tsd-signature tsd-kind-icon">project2d<span class="tsd-signature-symbol">:</span> <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"> =&gt; </span><span class="tsd-signature-type">Vector2</span></div><aside class="tsd-sources"><p>Overrides Record.project2d</p><ul><li>Defined in lib/react/withFive.tsx:483</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
103
+ <p>计算三维坐标对应到屏幕的二维坐标</p>
104
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果三维坐标不在屏幕中,则返回 null</p>
105
+ </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">
106
+ <p>三维坐标</p>
107
+ </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">
108
+ <p>是否计算模型遮挡</p>
109
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Vector2</span></h4><div><p>二维坐标 或者 null</p>
110
+ </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="render" class="tsd-anchor"></a><h3>render</h3><div class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">:</span> <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"> =&gt; </span><span class="tsd-signature-type">WebGLRenderTarget</span></div><aside class="tsd-sources"><p>Overrides Record.render</p><ul><li>Defined in lib/react/withFive.tsx:539</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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"><div class="tsd-comment tsd-typography"><div class="lead">
111
+ <p>强制渲染</p>
112
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>调用 <code>five.render()</code> 和设置 <code>five.needsRender = true</code> 均可在按需渲染时,使得画面渲染一次
113
+ 区别在于:</p>
114
+ <ul>
115
+ <li><code>five.needsRender = true</code> 为在下帧渲染画面</li>
116
+ <li><code>five.render()</code> 在当前帧渲染画面
117
+ 推荐使用 <code>five.needsRender = true</code>, 可以更加流畅。但是如果需要截图等同步操作,可以使用 <code>five.render()</code></li>
118
+ </ul>
119
+ </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">
120
+ <p>渲染完成回调</p>
121
+ </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></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="scene" class="tsd-anchor"></a><h3>scene</h3><div class="tsd-signature tsd-kind-icon">scene<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.scene</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="setState" class="tsd-anchor"></a><h3>set<wbr/>State</h3><div class="tsd-signature tsd-kind-icon">set<wbr/>State<span class="tsd-signature-symbol">:</span> <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="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"> =&gt; </span><span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><p>Overrides Record.setState</p><ul><li>Defined in lib/react/withFive.tsx:418</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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="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"><div class="tsd-comment tsd-typography"><div class="lead">
122
+ <p>设置 State</p>
123
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
124
+
125
+ - mode: Mode
126
+ - panoIndex: number
127
+ - longitude: number
128
+ - latitude: number
129
+ - fov: number
130
+ - offset: THREE.Vector3
131
+
132
+ 可以通过 five.state 和 five.setState 来获取和设置。
133
+ 通过 state 设置后,five 会通过合适的动画运动来达到设置的位置。
134
+ 来迎合一些通过数据驱动的场景。
135
+ </code></pre>
136
+ </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="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">
137
+ <p>目标状态</p>
138
+ </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">
139
+ <p>是否马上转换,马上转换会尽快达到目标状态,尽量减少中间状态,更少动画。</p>
140
+ </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">
141
+ <p>是否是用户触发的动作</p>
142
+ </div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="shownFloor" class="tsd-anchor"></a><h3>shown<wbr/>Floor</h3><div class="tsd-signature tsd-kind-icon">shown<wbr/>Floor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.shownFloor</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><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="five.State.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></div><aside class="tsd-sources"><p>Overrides Record.state</p><ul><li>Defined in lib/react/withFive.tsx:371</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
143
+ <p>Five React Inject: Five 的目标状态</p>
144
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><pre><code class="language-text">five 设置了以下状态
145
+
146
+ - mode: Mode
147
+ - panoIndex: number
148
+ - longitude: number
149
+ - latitude: number
150
+ - fov: number
151
+ - offset: THREE.Vector3
152
+
153
+ 可以通过 state, currentState 和 setState 来获取和设置。
154
+ 通过 state 设置后,five 会通过合适的动画运动来达到设置的位置。
155
+ 来迎合一些通过数据驱动的场景。
156
+ </code></pre>
157
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a id="totalFloorLength" class="tsd-anchor"></a><h3>total<wbr/>Floor<wbr/>Length</h3><div class="tsd-signature tsd-kind-icon">total<wbr/>Floor<wbr/>Length<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><p>Inherited from Record.totalFloorLength</p></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="unsafe__fiveInstance" class="tsd-anchor"></a><h3>unsafe__five<wbr/>Instance</h3><div class="tsd-signature tsd-kind-icon">unsafe__five<wbr/>Instance<span class="tsd-signature-symbol">:</span> <a href="../classes/five.Five.html" class="tsd-signature-type" data-tsd-kind="Class">Five</a></div><aside class="tsd-sources"><p>Overrides Record.unsafe__fiveInstance</p><ul><li>Defined in lib/react/withFive.tsx:351</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
158
+ <p>Five React Inject: 获取 five 实例</p>
159
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>不到万不得已,并不推荐直接使用。</p>
160
+ </dd><dt>deprecated</dt><dd><p>不到万不得已,并不推荐直接使用。</p>
161
+ </dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="updateCamera" class="tsd-anchor"></a><h3>update<wbr/>Camera</h3><div class="tsd-signature tsd-kind-icon">update<wbr/>Camera<span class="tsd-signature-symbol">:</span> <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="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"> =&gt; </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></div><aside class="tsd-sources"><p>Overrides Record.updateCamera</p><ul><li>Defined in lib/react/withFive.tsx:494</li></ul></aside><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon"><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="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"><div class="tsd-comment tsd-typography"><div class="lead">
162
+ <p>移动相机。(不触发点位移动)</p>
163
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>如果动画中途被打断(用户触发行为,或者调用 setState, load, changeMode)的等
164
+ 会 Promise.reject。运动完成则 Promise.resolve</p>
165
+ </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="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">
166
+ <p>相机目标位置</p>
167
+ </div></div></li><li><h5>duration: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
168
+ <p>动画触发的时常</p>
169
+ </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">
170
+ <p>是否用户触发</p>
171
+ </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>
172
+ </div></li></ul></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a id="work" class="tsd-anchor"></a><h3>work</h3><div class="tsd-signature tsd-kind-icon">work<span class="tsd-signature-symbol">:</span> <a href="../classes/five.Work.html" class="tsd-signature-type" data-tsd-kind="Class">Work</a></div><aside class="tsd-sources"><p>Overrides Record.work</p><ul><li>Defined in lib/react/withFive.tsx:396</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
173
+ <p>Five React Inject: Five Work</p>
174
+ </div></div></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-interface tsd-is-overwrite"><a id="needsRender" class="tsd-anchor"></a><h3>needs<wbr/>Render</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">needs<wbr/>Render<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"><p>Overrides Record.needsRender</p><ul><li>Defined in lib/react/withFive.tsx:551</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
175
+ <p>下一帧渲染</p>
176
+ </div><dl class="tsd-comment-tags"><dt>description</dt><dd><p>调用 <code>render()</code> 和设置 <code>needsRender()</code> 均可在按需渲染时,使得画面渲染一次
177
+ 区别在于:</p>
178
+ <ul>
179
+ <li><code>needsRender()</code> 为在下帧渲染画面</li>
180
+ <li><code>render()</code> 在当前帧渲染画面
181
+ 推荐使用 <code>needsRender()</code>, 可以更加流畅。但是如果需要截图等同步操作,可以使用 <code>render()</code></li>
182
+ </ul>
183
+ </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-interface tsd-is-overwrite"><a id="showFloor" class="tsd-anchor"></a><h3>show<wbr/>Floor</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">show<wbr/>Floor<span class="tsd-signature-symbol">(</span>floorIndex<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"><p>Overrides Record.showFloor</p><ul><li>Defined in lib/react/withFive.tsx:565</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
184
+ <p>显示楼层</p>
185
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> floorIndex: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
186
+ <p>楼层,如果不传则都显示</p>
187
+ </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-interface tsd-is-overwrite"><a id="toggleHelperVisible" class="tsd-anchor"></a><h3>toggle<wbr/>Helper<wbr/>Visible</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">toggle<wbr/>Helper<wbr/>Visible<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"><p>Overrides Record.toggleHelperVisible</p><ul><li>Defined in lib/react/withFive.tsx:571</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
188
+ <p>帮助元素的隐藏/显示</p>
189
+ </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>visible: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
190
+ <p>隐藏/显示</p>
191
+ </div></div></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=" tsd-kind-module"><a href="../modules/five.html">five</a></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="current 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-interface tsd-parent-kind-module"><a href="react.FiveInjectionTypes.html" class="tsd-kind-icon">Five<wbr/>Injection<wbr/>Types</a><ul><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraDirection" class="tsd-kind-icon">camera<wbr/>Direction</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#cameraRaycaster" class="tsd-kind-icon">camera<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#currentObserver" class="tsd-kind-icon">current<wbr/>Observer</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#currentState" class="tsd-kind-icon">current<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#getPixels" class="tsd-kind-icon">get<wbr/>Pixels</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#helperVisible" class="tsd-kind-icon">helper<wbr/>Visible</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#initBasisLoader" class="tsd-kind-icon">init<wbr/>Basis<wbr/>Loader</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#intersectRaycaster" class="tsd-kind-icon">intersect<wbr/>Raycaster</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#loadWork" class="tsd-kind-icon">load<wbr/>Work</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#model" class="tsd-kind-icon">model</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#modelReadyState" class="tsd-kind-icon">model<wbr/>Ready<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#off" class="tsd-kind-icon">off</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#on" class="tsd-kind-icon">on</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="react.FiveInjectionTypes.html#once" class="tsd-kind-icon">once</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#preloadPano" class="tsd-kind-icon">preload<wbr/>Pano</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#project2d" class="tsd-kind-icon">project2d</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#render" class="tsd-kind-icon">render</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#scene" class="tsd-kind-icon">scene</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#setState" class="tsd-kind-icon">set<wbr/>State</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#shownFloor" class="tsd-kind-icon">shown<wbr/>Floor</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#state" class="tsd-kind-icon">state</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="react.FiveInjectionTypes.html#totalFloorLength" class="tsd-kind-icon">total<wbr/>Floor<wbr/>Length</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#unsafe__fiveInstance" class="tsd-kind-icon">unsafe__five<wbr/>Instance</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#updateCamera" class="tsd-kind-icon">update<wbr/>Camera</a></li><li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#work" class="tsd-kind-icon">work</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#needsRender" class="tsd-kind-icon">needs<wbr/>Render</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#showFloor" class="tsd-kind-icon">show<wbr/>Floor</a></li><li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite"><a href="react.FiveInjectionTypes.html#toggleHelperVisible" class="tsd-kind-icon">toggle<wbr/>Helper<wbr/>Visible</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-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><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</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></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>
@@ -0,0 +1 @@
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>PropTypeOfFiveFeatures | 如视 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/react.html">react</a></li><li><a href="react.PropTypeOfFiveFeatures.html">PropTypeOfFiveFeatures</a></li></ul><h1>Interface PropTypeOfFiveFeatures&lt;F&gt;</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>F<span class="tsd-signature-symbol">: </span><a href="../modules/react.html#FiveInjectionFeature" class="tsd-signature-type" data-tsd-kind="Type alias">FiveInjectionFeature</a><span class="tsd-signature-symbol">[]</span></h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">PropTypeOfFiveFeatures</span></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>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="react.PropTypeOfFiveFeatures.html#_five" class="tsd-kind-icon">$five</a></li></ul></section></div></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-interface"><a id="_five" class="tsd-anchor"></a><h3>$five</h3><div class="tsd-signature tsd-kind-icon">$five<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><a href="react.FiveInjectionTypes.html" class="tsd-signature-type" data-tsd-kind="Interface">FiveInjectionTypes</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">F</span><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></div><aside class="tsd-sources"><ul><li>Defined in lib/react/withFive.tsx:575</li></ul></aside></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=" tsd-kind-module"><a href="../modules/five.html">five</a></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="current 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-interface tsd-parent-kind-module tsd-has-type-parameter"><a href="react.PropTypeOfFiveFeatures.html" class="tsd-kind-icon">Prop<wbr/>Type<wbr/>Of<wbr/>Five<wbr/>Features</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="react.PropTypeOfFiveFeatures.html#_five" class="tsd-kind-icon">$five</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-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><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</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></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>
@@ -0,0 +1,7 @@
1
+ <!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Intersection | 如视 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/server.html">server</a></li><li><a href="server.Intersection.html">Intersection</a></li></ul><h1>Interface Intersection</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">Intersection</span></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>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="server.Intersection.html#distance" class="tsd-kind-icon">distance</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="server.Intersection.html#face" class="tsd-kind-icon">face</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="server.Intersection.html#point" class="tsd-kind-icon">point</a></li></ul></section></div></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-interface"><a id="distance" class="tsd-anchor"></a><h3>distance</h3><div class="tsd-signature tsd-kind-icon">distance<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/server/model/index.ts:86</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
2
+ <p>焦点距离</p>
3
+ </div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="face" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> face</h3><div class="tsd-signature tsd-kind-icon">face<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{ </span>normal<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span><span class="tsd-signature-symbol"> }</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/server/model/index.ts:82</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
4
+ <p>焦点面片</p>
5
+ </div></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5>normal<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="point" class="tsd-anchor"></a><h3>point</h3><div class="tsd-signature tsd-kind-icon">point<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Vector3</span></div><aside class="tsd-sources"><ul><li>Defined in lib/five/server/model/index.ts:80</li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
6
+ <p>焦点坐标</p>
7
+ </div></div></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=" tsd-kind-module"><a href="../modules/five.html">five</a></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="current 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-interface tsd-parent-kind-module"><a href="server.Intersection.html" class="tsd-kind-icon">Intersection</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="server.Intersection.html#distance" class="tsd-kind-icon">distance</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="server.Intersection.html#face" class="tsd-kind-icon">face</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="server.Intersection.html#point" class="tsd-kind-icon">point</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-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><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</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></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>