@realsee/five 5.0.0-alpha.15 → 5.0.0-alpha.151

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 (238) hide show
  1. package/README.md +21 -11
  2. package/docs/.nojekyll +1 -0
  3. package/docs/assets/highlight.css +134 -0
  4. package/docs/assets/icons.css +1043 -0
  5. package/docs/assets/{images/icons.png → icons.png} +0 -0
  6. package/docs/assets/{images/icons@2x.png → icons@2x.png} +0 -0
  7. package/docs/assets/main.js +52 -0
  8. package/docs/assets/search.js +1 -0
  9. package/docs/assets/style.css +1414 -0
  10. package/docs/assets/{images/widgets.png → widgets.png} +0 -0
  11. package/docs/assets/{images/widgets@2x.png → widgets@2x.png} +0 -0
  12. package/docs/classes/five.AnimationFrameLoop.html +15 -0
  13. package/docs/classes/five.BVH.html +10 -0
  14. package/docs/classes/five.BVHIntersect.html +1 -0
  15. package/docs/classes/five.BVHNode.html +7 -0
  16. package/docs/classes/five.BVHVector3.html +1 -0
  17. package/docs/classes/five.Camera.html +11 -0
  18. package/docs/classes/five.Clipper.html +1 -0
  19. package/docs/classes/five.Five.html +323 -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 +87 -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 +27 -0
  28. package/docs/classes/five.PBMMesh.html +7 -0
  29. package/docs/classes/five.PanoCircleMesh.html +7 -0
  30. package/docs/classes/five.PanoCircleMeshDark.html +7 -0
  31. package/docs/classes/five.PanoCircleMeshSolid.html +7 -0
  32. package/docs/classes/five.Scene.html +3 -0
  33. package/docs/classes/five.Subscribe.html +56 -0
  34. package/docs/classes/five.TextureLoader.html +1 -0
  35. package/docs/classes/five.Tile3D.html +34 -0
  36. package/docs/classes/five.Tile3DModel.html +15 -0
  37. package/docs/classes/five.TileBoundingSphere.html +1 -0
  38. package/docs/classes/five.TileCacheNode.html +1 -0
  39. package/docs/classes/five.TileCubeTextureTarget.html +1 -0
  40. package/docs/classes/five.TileCullingVolume.html +1 -0
  41. package/docs/classes/five.TileOrientedBoundingBox.html +1 -0
  42. package/docs/classes/five.TilePlane.html +1 -0
  43. package/docs/classes/five.TileRequestScheduler.html +16 -0
  44. package/docs/classes/five.Tileset3D.html +11 -0
  45. package/docs/classes/five.Tileset3DTraverser.html +1 -0
  46. package/docs/classes/five.TilesetCache.html +1 -0
  47. package/docs/classes/five.Work.html +30 -0
  48. package/docs/classes/five.XRButton.html +1 -0
  49. package/docs/classes/gltf_loader.DDSLoader.html +1 -0
  50. package/docs/classes/gltf_loader.DRACOLoader.html +1 -0
  51. package/docs/classes/gltf_loader.GLTFLoader.html +17 -0
  52. package/docs/classes/gltf_loader.GLTFObject.html +7 -0
  53. package/docs/classes/gltf_loader.GLTFParser.html +1 -0
  54. package/docs/classes/gltf_loader.THREEGLTFLoader.html +1 -0
  55. package/docs/classes/line.Line.html +1 -0
  56. package/docs/classes/line.LineGeometry.html +1 -0
  57. package/docs/classes/line.LineMaterial.html +1 -0
  58. package/docs/classes/line.LineSegmentsGeometry.html +1 -0
  59. package/docs/classes/line.THREE_Line2.html +1 -0
  60. package/docs/classes/line.THREE_LineSegments2.html +1 -0
  61. package/docs/classes/react.Store.html +29 -0
  62. package/docs/classes/server.BVH.html +10 -0
  63. package/docs/classes/server.BVHIntersect.html +1 -0
  64. package/docs/classes/server.BVHNode.html +7 -0
  65. package/docs/classes/server.BVHVector3.html +1 -0
  66. package/docs/classes/server.Model.html +63 -0
  67. package/docs/classes/server.PBMGroup.html +9 -0
  68. package/docs/classes/server.PBMMesh.html +7 -0
  69. package/docs/classes/sticker.Sticker.html +32 -0
  70. package/docs/index.html +166 -422
  71. package/docs/interfaces/five.AddableObject.html +1 -0
  72. package/docs/interfaces/five.AnimationFrame.html +1 -0
  73. package/docs/interfaces/five.CameraPose.html +1 -0
  74. package/docs/interfaces/five.ClipperParameter.html +1 -0
  75. package/docs/interfaces/five.DepthPanoramaControllerCustomInitArgs.html +28 -0
  76. package/docs/interfaces/five.EventCallback.html +399 -0
  77. package/docs/interfaces/five.FiveInitArgs.html +109 -0
  78. package/docs/interfaces/five.FloorplanControllerCustomInitArgs.html +15 -0
  79. package/docs/interfaces/five.ImageOptions.html +18 -0
  80. package/docs/interfaces/five.ImageURLMappings.html +1 -0
  81. package/docs/interfaces/five.ImageURLOptions.html +17 -0
  82. package/docs/interfaces/five.IntersectMeshInterface.html +3 -0
  83. package/docs/interfaces/five.Intersection.html +7 -0
  84. package/docs/interfaces/five.MapviewControllerCustomInitArgs.html +15 -0
  85. package/docs/interfaces/five.ModelControllerCustomInitArgs.html +20 -0
  86. package/docs/interfaces/five.ModelEventCallback.html +22 -0
  87. package/docs/interfaces/five.MovePanoOptions.html +42 -0
  88. package/docs/interfaces/five.NetworkOptions.html +9 -0
  89. package/docs/interfaces/five.PBMPanoPicture.html +7 -0
  90. package/docs/interfaces/five.PBMParameters.html +27 -0
  91. package/docs/interfaces/five.PanoCircleMeshInterface.html +19 -0
  92. package/docs/interfaces/five.PanoramaControllerCustomInitArgs.html +33 -0
  93. package/docs/interfaces/five.PanoramaLikeControllerCustomInitArgs.html +20 -0
  94. package/docs/interfaces/five.Pose.html +37 -0
  95. package/docs/interfaces/five.Scissor.html +14 -0
  96. package/docs/interfaces/five.State.html +21 -0
  97. package/docs/interfaces/five.SubscribeMixinType.emit.html +1 -0
  98. package/docs/interfaces/five.SubscribeMixinType.hasListener.html +1 -0
  99. package/docs/interfaces/five.SubscribeMixinType.off.html +1 -0
  100. package/docs/interfaces/five.SubscribeMixinType.on.html +1 -0
  101. package/docs/interfaces/five.SubscribeMixinType.once.html +1 -0
  102. package/docs/interfaces/five.TextureOptions.html +20 -0
  103. package/docs/interfaces/five.Tile3DModelLoaderOptions.html +3 -0
  104. package/docs/interfaces/five.TileBoundingVolume.html +19 -0
  105. package/docs/interfaces/five.TileContent.html +1 -0
  106. package/docs/interfaces/five.TileCubeNode.html +1 -0
  107. package/docs/interfaces/five.TileCubeTree.html +1 -0
  108. package/docs/interfaces/five.Tileset3dOptions.html +1 -0
  109. package/docs/interfaces/five.TilesetJSON.html +1 -0
  110. package/docs/interfaces/five.TilesetJSONNode.html +1 -0
  111. package/docs/interfaces/five.TopviewControllerCustomInitArgs.html +7 -0
  112. package/docs/interfaces/five.VRPanoramaControllerCustomInitArgs.html +29 -0
  113. package/docs/interfaces/five.WorkCubeImage.html +13 -0
  114. package/docs/interfaces/five.WorkImage.html +21 -0
  115. package/docs/interfaces/five.WorkInitial.html +13 -0
  116. package/docs/interfaces/five.WorkModel.html +11 -0
  117. package/docs/interfaces/five.WorkModelTiles.html +3 -0
  118. package/docs/interfaces/five.WorkObserver.html +25 -0
  119. package/docs/interfaces/five.WorkTile.html +1 -0
  120. package/docs/interfaces/five.WorkVideo.html +9 -0
  121. package/docs/interfaces/five.XRPanoramaControllerCustomInitArgs.html +29 -0
  122. package/docs/interfaces/gltf_loader.DDS.html +1 -0
  123. package/docs/interfaces/gltf_loader.GLTF.html +7 -0
  124. package/docs/interfaces/gltf_loader.GLTFReference.html +1 -0
  125. package/docs/interfaces/gltf_loader.THREEGLTF.html +1 -0
  126. package/docs/interfaces/react.FiveActionReactCallbacks.html +62 -0
  127. package/docs/interfaces/react.FiveInjectionTypes.html +191 -0
  128. package/docs/interfaces/react.PropTypeOfFiveFeatures.html +1 -0
  129. package/docs/interfaces/server.Intersection.html +7 -0
  130. package/docs/interfaces/server.ModelEventCallback.html +18 -0
  131. package/docs/interfaces/sticker.IntersectionLike.html +8 -0
  132. package/docs/interfaces/vue.FiveActionVueCallbacks.html +62 -0
  133. package/docs/modules/five.SubscribeMixinType.html +1 -0
  134. package/docs/modules/five.html +496 -0
  135. package/docs/modules/gltf_loader.html +1 -0
  136. package/docs/modules/line.html +1 -0
  137. package/docs/modules/react.html +133 -1374
  138. package/docs/modules/server.html +18 -0
  139. package/docs/modules/sticker.html +1 -0
  140. package/docs/modules/vue.html +112 -0
  141. package/docs/modules.html +1 -120
  142. package/exporters/staticify.js +210 -0
  143. package/five/index.d.ts +2922 -0
  144. package/five/index.js +372 -0
  145. package/gltf-loader/index.d.ts +160 -0
  146. package/gltf-loader/index.js +260 -0
  147. package/line/index.d.ts +69 -0
  148. package/line/index.js +260 -0
  149. package/package.json +25 -17
  150. package/react/index.d.ts +86 -24
  151. package/react/index.js +260 -1
  152. package/resource/{basis_transcoder.js → basis/basis_transcoder.js} +0 -0
  153. package/resource/{basis_transcoder.wasm → basis/basis_transcoder.wasm} +0 -0
  154. package/resource/gltf/draco_decoder.js +31 -0
  155. package/resource/gltf/draco_decoder.wasm +0 -0
  156. package/resource/gltf/draco_wasm_wrapper.js +119 -0
  157. package/scripts/five-staticify.js +26 -0
  158. package/server/index.d.ts +197 -26
  159. package/server/index.js +367 -1
  160. package/sticker/index.d.ts +71 -0
  161. package/sticker/index.js +260 -0
  162. package/templates/quick-start/README.md +1 -1
  163. package/templates/quick-start/package.json +1 -1
  164. package/templates/react-component/lib/index.tsx +3 -3
  165. package/umd/five-gltf-loader.js +1 -0
  166. package/umd/five-gltf-loader.js.LICENSE.txt +14 -0
  167. package/umd/five-line.js +1 -0
  168. package/umd/five-line.js.LICENSE.txt +14 -0
  169. package/umd/five-react.js +1 -0
  170. package/umd/five-react.js.LICENSE.txt +14 -0
  171. package/umd/five-sticker.js +1 -0
  172. package/umd/five-sticker.js.LICENSE.txt +14 -0
  173. package/umd/five-vue.js +1 -0
  174. package/umd/five.js +2 -0
  175. package/umd/five.js.LICENSE.txt +107 -0
  176. package/vue/index.d.ts +440 -0
  177. package/vue/index.js +260 -0
  178. package/bundles/five.js +0 -2
  179. package/bundles/five.js.LICENSE.txt +0 -160
  180. package/docs/assets/css/main.css +0 -2660
  181. package/docs/assets/js/main.js +0 -248
  182. package/docs/assets/js/search.js +0 -1
  183. package/docs/classes/index.five.html +0 -2498
  184. package/docs/classes/index.fivecamera.html +0 -311
  185. package/docs/classes/index.fivehashcubetexture.html +0 -240
  186. package/docs/classes/index.fiveline.html +0 -342
  187. package/docs/classes/index.fivelinegeometry.html +0 -500
  188. package/docs/classes/index.fivelinematerial.html +0 -276
  189. package/docs/classes/index.fivelinesegmentsgeometry.html +0 -447
  190. package/docs/classes/index.fivescene.html +0 -186
  191. package/docs/classes/index.internalwebglrenderer.html +0 -200
  192. package/docs/classes/index.model.html +0 -883
  193. package/docs/classes/index.pbmgroup.html +0 -415
  194. package/docs/classes/index.pbmmaterial.html +0 -521
  195. package/docs/classes/index.pbmmesh.html +0 -242
  196. package/docs/classes/index.subscribe.html +0 -556
  197. package/docs/classes/react.store.html +0 -584
  198. package/docs/interfaces/index.depthpanoramacontrollercustominitargs.html +0 -408
  199. package/docs/interfaces/index.eventcallback.html +0 -2452
  200. package/docs/interfaces/index.fiveinitargs.html +0 -695
  201. package/docs/interfaces/index.floorplancontrollercustominitargs.html +0 -283
  202. package/docs/interfaces/index.imageoptions.html +0 -320
  203. package/docs/interfaces/index.intersection.html +0 -215
  204. package/docs/interfaces/index.intersectmeshinterface.html +0 -176
  205. package/docs/interfaces/index.modelcontrollercustominitargs.html +0 -354
  206. package/docs/interfaces/index.modeleventcallback.html +0 -316
  207. package/docs/interfaces/index.movepanooptions.html +0 -457
  208. package/docs/interfaces/index.panocirclemeshinterface.html +0 -349
  209. package/docs/interfaces/index.panoramacontrollercustominitargs.html +0 -433
  210. package/docs/interfaces/index.panoramalikecontrollercustominitargs.html +0 -352
  211. package/docs/interfaces/index.pbmparameters.html +0 -462
  212. package/docs/interfaces/index.pose.html +0 -258
  213. package/docs/interfaces/index.scissor.html +0 -240
  214. package/docs/interfaces/index.state.html +0 -288
  215. package/docs/interfaces/index.subscribemixintype.emit.html +0 -180
  216. package/docs/interfaces/index.subscribemixintype.haslistener.html +0 -171
  217. package/docs/interfaces/index.subscribemixintype.off.html +0 -198
  218. package/docs/interfaces/index.subscribemixintype.on.html +0 -213
  219. package/docs/interfaces/index.subscribemixintype.once.html +0 -210
  220. package/docs/interfaces/index.topviewcontrollercustominitargs.html +0 -214
  221. package/docs/interfaces/index.vrpanoramacontrollercustominitargs.html +0 -420
  222. package/docs/interfaces/react.fiveactionreactcallbacks.html +0 -559
  223. package/docs/interfaces/react.fiveinjectiontypes.html +0 -1473
  224. package/docs/interfaces/react.injectfivetoprops.html +0 -259
  225. package/docs/modules/index.html +0 -3027
  226. package/docs/modules/index.subscribemixintype.html +0 -143
  227. package/five.js.LICENSE.txt +0 -160
  228. package/index.d.ts +0 -1807
  229. package/index.js +0 -1
  230. package/scripts/export-five-resource/chfs.exe +0 -0
  231. package/scripts/export-five-resource/fileify.js +0 -192
  232. package/scripts/export-five-resource/format-work.js +0 -71
  233. package/scripts/export-five-resource/staticify.js +0 -327
  234. package/scripts/transcode-model/BufferGeometryUtils.js +0 -832
  235. package/scripts/transcode-model/LoaderSupport.js +0 -1545
  236. package/scripts/transcode-model/MTLLoader.js +0 -602
  237. package/scripts/transcode-model/OBJLoader2.js +0 -1470
  238. package/scripts/transcode-model/obj2pbm.js +0 -65
package/docs/interfaces/react.fiveinjectiontypes.html DELETED
@@ -1,1473 +0,0 @@
1
- <!doctype html>
2
- <html class="default no-js">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>FiveInjectionTypes | 如视 Five SDK - v5.0.0-alpha.15</title>
7
- <meta name="description" content="Documentation for 如视 Five SDK - v5.0.0-alpha.15">
8
- <meta name="viewport" content="width=device-width, initial-scale=1">
9
- <link rel="stylesheet" href="../assets/css/main.css">
10
- <script async src="../assets/js/search.js" id="search-script"></script>
11
- </head>
12
- <body>
13
- <header>
14
- <div class="tsd-page-toolbar">
15
- <div class="container">
16
- <div class="table-wrap">
17
- <div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
18
- <div class="field">
19
- <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
20
- <input id="tsd-search-field" type="text" />
21
- </div>
22
- <ul class="results">
23
- <li class="state loading">Preparing search index...</li>
24
- <li class="state failure">The search index is not available</li>
25
- </ul>
26
- <a href="../index.html" class="title">如视 Five SDK - v5.0.0-alpha.15</a>
27
- </div>
28
- <div class="table-cell" id="tsd-widgets">
29
- <div id="tsd-filter">
30
- <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
31
- <div class="tsd-filter-group">
32
- <div class="tsd-select" id="tsd-filter-visibility">
33
- <span class="tsd-select-label">All</span>
34
- <ul class="tsd-select-list">
35
- <li data-value="public">Public</li>
36
- <li data-value="protected">Public/Protected</li>
37
- <li data-value="private" class="selected">All</li>
38
- </ul>
39
- </div>
40
- <input type="checkbox" id="tsd-filter-inherited" checked />
41
- <label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
42
- </div>
43
- </div>
44
- <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
45
- </div>
46
- </div>
47
- </div>
48
- </div>
49
- <div class="tsd-page-title">
50
- <div class="container">
51
- <ul class="tsd-breadcrumb">
52
- <li>
53
- <a href="../modules.html">如视 Five SDK - v5.0.0-alpha.15</a>
54
- </li>
55
- <li>
56
- <a href="../modules/react.html">react</a>
57
- </li>
58
- <li>
59
- <a href="react.fiveinjectiontypes.html">FiveInjectionTypes</a>
60
- </li>
61
- </ul>
62
- <h1>Interface FiveInjectionTypes</h1>
63
- </div>
64
- </div>
65
- </header>
66
- <div class="container container-main">
67
- <div class="row">
68
- <div class="col-8 col-content">
69
- <section class="tsd-panel tsd-hierarchy">
70
- <h3>Hierarchy</h3>
71
- <ul class="tsd-hierarchy">
72
- <li>
73
- <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>
74
- <ul class="tsd-hierarchy">
75
- <li>
76
- <span class="target">FiveInjectionTypes</span>
77
- </li>
78
- </ul>
79
- </li>
80
- </ul>
81
- </section>
82
- <section class="tsd-panel-group tsd-index-group">
83
- <h2>Index</h2>
84
- <section class="tsd-panel tsd-index-panel">
85
- <div class="tsd-index-content">
86
- <section class="tsd-index-section ">
87
- <h3>Properties</h3>
88
- <ul class="tsd-index-list">
89
- <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>
90
- <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>
91
- <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>
92
- <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>
93
- <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>
94
- <li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="react.fiveinjectiontypes.html#needsrender" class="tsd-kind-icon">needs<wbr>Render</a></li>
95
- <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>
96
- <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>
97
- <li class="tsd-kind-property tsd-parent-kind-interface"><a href="react.fiveinjectiontypes.html#once" class="tsd-kind-icon">once</a></li>
98
- <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>
99
- <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>
100
- <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>
101
- <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>
102
- <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>
103
- <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>
104
- <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>
105
- <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>
106
- </ul>
107
- </section>
108
- <section class="tsd-index-section tsd-is-inherited">
109
- <h3>Methods</h3>
110
- <ul class="tsd-index-list">
111
- <li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="react.fiveinjectiontypes.html#cameradirection" class="tsd-kind-icon">camera<wbr>Direction</a></li>
112
- <li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="react.fiveinjectiontypes.html#cameraraycaster" class="tsd-kind-icon">camera<wbr>Raycaster</a></li>
113
- <li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="react.fiveinjectiontypes.html#modelreadystate" class="tsd-kind-icon">model<wbr>Ready<wbr>State</a></li>
114
- <li class="tsd-kind-method tsd-parent-kind-interface tsd-is-inherited"><a href="react.fiveinjectiontypes.html#scene" class="tsd-kind-icon">scene</a></li>
115
- </ul>
116
- </section>
117
- </div>
118
- </section>
119
- </section>
120
- <section class="tsd-panel-group tsd-member-group ">
121
- <h2>Properties</h2>
122
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
123
- <a name="currentstate" class="tsd-anchor"></a>
124
- <h3>current<wbr>State</h3>
125
- <div class="tsd-signature tsd-kind-icon">current<wbr>State<span class="tsd-signature-symbol">:</span> <a href="index.state.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></div>
126
- <aside class="tsd-sources">
127
- <p>Overrides Record.currentState</p>
128
- <ul>
129
- <li>Defined in lib/react/withFive.tsx:282</li>
130
- </ul>
131
- </aside>
132
- <div class="tsd-comment tsd-typography">
133
- <div class="lead">
134
- <p>Five React Inject: Five 的当前状态</p>
135
- </div>
136
- <dl class="tsd-comment-tags">
137
- <dt>description</dt>
138
- <dd><pre><code class="language-text">five 设置了以下状态
139
-
140
- - mode: Mode
141
- - panoIndex: number
142
- - longitude: number
143
- - latitude: number
144
- - fov: number
145
- - offset: THREE.Vector3
146
-
147
- 可以通过 state, currentState 和 setState 来获取和设置。
148
- 通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
149
- 来迎合一些通过数据驱动的场景。
150
- </code></pre>
151
- </dd>
152
- </dl>
153
- </div>
154
- </section>
155
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
156
- <a name="getpixels" class="tsd-anchor"></a>
157
- <h3>get<wbr>Pixels</h3>
158
- <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>
159
- <aside class="tsd-sources">
160
- <p>Overrides Record.getPixels</p>
161
- <ul>
162
- <li>Defined in lib/react/withFive.tsx:417</li>
163
- </ul>
164
- </aside>
165
- <div class="tsd-comment tsd-typography">
166
- <div class="lead">
167
- <p>获取画面中的像素颜色</p>
168
- </div>
169
- </div>
170
- <div class="tsd-type-declaration">
171
- <h4>Type declaration</h4>
172
- <ul class="tsd-parameters">
173
- <li class="tsd-parameter-signature">
174
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
175
- <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>
176
- </ul>
177
- <ul class="tsd-descriptions">
178
- <li class="tsd-description">
179
- <div class="tsd-comment tsd-typography">
180
- <div class="lead">
181
- <p>获取画面中的像素颜色</p>
182
- </div>
183
- </div>
184
- <h4 class="tsd-parameters-title">Parameters</h4>
185
- <ul class="tsd-parameters">
186
- <li>
187
- <h5>x: <span class="tsd-signature-type">number</span></h5>
188
- <div class="tsd-comment tsd-typography">
189
- <div class="lead">
190
- <p>获取像素区域的起始坐标 x</p>
191
- </div>
192
- </div>
193
- </li>
194
- <li>
195
- <h5>y: <span class="tsd-signature-type">number</span></h5>
196
- <div class="tsd-comment tsd-typography">
197
- <div class="lead">
198
- <p>获取像素区域的起始坐标 y</p>
199
- </div>
200
- </div>
201
- </li>
202
- <li>
203
- <h5>width: <span class="tsd-signature-type">number</span></h5>
204
- <div class="tsd-comment tsd-typography">
205
- <div class="lead">
206
- <p>获取像素区域的宽度</p>
207
- </div>
208
- </div>
209
- </li>
210
- <li>
211
- <h5>height: <span class="tsd-signature-type">number</span></h5>
212
- <div class="tsd-comment tsd-typography">
213
- <div class="lead">
214
- <p>获取像素区域的高度</p>
215
- </div>
216
- </div>
217
- </li>
218
- <li>
219
- <h5>pixelRatio: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></h5>
220
- <div class="tsd-comment tsd-typography">
221
- <div class="lead">
222
- <p>获取区域的像素比</p>
223
- </div>
224
- </div>
225
- </li>
226
- </ul>
227
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Uint8Array</span></h4>
228
- <p>rgba颜色平铺的 Uint8Array</p>
229
- </li>
230
- </ul>
231
- </li>
232
- </ul>
233
- </div>
234
- </section>
235
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
236
- <a name="initbasisloader" class="tsd-anchor"></a>
237
- <h3>init<wbr>Basis<wbr>Loader</h3>
238
- <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>
239
- <aside class="tsd-sources">
240
- <p>Overrides Record.initBasisLoader</p>
241
- <ul>
242
- <li>Defined in lib/react/withFive.tsx:406</li>
243
- </ul>
244
- </aside>
245
- <div class="tsd-comment tsd-typography">
246
- <div class="lead">
247
- <p>初始化 initBasisLoader</p>
248
- </div>
249
- <dl class="tsd-comment-tags">
250
- <dt>description</dt>
251
- <dd><p>同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
252
- basisLoader 只会初始化一次，一旦初始化则不会再修改。</p>
253
- </dd>
254
- <dt>example</dt>
255
- <dd><pre><code><span style="color: #008000">// 使用默认解析器</span>
256
- <span style="color: #001080">five</span><span style="color: #000000">.</span><span style="color: #795E26">initialBasisLoader</span><span style="color: #000000">();</span>
257
-
258
- <span style="color: #008000">// 使用指定解析器</span>
259
- <span style="color: #008000">// 会调用这个目录下的 basis_transcoder.js basis_transcoder.wasm 文件作为解析器</span>
260
- <span style="color: #001080">five</span><span style="color: #000000">.</span><span style="color: #795E26">initialBasisLoader</span><span style="color: #000000">(</span><span style="color: #A31515">&quot;https://vrlab-public.ljcdn.com/release/static/image/release/five/basis/&quot;</span><span style="color: #000000">);</span>
261
- </code></pre>
262
- </dd>
263
- </dl>
264
- </div>
265
- <div class="tsd-type-declaration">
266
- <h4>Type declaration</h4>
267
- <ul class="tsd-parameters">
268
- <li class="tsd-parameter-signature">
269
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
270
- <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>
271
- </ul>
272
- <ul class="tsd-descriptions">
273
- <li class="tsd-description">
274
- <div class="tsd-comment tsd-typography">
275
- <div class="lead">
276
- <p>初始化 initBasisLoader</p>
277
- </div>
278
- <dl class="tsd-comment-tags">
279
- <dt>description</dt>
280
- <dd><p>同初始化的 initBasisLoader 参数。用于初始化 basisLoader。
281
- basisLoader 只会初始化一次，一旦初始化则不会再修改。</p>
282
- </dd>
283
- <dt>example</dt>
284
- <dd><pre><code><span style="color: #008000">// 使用默认解析器</span>
285
- <span style="color: #001080">five</span><span style="color: #000000">.</span><span style="color: #795E26">initialBasisLoader</span><span style="color: #000000">();</span>
286
-
287
- <span style="color: #008000">// 使用指定解析器</span>
288
- <span style="color: #008000">// 会调用这个目录下的 basis_transcoder.js basis_transcoder.wasm 文件作为解析器</span>
289
- <span style="color: #001080">five</span><span style="color: #000000">.</span><span style="color: #795E26">initialBasisLoader</span><span style="color: #000000">(</span><span style="color: #A31515">&quot;https://vrlab-public.ljcdn.com/release/static/image/release/five/basis/&quot;</span><span style="color: #000000">);</span>
290
- </code></pre>
291
- </dd>
292
- </dl>
293
- </div>
294
- <h4 class="tsd-parameters-title">Parameters</h4>
295
- <ul class="tsd-parameters">
296
- <li>
297
- <h5><span class="tsd-flag ts-flagOptional">Optional</span> transcoderResourcePath: <span class="tsd-signature-type">string</span></h5>
298
- <div class="tsd-comment tsd-typography">
299
- <div class="lead">
300
- <p>basis 解析器路径
301
- 如果不设置，使用默认解析器 basis 解析器。
302
- 可以传入解析器的 <code>resourcePath</code>, 则使用指定的解析器</p>
303
- </div>
304
- </div>
305
- </li>
306
- </ul>
307
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
308
- </li>
309
- </ul>
310
- </li>
311
- </ul>
312
- </div>
313
- </section>
314
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
315
- <a name="intersectraycaster" class="tsd-anchor"></a>
316
- <h3>intersect<wbr>Raycaster</h3>
317
- <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="index.intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></div>
318
- <aside class="tsd-sources">
319
- <p>Overrides Record.intersectRaycaster</p>
320
- <ul>
321
- <li>Defined in lib/react/withFive.tsx:364</li>
322
- </ul>
323
- </aside>
324
- <div class="tsd-comment tsd-typography">
325
- <div class="lead">
326
- <p>计算模型射线碰撞检测</p>
327
- </div>
328
- </div>
329
- <div class="tsd-type-declaration">
330
- <h4>Type declaration</h4>
331
- <ul class="tsd-parameters">
332
- <li class="tsd-parameter-signature">
333
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
334
- <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="index.intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></li>
335
- </ul>
336
- <ul class="tsd-descriptions">
337
- <li class="tsd-description">
338
- <div class="tsd-comment tsd-typography">
339
- <div class="lead">
340
- <p>计算模型射线碰撞检测</p>
341
- </div>
342
- </div>
343
- <h4 class="tsd-parameters-title">Parameters</h4>
344
- <ul class="tsd-parameters">
345
- <li>
346
- <h5>raycaster: <span class="tsd-signature-type">Raycaster</span></h5>
347
- <div class="tsd-comment tsd-typography">
348
- <div class="lead">
349
- <p>THREE 射线对象</p>
350
- </div>
351
- </div>
352
- </li>
353
- <li>
354
- <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>
355
- <div class="tsd-comment tsd-typography">
356
- <div class="lead">
357
- <p>和某一楼层做碰撞检测， 不传为和所有楼层做碰撞检测</p>
358
- </div>
359
- </div>
360
- </li>
361
- </ul>
362
- <h4 class="tsd-returns-title">Returns <a href="index.intersection.html" class="tsd-signature-type" data-tsd-kind="Interface">Intersection</a><span class="tsd-signature-symbol">[]</span></h4>
363
- <p>返回碰撞</p>
364
- </li>
365
- </ul>
366
- </li>
367
- </ul>
368
- </div>
369
- </section>
370
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
371
- <a name="loadwork" class="tsd-anchor"></a>
372
- <h3>load<wbr>Work</h3>
373
- <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="index.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><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>
374
- <aside class="tsd-sources">
375
- <p>Overrides Record.loadWork</p>
376
- <ul>
377
- <li>Defined in lib/react/withFive.tsx:320</li>
378
- </ul>
379
- </aside>
380
- <div class="tsd-comment tsd-typography">
381
- <div class="lead">
382
- <p>加载 Work 数据</p>
383
- </div>
384
- </div>
385
- <div class="tsd-type-declaration">
386
- <h4>Type declaration</h4>
387
- <ul class="tsd-parameters">
388
- <li class="tsd-parameter-signature">
389
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
390
- <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="index.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><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>
391
- </ul>
392
- <ul class="tsd-descriptions">
393
- <li class="tsd-description">
394
- <div class="tsd-comment tsd-typography">
395
- <div class="lead">
396
- <p>加载 Work 数据</p>
397
- </div>
398
- </div>
399
- <h4 class="tsd-parameters-title">Parameters</h4>
400
- <ul class="tsd-parameters">
401
- <li>
402
- <h5>inputWork: <span class="tsd-signature-type">any</span></h5>
403
- <div class="tsd-comment tsd-typography">
404
- <div class="lead">
405
- <p>Work 数据</p>
406
- </div>
407
- </div>
408
- </li>
409
- <li>
410
- <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="index.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>
411
- <div class="tsd-comment tsd-typography">
412
- <div class="lead">
413
- <p>初始化姿态</p>
414
- <ul>
415
- <li>&quot;inherit&quot; 使用当前姿态</li>
416
- <li>&quot;initial&quot; 使用 Work 数据中的 initial 姿态</li>
417
- <li>State 自定义姿态</li>
418
- </ul>
419
- </div>
420
- </div>
421
- </li>
422
- <li>
423
- <h5><span class="tsd-flag ts-flagOptional">Optional</span> duration: <span class="tsd-signature-type">number</span></h5>
424
- <div class="tsd-comment tsd-typography">
425
- <div class="lead">
426
- <p>切换时间</p>
427
- </div>
428
- </div>
429
- </li>
430
- </ul>
431
- <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>
432
- </li>
433
- </ul>
434
- </li>
435
- </ul>
436
- </div>
437
- </section>
438
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
439
- <a name="needsrender" class="tsd-anchor"></a>
440
- <h3>needs<wbr>Render</h3>
441
- <div 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-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
442
- <aside class="tsd-sources">
443
- <p>Overrides Record.needsRender</p>
444
- <ul>
445
- <li>Defined in lib/react/withFive.tsx:442</li>
446
- </ul>
447
- </aside>
448
- <div class="tsd-type-declaration">
449
- <h4>Type declaration</h4>
450
- <ul class="tsd-parameters">
451
- <li class="tsd-parameter-signature">
452
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
453
- <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>
454
- </ul>
455
- <ul class="tsd-descriptions">
456
- <li class="tsd-description">
457
- <div class="tsd-comment tsd-typography">
458
- <div class="lead">
459
- <p>下一帧渲染</p>
460
- </div>
461
- </div>
462
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
463
- </li>
464
- </ul>
465
- </li>
466
- </ul>
467
- </div>
468
- </section>
469
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
470
- <a name="off" class="tsd-anchor"></a>
471
- <h3>off</h3>
472
- <div class="tsd-signature tsd-kind-icon">off<span class="tsd-signature-symbol">:</span> &lt;K&gt;<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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>
473
- <aside class="tsd-sources">
474
- <p>Overrides Record.off</p>
475
- <ul>
476
- <li>Defined in lib/react/withFive.tsx:356</li>
477
- </ul>
478
- </aside>
479
- <div class="tsd-comment tsd-typography">
480
- <div class="lead">
481
- <p>解除事件绑定</p>
482
- </div>
483
- <dl class="tsd-comment-tags">
484
- <dt>example</dt>
485
- <dd><pre><code><span style="color: #001080">$five</span><span style="color: #000000">.</span><span style="color: #795E26">off</span><span style="color: #000000">(</span><span style="color: #A31515">&quot;panoArrived&quot;</span><span style="color: #000000">, () </span><span style="color: #0000FF">=&gt;</span><span style="color: #000000"> {});</span>
486
- </code></pre>
487
- </dd>
488
- </dl>
489
- </div>
490
- <div class="tsd-type-declaration">
491
- <h4>Type declaration</h4>
492
- <ul class="tsd-parameters">
493
- <li class="tsd-parameter-signature">
494
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter">
495
- <li class="tsd-signature tsd-kind-icon">&lt;K&gt;<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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>
496
- </ul>
497
- <ul class="tsd-descriptions">
498
- <li class="tsd-description">
499
- <div class="tsd-comment tsd-typography">
500
- <div class="lead">
501
- <p>解除事件</p>
502
- </div>
503
- <p>如果 name 不传的话解除对应所有事件
504
- 如果 name, callback 不传的话解除所有name的所有事件</p>
505
- </div>
506
- <h4 class="tsd-type-parameters-title">Type parameters</h4>
507
- <ul class="tsd-type-parameters">
508
- <li>
509
- <h4>K<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;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;error&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;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;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;dispose&quot;</span></h4>
510
- <div class="tsd-comment tsd-typography">
511
- <p>预设的监听事件名称</p>
512
- </div>
513
- </li>
514
- </ul>
515
- <h4 class="tsd-parameters-title">Parameters</h4>
516
- <ul class="tsd-parameters">
517
- <li>
518
- <h5><span class="tsd-flag ts-flagOptional">Optional</span> name: <span class="tsd-signature-type">K</span></h5>
519
- <div class="tsd-comment tsd-typography">
520
- <div class="lead">
521
- <p>事件名 具体事件列表 请查看 Five.EventCallback</p>
522
- </div>
523
- </div>
524
- </li>
525
- <li>
526
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5>
527
- <div class="tsd-comment tsd-typography">
528
- <div class="lead">
529
- <p>回调函数</p>
530
- </div>
531
- </div>
532
- <ul class="tsd-parameters">
533
- <li class="tsd-parameter-signature">
534
- <ul class="tsd-signatures tsd-kind-type-literal">
535
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li>
536
- </ul>
537
- <ul class="tsd-descriptions">
538
- <li class="tsd-description">
539
- <h4 class="tsd-parameters-title">Parameters</h4>
540
- <ul class="tsd-parameters">
541
- <li>
542
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5>
543
- </li>
544
- </ul>
545
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
546
- </li>
547
- </ul>
548
- </li>
549
- </ul>
550
- </li>
551
- </ul>
552
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
553
- </li>
554
- </ul>
555
- </li>
556
- </ul>
557
- </div>
558
- </section>
559
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
560
- <a name="on" class="tsd-anchor"></a>
561
- <h3>on</h3>
562
- <div class="tsd-signature tsd-kind-icon">on<span class="tsd-signature-symbol">:</span> &lt;K&gt;<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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>
563
- <aside class="tsd-sources">
564
- <p>Overrides Record.on</p>
565
- <ul>
566
- <li>Defined in lib/react/withFive.tsx:333</li>
567
- </ul>
568
- </aside>
569
- <div class="tsd-comment tsd-typography">
570
- <div class="lead">
571
- <p>监听事件</p>
572
- </div>
573
- <dl class="tsd-comment-tags">
574
- <dt>example</dt>
575
- <dd><pre><code><span style="color: #001080">$five</span><span style="color: #000000">.</span><span style="color: #795E26">on</span><span style="color: #000000">(</span><span style="color: #A31515">&quot;panoArrived&quot;</span><span style="color: #000000">, () </span><span style="color: #0000FF">=&gt;</span><span style="color: #000000"> {});</span>
576
- </code></pre>
577
- </dd>
578
- </dl>
579
- </div>
580
- <div class="tsd-type-declaration">
581
- <h4>Type declaration</h4>
582
- <ul class="tsd-parameters">
583
- <li class="tsd-parameter-signature">
584
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter">
585
- <li class="tsd-signature tsd-kind-icon">&lt;K&gt;<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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>
586
- </ul>
587
- <ul class="tsd-descriptions">
588
- <li class="tsd-description">
589
- <div class="tsd-comment tsd-typography">
590
- <div class="lead">
591
- <p>注册事件</p>
592
- </div>
593
- <dl class="tsd-comment-tags">
594
- <dt>template</dt>
595
- <dd><p>回调函数函数上下文</p>
596
- </dd>
597
- </dl>
598
- </div>
599
- <h4 class="tsd-type-parameters-title">Type parameters</h4>
600
- <ul class="tsd-type-parameters">
601
- <li>
602
- <h4>K<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;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;error&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;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;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;dispose&quot;</span></h4>
603
- <div class="tsd-comment tsd-typography">
604
- <p>预设的监听事件名称</p>
605
- </div>
606
- </li>
607
- </ul>
608
- <h4 class="tsd-parameters-title">Parameters</h4>
609
- <ul class="tsd-parameters">
610
- <li>
611
- <h5>name: <span class="tsd-signature-type">K</span></h5>
612
- <div class="tsd-comment tsd-typography">
613
- <div class="lead">
614
- <p>事件名 具体事件列表 请查看 Five.EventCallback</p>
615
- </div>
616
- </div>
617
- </li>
618
- <li>
619
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5>
620
- <div class="tsd-comment tsd-typography">
621
- <div class="lead">
622
- <p>回调函数</p>
623
- </div>
624
- </div>
625
- <ul class="tsd-parameters">
626
- <li class="tsd-parameter-signature">
627
- <ul class="tsd-signatures tsd-kind-type-literal">
628
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li>
629
- </ul>
630
- <ul class="tsd-descriptions">
631
- <li class="tsd-description">
632
- <h4 class="tsd-parameters-title">Parameters</h4>
633
- <ul class="tsd-parameters">
634
- <li>
635
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5>
636
- </li>
637
- </ul>
638
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
639
- </li>
640
- </ul>
641
- </li>
642
- </ul>
643
- </li>
644
- <li>
645
- <h5><span class="tsd-flag ts-flagOptional">Optional</span> once: <span class="tsd-signature-type">boolean</span></h5>
646
- <div class="tsd-comment tsd-typography">
647
- <div class="lead">
648
- <p>是否一次触发</p>
649
- </div>
650
- </div>
651
- </li>
652
- </ul>
653
- <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>
654
- <p>解除事件</p>
655
- <ul class="tsd-parameters">
656
- <li class="tsd-parameter-signature">
657
- <ul class="tsd-signatures tsd-kind-type-literal">
658
- <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>
659
- </ul>
660
- <ul class="tsd-descriptions">
661
- <li class="tsd-description">
662
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
663
- </li>
664
- </ul>
665
- </li>
666
- </ul>
667
- </li>
668
- </ul>
669
- </li>
670
- </ul>
671
- </div>
672
- </section>
673
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
674
- <a name="once" class="tsd-anchor"></a>
675
- <h3>once</h3>
676
- <div class="tsd-signature tsd-kind-icon">once<span class="tsd-signature-symbol">:</span> &lt;K&gt;<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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>
677
- <aside class="tsd-sources">
678
- <ul>
679
- <li>Defined in lib/react/withFive.tsx:345</li>
680
- </ul>
681
- </aside>
682
- <div class="tsd-comment tsd-typography">
683
- <div class="lead">
684
- <p>监听事件一次触发</p>
685
- </div>
686
- <dl class="tsd-comment-tags">
687
- <dt>example</dt>
688
- <dd><pre><code><span style="color: #001080">$five</span><span style="color: #000000">.</span><span style="color: #795E26">once</span><span style="color: #000000">(</span><span style="color: #A31515">&quot;panoArrived&quot;</span><span style="color: #000000">, () </span><span style="color: #0000FF">=&gt;</span><span style="color: #000000"> {});</span>
689
- </code></pre>
690
- </dd>
691
- </dl>
692
- </div>
693
- <div class="tsd-type-declaration">
694
- <h4>Type declaration</h4>
695
- <ul class="tsd-parameters">
696
- <li class="tsd-parameter-signature">
697
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface tsd-has-type-parameter">
698
- <li class="tsd-signature tsd-kind-icon">&lt;K&gt;<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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>
699
- </ul>
700
- <ul class="tsd-descriptions">
701
- <li class="tsd-description">
702
- <div class="tsd-comment tsd-typography">
703
- <div class="lead">
704
- <p>注册事件(是否只执行一次)</p>
705
- </div>
706
- <dl class="tsd-comment-tags">
707
- <dt>template</dt>
708
- <dd><p>回调函数函数上下文</p>
709
- </dd>
710
- </dl>
711
- </div>
712
- <h4 class="tsd-type-parameters-title">Type parameters</h4>
713
- <ul class="tsd-type-parameters">
714
- <li>
715
- <h4>K<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;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;error&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;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;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;dispose&quot;</span></h4>
716
- <div class="tsd-comment tsd-typography">
717
- <p>预设的监听事件名称</p>
718
- </div>
719
- </li>
720
- </ul>
721
- <h4 class="tsd-parameters-title">Parameters</h4>
722
- <ul class="tsd-parameters">
723
- <li>
724
- <h5>name: <span class="tsd-signature-type">K</span></h5>
725
- <div class="tsd-comment tsd-typography">
726
- <div class="lead">
727
- <p>事件名 具体事件列表 请查看 Five.EventCallback</p>
728
- </div>
729
- </div>
730
- </li>
731
- <li>
732
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5>
733
- <div class="tsd-comment tsd-typography">
734
- <div class="lead">
735
- <p>回调函数</p>
736
- </div>
737
- </div>
738
- <ul class="tsd-parameters">
739
- <li class="tsd-parameter-signature">
740
- <ul class="tsd-signatures tsd-kind-type-literal">
741
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></li>
742
- </ul>
743
- <ul class="tsd-descriptions">
744
- <li class="tsd-description">
745
- <h4 class="tsd-parameters-title">Parameters</h4>
746
- <ul class="tsd-parameters">
747
- <li>
748
- <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/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h5>
749
- </li>
750
- </ul>
751
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReturnType</span><span class="tsd-signature-symbol">&lt;</span><a href="../modules/index.html#eventtypes" class="tsd-signature-type" data-tsd-kind="Type alias">EventTypes</a><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">K</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
752
- </li>
753
- </ul>
754
- </li>
755
- </ul>
756
- </li>
757
- </ul>
758
- <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>
759
- <p>解除事件</p>
760
- <ul class="tsd-parameters">
761
- <li class="tsd-parameter-signature">
762
- <ul class="tsd-signatures tsd-kind-type-literal">
763
- <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>
764
- </ul>
765
- <ul class="tsd-descriptions">
766
- <li class="tsd-description">
767
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
768
- </li>
769
- </ul>
770
- </li>
771
- </ul>
772
- </li>
773
- </ul>
774
- </li>
775
- </ul>
776
- </div>
777
- </section>
778
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
779
- <a name="preloadpano" class="tsd-anchor"></a>
780
- <h3>preload<wbr>Pano</h3>
781
- <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>
782
- <aside class="tsd-sources">
783
- <p>Overrides Record.preloadPano</p>
784
- <ul>
785
- <li>Defined in lib/react/withFive.tsx:450</li>
786
- </ul>
787
- </aside>
788
- <div class="tsd-comment tsd-typography">
789
- <div class="lead">
790
- <p>预加载点位图片资源</p>
791
- </div>
792
- </div>
793
- <div class="tsd-type-declaration">
794
- <h4>Type declaration</h4>
795
- <ul class="tsd-parameters">
796
- <li class="tsd-parameter-signature">
797
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
798
- <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>
799
- </ul>
800
- <ul class="tsd-descriptions">
801
- <li class="tsd-description">
802
- <div class="tsd-comment tsd-typography">
803
- <div class="lead">
804
- <p>预加载点位图片资源</p>
805
- </div>
806
- </div>
807
- <h4 class="tsd-parameters-title">Parameters</h4>
808
- <ul class="tsd-parameters">
809
- <li>
810
- <h5>panoIndex: <span class="tsd-signature-type">number</span></h5>
811
- <div class="tsd-comment tsd-typography">
812
- <div class="lead">
813
- <p>观察点序号</p>
814
- </div>
815
- </div>
816
- </li>
817
- <li>
818
- <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"> = ...</span></h5>
819
- <div class="tsd-comment tsd-typography">
820
- <div class="lead">
821
- <p>加载完成回调, 并传递加载用时。</p>
822
- </div>
823
- </div>
824
- <ul class="tsd-parameters">
825
- <li class="tsd-parameter-signature">
826
- <ul class="tsd-signatures tsd-kind-type-literal">
827
- <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>
828
- </ul>
829
- <ul class="tsd-descriptions">
830
- <li class="tsd-description">
831
- <h4 class="tsd-parameters-title">Parameters</h4>
832
- <ul class="tsd-parameters">
833
- <li>
834
- <h5>costs: <span class="tsd-signature-type">number</span></h5>
835
- </li>
836
- </ul>
837
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
838
- </li>
839
- </ul>
840
- </li>
841
- </ul>
842
- </li>
843
- </ul>
844
- <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>
845
- <p>加载完成的 Promise 参数同 callback</p>
846
- </li>
847
- </ul>
848
- </li>
849
- </ul>
850
- </div>
851
- </section>
852
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
853
- <a name="project2d" class="tsd-anchor"></a>
854
- <h3>project2d</h3>
855
- <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>
856
- <aside class="tsd-sources">
857
- <p>Overrides Record.project2d</p>
858
- <ul>
859
- <li>Defined in lib/react/withFive.tsx:374</li>
860
- </ul>
861
- </aside>
862
- <div class="tsd-comment tsd-typography">
863
- <div class="lead">
864
- <p>计算三维坐标对应到屏幕的二维坐标</p>
865
- </div>
866
- <dl class="tsd-comment-tags">
867
- <dt>description</dt>
868
- <dd><p>如果三维坐标不在屏幕中，则返回 null</p>
869
- </dd>
870
- </dl>
871
- </div>
872
- <div class="tsd-type-declaration">
873
- <h4>Type declaration</h4>
874
- <ul class="tsd-parameters">
875
- <li class="tsd-parameter-signature">
876
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
877
- <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>
878
- </ul>
879
- <ul class="tsd-descriptions">
880
- <li class="tsd-description">
881
- <div class="tsd-comment tsd-typography">
882
- <div class="lead">
883
- <p>计算三维坐标对应到屏幕的二维坐标</p>
884
- </div>
885
- <dl class="tsd-comment-tags">
886
- <dt>description</dt>
887
- <dd><p>如果三维坐标不在屏幕中，则返回 null</p>
888
- </dd>
889
- </dl>
890
- </div>
891
- <h4 class="tsd-parameters-title">Parameters</h4>
892
- <ul class="tsd-parameters">
893
- <li>
894
- <h5>vector: <span class="tsd-signature-type">Vector3</span></h5>
895
- <div class="tsd-comment tsd-typography">
896
- <div class="lead">
897
- <p>三维坐标</p>
898
- </div>
899
- </div>
900
- </li>
901
- <li>
902
- <h5>testModel: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5>
903
- <div class="tsd-comment tsd-typography">
904
- <div class="lead">
905
- <p>是否计算模型遮挡</p>
906
- </div>
907
- </div>
908
- </li>
909
- </ul>
910
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Vector2</span></h4>
911
- <p>二维坐标 或者 null</p>
912
- </li>
913
- </ul>
914
- </li>
915
- </ul>
916
- </div>
917
- </section>
918
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
919
- <a name="render" class="tsd-anchor"></a>
920
- <h3>render</h3>
921
- <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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
922
- <aside class="tsd-sources">
923
- <p>Overrides Record.render</p>
924
- <ul>
925
- <li>Defined in lib/react/withFive.tsx:430</li>
926
- </ul>
927
- </aside>
928
- <div class="tsd-comment tsd-typography">
929
- <div class="lead">
930
- <p>强制渲染</p>
931
- </div>
932
- <dl class="tsd-comment-tags">
933
- <dt>description</dt>
934
- <dd><p>调用 <code>render()</code> 和设置 <code>needsRender()</code> 均可在按需渲染时，使得画面渲染一次
935
- 区别在于：</p>
936
- <ul>
937
- <li><code>needsRender()</code> 为在下帧渲染画面</li>
938
- <li><code>render()</code> 在当前帧渲染画面
939
- 推荐使用 <code>needsRender()</code>, 可以更加流畅。但是如果需要截图等同步操作，可以使用 <code>render()</code></li>
940
- </ul>
941
- </dd>
942
- </dl>
943
- </div>
944
- <div class="tsd-type-declaration">
945
- <h4>Type declaration</h4>
946
- <ul class="tsd-parameters">
947
- <li class="tsd-parameter-signature">
948
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
949
- <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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
950
- </ul>
951
- <ul class="tsd-descriptions">
952
- <li class="tsd-description">
953
- <div class="tsd-comment tsd-typography">
954
- <div class="lead">
955
- <p>强制渲染</p>
956
- </div>
957
- <dl class="tsd-comment-tags">
958
- <dt>description</dt>
959
- <dd><p>调用 <code>five.render()</code> 和设置 <code>five.needsRender = true</code> 均可在按需渲染时，使得画面渲染一次
960
- 区别在于：</p>
961
- <ul>
962
- <li><code>five.needsRender = true</code> 为在下帧渲染画面</li>
963
- <li><code>five.render()</code> 在当前帧渲染画面
964
- 推荐使用 <code>five.needsRender = true</code>, 可以更加流畅。但是如果需要截图等同步操作，可以使用 <code>five.render()</code></li>
965
- </ul>
966
- </dd>
967
- </dl>
968
- </div>
969
- <h4 class="tsd-parameters-title">Parameters</h4>
970
- <ul class="tsd-parameters">
971
- <li>
972
- <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>
973
- <div class="tsd-comment tsd-typography">
974
- <div class="lead">
975
- <p>渲染完成回调</p>
976
- </div>
977
- </div>
978
- <ul class="tsd-parameters">
979
- <li class="tsd-parameter-signature">
980
- <ul class="tsd-signatures tsd-kind-type-literal">
981
- <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>
982
- </ul>
983
- <ul class="tsd-descriptions">
984
- <li class="tsd-description">
985
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
986
- </li>
987
- </ul>
988
- </li>
989
- </ul>
990
- </li>
991
- </ul>
992
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
993
- </li>
994
- </ul>
995
- </li>
996
- </ul>
997
- </div>
998
- </section>
999
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1000
- <a name="setstate" class="tsd-anchor"></a>
1001
- <h3>set<wbr>State</h3>
1002
- <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="index.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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
1003
- <aside class="tsd-sources">
1004
- <p>Overrides Record.setState</p>
1005
- <ul>
1006
- <li>Defined in lib/react/withFive.tsx:309</li>
1007
- </ul>
1008
- </aside>
1009
- <div class="tsd-comment tsd-typography">
1010
- <div class="lead">
1011
- <p>设置 State</p>
1012
- </div>
1013
- <dl class="tsd-comment-tags">
1014
- <dt>description</dt>
1015
- <dd><pre><code class="language-text">five 设置了以下状态
1016
-
1017
- - mode: Mode
1018
- - panoIndex: number
1019
- - longitude: number
1020
- - latitude: number
1021
- - fov: number
1022
- - offset: THREE.Vector3
1023
-
1024
- 可以通过 state, currentState 和 setState 来获取和设置。
1025
- 通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
1026
- 来迎合一些通过数据驱动的场景。
1027
- </code></pre>
1028
- </dd>
1029
- </dl>
1030
- </div>
1031
- <div class="tsd-type-declaration">
1032
- <h4>Type declaration</h4>
1033
- <ul class="tsd-parameters">
1034
- <li class="tsd-parameter-signature">
1035
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
1036
- <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="index.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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
1037
- </ul>
1038
- <ul class="tsd-descriptions">
1039
- <li class="tsd-description">
1040
- <div class="tsd-comment tsd-typography">
1041
- <div class="lead">
1042
- <p>设置 State</p>
1043
- </div>
1044
- <dl class="tsd-comment-tags">
1045
- <dt>description</dt>
1046
- <dd><pre><code class="language-text">five 设置了以下状态
1047
-
1048
- - mode: Mode
1049
- - panoIndex: number
1050
- - longitude: number
1051
- - latitude: number
1052
- - fov: number
1053
- - offset: THREE.Vector3
1054
-
1055
- 可以通过 five.state 和 five.setState 来获取和设置。
1056
- 通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
1057
- 来迎合一些通过数据驱动的场景。
1058
- </code></pre>
1059
- </dd>
1060
- </dl>
1061
- </div>
1062
- <h4 class="tsd-parameters-title">Parameters</h4>
1063
- <ul class="tsd-parameters">
1064
- <li>
1065
- <h5>state: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="index.state.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a><span class="tsd-signature-symbol">&gt;</span></h5>
1066
- <div class="tsd-comment tsd-typography">
1067
- <div class="lead">
1068
- <p>目标状态</p>
1069
- </div>
1070
- </div>
1071
- </li>
1072
- <li>
1073
- <h5>immediately: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></h5>
1074
- <div class="tsd-comment tsd-typography">
1075
- <div class="lead">
1076
- <p>是否马上转换，马上转换会尽快达到目标状态，尽量减少中间状态，更少动画。</p>
1077
- </div>
1078
- </div>
1079
- </li>
1080
- </ul>
1081
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
1082
- </li>
1083
- </ul>
1084
- </li>
1085
- </ul>
1086
- </div>
1087
- </section>
1088
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1089
- <a name="state" class="tsd-anchor"></a>
1090
- <h3>state</h3>
1091
- <div class="tsd-signature tsd-kind-icon">state<span class="tsd-signature-symbol">:</span> <a href="index.state.html" class="tsd-signature-type" data-tsd-kind="Interface">State</a></div>
1092
- <aside class="tsd-sources">
1093
- <p>Overrides Record.state</p>
1094
- <ul>
1095
- <li>Defined in lib/react/withFive.tsx:262</li>
1096
- </ul>
1097
- </aside>
1098
- <div class="tsd-comment tsd-typography">
1099
- <div class="lead">
1100
- <p>Five React Inject: Five 的目标状态</p>
1101
- </div>
1102
- <dl class="tsd-comment-tags">
1103
- <dt>description</dt>
1104
- <dd><pre><code class="language-text">five 设置了以下状态
1105
-
1106
- - mode: Mode
1107
- - panoIndex: number
1108
- - longitude: number
1109
- - latitude: number
1110
- - fov: number
1111
- - offset: THREE.Vector3
1112
-
1113
- 可以通过 state, currentState 和 setState 来获取和设置。
1114
- 通过 state 设置后，five 会通过合适的动画运动来达到设置的位置。
1115
- 来迎合一些通过数据驱动的场景。
1116
- </code></pre>
1117
- </dd>
1118
- </dl>
1119
- </div>
1120
- </section>
1121
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1122
- <a name="unsafe__fiveinstance" class="tsd-anchor"></a>
1123
- <h3>unsafe__five<wbr>Instance</h3>
1124
- <div class="tsd-signature tsd-kind-icon">unsafe__five<wbr>Instance<span class="tsd-signature-symbol">:</span> <a href="../classes/index.five.html" class="tsd-signature-type" data-tsd-kind="Class">Five</a></div>
1125
- <aside class="tsd-sources">
1126
- <p>Overrides Record.unsafe__fiveInstance</p>
1127
- <ul>
1128
- <li>Defined in lib/react/withFive.tsx:242</li>
1129
- </ul>
1130
- </aside>
1131
- <div class="tsd-comment tsd-typography">
1132
- <div class="lead">
1133
- <p>Five React Inject: 获取 five 实例</p>
1134
- </div>
1135
- <dl class="tsd-comment-tags">
1136
- <dt>description</dt>
1137
- <dd><p>不到万不得已，并不推荐直接使用。</p>
1138
- </dd>
1139
- <dt>deprecated</dt>
1140
- <dd><p>不到万不得已，并不推荐直接使用。</p>
1141
- </dd>
1142
- </dl>
1143
- </div>
1144
- </section>
1145
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1146
- <a name="updatecamera" class="tsd-anchor"></a>
1147
- <h3>update<wbr>Camera</h3>
1148
- <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><a href="index.pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">&gt;</span>, duration<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">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></div>
1149
- <aside class="tsd-sources">
1150
- <p>Overrides Record.updateCamera</p>
1151
- <ul>
1152
- <li>Defined in lib/react/withFive.tsx:385</li>
1153
- </ul>
1154
- </aside>
1155
- <div class="tsd-comment tsd-typography">
1156
- <div class="lead">
1157
- <p>移动相机。（不触发点位移动）</p>
1158
- </div>
1159
- <dl class="tsd-comment-tags">
1160
- <dt>description</dt>
1161
- <dd><p>如果动画中途被打断（用户触发行为，或者调用 setState, load, changeMode）的等
1162
- 会 Promise.reject。运动完成则 Promise.resolve</p>
1163
- </dd>
1164
- </dl>
1165
- </div>
1166
- <div class="tsd-type-declaration">
1167
- <h4>Type declaration</h4>
1168
- <ul class="tsd-parameters">
1169
- <li class="tsd-parameter-signature">
1170
- <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
1171
- <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><a href="index.pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">&gt;</span>, duration<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">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
1172
- </ul>
1173
- <ul class="tsd-descriptions">
1174
- <li class="tsd-description">
1175
- <div class="tsd-comment tsd-typography">
1176
- <div class="lead">
1177
- <p>移动相机。（不触发点位移动）</p>
1178
- </div>
1179
- <dl class="tsd-comment-tags">
1180
- <dt>description</dt>
1181
- <dd><p>如果动画中途被打断（用户触发行为，或者调用 setState, load, changeMode）的等
1182
- 会 Promise.reject。运动完成则 Promise.resolve</p>
1183
- </dd>
1184
- </dl>
1185
- </div>
1186
- <h4 class="tsd-parameters-title">Parameters</h4>
1187
- <ul class="tsd-parameters">
1188
- <li>
1189
- <h5>pose: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="index.pose.html" class="tsd-signature-type" data-tsd-kind="Interface">Pose</a><span class="tsd-signature-symbol">&gt;</span></h5>
1190
- <div class="tsd-comment tsd-typography">
1191
- <div class="lead">
1192
- <p>相机目标位置</p>
1193
- </div>
1194
- </div>
1195
- </li>
1196
- <li>
1197
- <h5>duration: <span class="tsd-signature-type">number</span></h5>
1198
- <div class="tsd-comment tsd-typography">
1199
- <div class="lead">
1200
- <p>动画触发的时常</p>
1201
- </div>
1202
- </div>
1203
- </li>
1204
- </ul>
1205
- <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>
1206
- <p>Promise 是否移动成功</p>
1207
- </li>
1208
- </ul>
1209
- </li>
1210
- </ul>
1211
- </div>
1212
- </section>
1213
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1214
- <a name="work" class="tsd-anchor"></a>
1215
- <h3>work</h3>
1216
- <div class="tsd-signature tsd-kind-icon">work<span class="tsd-signature-symbol">:</span> <a href="../modules/index.html#work" class="tsd-signature-type" data-tsd-kind="Type alias">Work</a></div>
1217
- <aside class="tsd-sources">
1218
- <p>Overrides Record.work</p>
1219
- <ul>
1220
- <li>Defined in lib/react/withFive.tsx:287</li>
1221
- </ul>
1222
- </aside>
1223
- <div class="tsd-comment tsd-typography">
1224
- <div class="lead">
1225
- <p>Five React Inject: Five Work</p>
1226
- </div>
1227
- </div>
1228
- </section>
1229
- </section>
1230
- <section class="tsd-panel-group tsd-member-group tsd-is-inherited">
1231
- <h2>Methods</h2>
1232
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1233
- <a name="cameradirection" class="tsd-anchor"></a>
1234
- <h3>camera<wbr>Direction</h3>
1235
- <div class="tsd-signature tsd-kind-icon">camera<wbr>Direction<span class="tsd-signature-symbol">:</span></div>
1236
- <aside class="tsd-sources">
1237
- <p>Inherited from Record.cameraDirection</p>
1238
- </aside>
1239
- </section>
1240
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1241
- <a name="cameraraycaster" class="tsd-anchor"></a>
1242
- <h3>camera<wbr>Raycaster</h3>
1243
- <div class="tsd-signature tsd-kind-icon">camera<wbr>Raycaster<span class="tsd-signature-symbol">:</span></div>
1244
- <aside class="tsd-sources">
1245
- <p>Inherited from Record.cameraRaycaster</p>
1246
- </aside>
1247
- </section>
1248
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1249
- <a name="modelreadystate" class="tsd-anchor"></a>
1250
- <h3>model<wbr>Ready<wbr>State</h3>
1251
- <div class="tsd-signature tsd-kind-icon">model<wbr>Ready<wbr>State<span class="tsd-signature-symbol">:</span></div>
1252
- <aside class="tsd-sources">
1253
- <p>Inherited from Record.modelReadyState</p>
1254
- </aside>
1255
- </section>
1256
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1257
- <a name="scene" class="tsd-anchor"></a>
1258
- <h3>scene</h3>
1259
- <div class="tsd-signature tsd-kind-icon">scene<span class="tsd-signature-symbol">:</span></div>
1260
- <aside class="tsd-sources">
1261
- <p>Inherited from Record.scene</p>
1262
- </aside>
1263
- </section>
1264
- </section>
1265
- </div>
1266
- <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
1267
- <nav class="tsd-navigation primary">
1268
- <ul>
1269
- <li class=" ">
1270
- <a href="../modules.html">Modules</a>
1271
- </li>
1272
- <li class=" tsd-kind-module">
1273
- <a href="../modules/index.html">index</a>
1274
- </li>
1275
- <li class="current tsd-kind-module">
1276
- <a href="../modules/react.html">react</a>
1277
- </li>
1278
- </ul>
1279
- </nav>
1280
- <nav class="tsd-navigation secondary menu-sticky">
1281
- <ul class="before-current">
1282
- <li class=" tsd-kind-class tsd-parent-kind-module tsd-has-type-parameter">
1283
- <a href="../classes/react.store.html" class="tsd-kind-icon">Store</a>
1284
- </li>
1285
- <li class=" tsd-kind-interface tsd-parent-kind-module">
1286
- <a href="react.fiveactionreactcallbacks.html" class="tsd-kind-icon">Five<wbr>Action<wbr>React<wbr>Callbacks</a>
1287
- </li>
1288
- </ul>
1289
- <ul class="current">
1290
- <li class="current tsd-kind-interface tsd-parent-kind-module">
1291
- <a href="react.fiveinjectiontypes.html" class="tsd-kind-icon">Five<wbr>Injection<wbr>Types</a>
1292
- <ul>
1293
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1294
- <a href="react.fiveinjectiontypes.html#currentstate" class="tsd-kind-icon">current<wbr>State</a>
1295
- </li>
1296
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1297
- <a href="react.fiveinjectiontypes.html#getpixels" class="tsd-kind-icon">get<wbr>Pixels</a>
1298
- </li>
1299
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1300
- <a href="react.fiveinjectiontypes.html#initbasisloader" class="tsd-kind-icon">init<wbr>Basis<wbr>Loader</a>
1301
- </li>
1302
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1303
- <a href="react.fiveinjectiontypes.html#intersectraycaster" class="tsd-kind-icon">intersect<wbr>Raycaster</a>
1304
- </li>
1305
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1306
- <a href="react.fiveinjectiontypes.html#loadwork" class="tsd-kind-icon">load<wbr>Work</a>
1307
- </li>
1308
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1309
- <a href="react.fiveinjectiontypes.html#needsrender" class="tsd-kind-icon">needs<wbr>Render</a>
1310
- </li>
1311
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1312
- <a href="react.fiveinjectiontypes.html#off" class="tsd-kind-icon">off</a>
1313
- </li>
1314
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1315
- <a href="react.fiveinjectiontypes.html#on" class="tsd-kind-icon">on</a>
1316
- </li>
1317
- <li class=" tsd-kind-property tsd-parent-kind-interface">
1318
- <a href="react.fiveinjectiontypes.html#once" class="tsd-kind-icon">once</a>
1319
- </li>
1320
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1321
- <a href="react.fiveinjectiontypes.html#preloadpano" class="tsd-kind-icon">preload<wbr>Pano</a>
1322
- </li>
1323
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1324
- <a href="react.fiveinjectiontypes.html#project2d" class="tsd-kind-icon">project2d</a>
1325
- </li>
1326
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1327
- <a href="react.fiveinjectiontypes.html#render" class="tsd-kind-icon">render</a>
1328
- </li>
1329
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1330
- <a href="react.fiveinjectiontypes.html#setstate" class="tsd-kind-icon">set<wbr>State</a>
1331
- </li>
1332
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1333
- <a href="react.fiveinjectiontypes.html#state" class="tsd-kind-icon">state</a>
1334
- </li>
1335
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1336
- <a href="react.fiveinjectiontypes.html#unsafe__fiveinstance" class="tsd-kind-icon">unsafe__five<wbr>Instance</a>
1337
- </li>
1338
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1339
- <a href="react.fiveinjectiontypes.html#updatecamera" class="tsd-kind-icon">update<wbr>Camera</a>
1340
- </li>
1341
- <li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
1342
- <a href="react.fiveinjectiontypes.html#work" class="tsd-kind-icon">work</a>
1343
- </li>
1344
- <li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1345
- <a href="react.fiveinjectiontypes.html#cameradirection" class="tsd-kind-icon">camera<wbr>Direction</a>
1346
- </li>
1347
- <li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1348
- <a href="react.fiveinjectiontypes.html#cameraraycaster" class="tsd-kind-icon">camera<wbr>Raycaster</a>
1349
- </li>
1350
- <li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1351
- <a href="react.fiveinjectiontypes.html#modelreadystate" class="tsd-kind-icon">model<wbr>Ready<wbr>State</a>
1352
- </li>
1353
- <li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-inherited">
1354
- <a href="react.fiveinjectiontypes.html#scene" class="tsd-kind-icon">scene</a>
1355
- </li>
1356
- </ul>
1357
- </li>
1358
- </ul>
1359
- <ul class="after-current">
1360
- <li class=" tsd-kind-interface tsd-parent-kind-module tsd-has-type-parameter">
1361
- <a href="react.injectfivetoprops.html" class="tsd-kind-icon">Inject<wbr>Five<wbr>ToProps</a>
1362
- </li>
1363
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1364
- <a href="../modules/react.html#fiveinjectionactionfeature" class="tsd-kind-icon">Five<wbr>Injection<wbr>Action<wbr>Feature</a>
1365
- </li>
1366
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1367
- <a href="../modules/react.html#fiveinjectiondatafeature" class="tsd-kind-icon">Five<wbr>Injection<wbr>Data<wbr>Feature</a>
1368
- </li>
1369
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1370
- <a href="../modules/react.html#fiveinjectionfeature" class="tsd-kind-icon">Five<wbr>Injection<wbr>Feature</a>
1371
- </li>
1372
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1373
- <a href="../modules/react.html#fiveproviderproptypes" class="tsd-kind-icon">Five<wbr>Provider<wbr>Prop<wbr>Types</a>
1374
- </li>
1375
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1376
- <a href="../modules/react.html#fiveprovidertype" class="tsd-kind-icon">Five<wbr>Provider<wbr>Type</a>
1377
- </li>
1378
- <li class=" tsd-kind-type-alias tsd-parent-kind-module tsd-has-type-parameter">
1379
- <a href="../modules/react.html#storeactionmaphanlder" class="tsd-kind-icon">Store<wbr>Action<wbr>Map<wbr>Hanlder</a>
1380
- </li>
1381
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1382
- <a href="../modules/react.html#storeactionmaptype" class="tsd-kind-icon">Store<wbr>Action<wbr>Map<wbr>Type</a>
1383
- </li>
1384
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1385
- <a href="../modules/react.html#storeprovidertype" class="tsd-kind-icon">Store<wbr>Provider<wbr>Type</a>
1386
- </li>
1387
- <li class=" tsd-kind-type-alias tsd-parent-kind-module">
1388
- <a href="../modules/react.html#storevaluemaptype" class="tsd-kind-icon">Store<wbr>Value<wbr>Map<wbr>Type</a>
1389
- </li>
1390
- <li class=" tsd-kind-variable tsd-parent-kind-module">
1391
- <a href="../modules/react.html#fivecanvas" class="tsd-kind-icon">Five<wbr>Canvas</a>
1392
- </li>
1393
- <li class=" tsd-kind-variable tsd-parent-kind-module">
1394
- <a href="../modules/react.html#injection_propname" class="tsd-kind-icon">INJECTION_<wbr>PROPNAME</a>
1395
- </li>
1396
- <li class=" tsd-kind-function tsd-parent-kind-module">
1397
- <a href="../modules/react.html#createfiveprovider" class="tsd-kind-icon">create<wbr>Five<wbr>Provider</a>
1398
- </li>
1399
- <li class=" tsd-kind-function tsd-parent-kind-module tsd-has-type-parameter">
1400
- <a href="../modules/react.html#createstore" class="tsd-kind-icon">create<wbr>Store</a>
1401
- </li>
1402
- <li class=" tsd-kind-function tsd-parent-kind-module">
1403
- <a href="../modules/react.html#unsafe__usefiveinstance" class="tsd-kind-icon">unsafe__use<wbr>Five<wbr>Instance</a>
1404
- </li>
1405
- <li class=" tsd-kind-function tsd-parent-kind-module">
1406
- <a href="../modules/react.html#usefiveaction" class="tsd-kind-icon">use<wbr>Five<wbr>Action</a>
1407
- </li>
1408
- <li class=" tsd-kind-function tsd-parent-kind-module">
1409
- <a href="../modules/react.html#usefivecameradirection" class="tsd-kind-icon">use<wbr>Five<wbr>Camera<wbr>Direction</a>
1410
- </li>
1411
- <li class=" tsd-kind-function tsd-parent-kind-module">
1412
- <a href="../modules/react.html#usefivecameraraycaster" class="tsd-kind-icon">use<wbr>Five<wbr>Camera<wbr>Raycaster</a>
1413
- </li>
1414
- <li class=" tsd-kind-function tsd-parent-kind-module">
1415
- <a href="../modules/react.html#usefivecurrentstate" class="tsd-kind-icon">use<wbr>Five<wbr>Current<wbr>State</a>
1416
- </li>
1417
- <li class=" tsd-kind-function tsd-parent-kind-module tsd-has-type-parameter">
1418
- <a href="../modules/react.html#usefiveevent" class="tsd-kind-icon">use<wbr>Five<wbr>Event</a>
1419
- </li>
1420
- <li class=" tsd-kind-function tsd-parent-kind-module">
1421
- <a href="../modules/react.html#usefivemodelintersectraycaster" class="tsd-kind-icon">use<wbr>Five<wbr>Model<wbr>Intersect<wbr>Raycaster</a>
1422
- </li>
1423
- <li class=" tsd-kind-function tsd-parent-kind-module">
1424
- <a href="../modules/react.html#usefivemodelreadystate" class="tsd-kind-icon">use<wbr>Five<wbr>Model<wbr>Ready<wbr>State</a>
1425
- </li>
1426
- <li class=" tsd-kind-function tsd-parent-kind-module">
1427
- <a href="../modules/react.html#usefiveproject2d" class="tsd-kind-icon">use<wbr>Five<wbr>Project2d</a>
1428
- </li>
1429
- <li class=" tsd-kind-function tsd-parent-kind-module">
1430
- <a href="../modules/react.html#usefivescene" class="tsd-kind-icon">use<wbr>Five<wbr>Scene</a>
1431
- </li>
1432
- <li class=" tsd-kind-function tsd-parent-kind-module">
1433
- <a href="../modules/react.html#usefivestate" class="tsd-kind-icon">use<wbr>Five<wbr>State</a>
1434
- </li>
1435
- <li class=" tsd-kind-function tsd-parent-kind-module">
1436
- <a href="../modules/react.html#usefivework" class="tsd-kind-icon">use<wbr>Five<wbr>Work</a>
1437
- </li>
1438
- <li class=" tsd-kind-function tsd-parent-kind-module tsd-has-type-parameter">
1439
- <a href="../modules/react.html#withfive" class="tsd-kind-icon">with<wbr>Five</a>
1440
- </li>
1441
- </ul>
1442
- </nav>
1443
- </div>
1444
- </div>
1445
- </div>
1446
- <footer>
1447
- <div class="container">
1448
- <h2>Legend</h2>
1449
- <div class="tsd-legend-group">
1450
- <ul class="tsd-legend">
1451
- <li class="tsd-kind-namespace"><span class="tsd-kind-icon">Namespace</span></li>
1452
- <li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
1453
- <li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
1454
- <li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li>
1455
- <li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
1456
- <li class="tsd-kind-type-alias tsd-has-type-parameter"><span class="tsd-kind-icon">Type alias with type parameter</span></li>
1457
- </ul>
1458
- <ul class="tsd-legend">
1459
- <li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
1460
- <li class="tsd-kind-interface tsd-has-type-parameter"><span class="tsd-kind-icon">Interface with type parameter</span></li>
1461
- <li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
1462
- </ul>
1463
- <ul class="tsd-legend">
1464
- <li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
1465
- <li class="tsd-kind-class tsd-has-type-parameter"><span class="tsd-kind-icon">Class with type parameter</span></li>
1466
- </ul>
1467
- </div>
1468
- </div>
1469
- </footer>
1470
- <div class="overlay"></div>
1471
- <script src="../assets/js/main.js"></script>
1472
- </body>
1473
- </html>