@realsee/five 6.8.0-alpha.25 → 6.8.0-alpha.26

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 (211) hide show
  1. package/ai_guides/api.md +18 -8
  2. package/ai_guides/features/event.md +99 -8
  3. package/ai_guides/features/flowing-light-2d-pass.md +10 -6
  4. package/ai_guides/features/flowing-light-3d-pass.md +11 -6
  5. package/ai_guides/features/load-external-model.md +1 -0
  6. package/ai_guides/features/state.md +2 -2
  7. package/ai_guides/glossary.md +2 -2
  8. package/ai_guides/release_notes/6.8.md +1 -0
  9. package/docs/assets/hierarchy.js +1 -1
  10. package/docs/assets/navigation.js +1 -1
  11. package/docs/assets/search.js +1 -1
  12. package/docs/classes/five.AdaptiveLuminancePass.html +1 -1
  13. package/docs/classes/five.BoundingMesh.html +1 -1
  14. package/docs/classes/five.Camera.html +1 -1
  15. package/docs/classes/five.EyeDomeLightingPass.html +1 -1
  16. package/docs/classes/five.Five.html +13 -13
  17. package/docs/classes/five.FivePass.html +1 -1
  18. package/docs/classes/five.InternalWebGLRenderer.html +1 -1
  19. package/docs/classes/five.Model.html +1 -1
  20. package/docs/classes/five.ModelScene.html +1 -1
  21. package/docs/classes/five.NetworkSubscribe.html +1 -1
  22. package/docs/classes/five.PBMContainer.html +1 -1
  23. package/docs/classes/five.PBMCustomShader.html +1 -1
  24. package/docs/classes/five.PBMGSObject.html +1 -1
  25. package/docs/classes/five.PBMGroup.html +1 -1
  26. package/docs/classes/five.PBMMesh.html +1 -1
  27. package/docs/classes/five.PBMMeshMaterial.html +1 -1
  28. package/docs/classes/five.PBMPanoFilter.html +1 -1
  29. package/docs/classes/five.PBMPointCloud.html +1 -1
  30. package/docs/classes/five.PBMPointCloudMaterial.html +1 -1
  31. package/docs/classes/five.PBMSkinnedMesh.html +1 -1
  32. package/docs/classes/five.PBMUpdateable.html +1 -1
  33. package/docs/classes/five.PanoCircleMesh.html +1 -1
  34. package/docs/classes/five.PanoCircleMeshCustom.html +1 -1
  35. package/docs/classes/five.PanoCircleMeshSolid.html +1 -1
  36. package/docs/classes/five.Parameter.html +1 -1
  37. package/docs/classes/five.Scene.html +1 -1
  38. package/docs/classes/five.Subscribe.html +1 -1
  39. package/docs/classes/five.Tile3D.html +1 -1
  40. package/docs/classes/five.TileNode.html +1 -1
  41. package/docs/classes/five.TrajectoryNode.html +1 -1
  42. package/docs/classes/five.WorkResolvedObserver.html +1 -1
  43. package/docs/classes/gltf-loader.DDSLoader.html +1 -1
  44. package/docs/classes/gltf-loader.DRACOLoader.html +1 -1
  45. package/docs/classes/gltf-loader.GLTFLoader.html +1 -1
  46. package/docs/classes/gltf-loader.GLTFObject.html +1 -1
  47. package/docs/classes/gltf-loader.THREEGLTFLoader.html +1 -1
  48. package/docs/classes/line.Line.html +1 -1
  49. package/docs/classes/line.LineGeometry.html +1 -1
  50. package/docs/classes/line.LineMaterial.html +1 -1
  51. package/docs/classes/line.LineSegmentsGeometry.html +1 -1
  52. package/docs/classes/line.THREE_Line2.html +1 -1
  53. package/docs/classes/line.THREE_LineSegments2.html +1 -1
  54. package/docs/classes/plugins.BasePlugin.Controller.html +1 -1
  55. package/docs/classes/plugins.RoundedBoxGeometry.html +1 -1
  56. package/docs/classes/sticker.Sticker.html +1 -1
  57. package/docs/classes/vfx.Airflow.html +1 -1
  58. package/docs/classes/vfx.Flame.html +1 -1
  59. package/docs/classes/vfx.Particle.html +1 -1
  60. package/docs/classes/vfx.ParticleGPU.html +1 -1
  61. package/docs/classes/vfx.SpotLight.html +1 -1
  62. package/docs/documents/api.html +58 -8
  63. package/docs/documents/features_event.html +39 -6
  64. package/docs/documents/features_flowing-light-2d-pass.html +12 -109
  65. package/docs/documents/features_flowing-light-3d-pass.html +15 -117
  66. package/docs/documents/features_load-external-model.html +1 -0
  67. package/docs/documents/features_state.html +1 -1
  68. package/docs/documents/glossary.html +3 -3
  69. package/docs/documents/release_notes_6.8.html +1 -0
  70. package/docs/functions/plugins.GaussianSplattingEntranceAnimationPlugin.html +1 -0
  71. package/docs/hierarchy.html +1 -1
  72. package/docs/interfaces/five.AddableObject.html +1 -1
  73. package/docs/interfaces/five.AjaxOptions.html +1 -1
  74. package/docs/interfaces/five.BaseEvent.html +5 -5
  75. package/docs/interfaces/five.BaseExtendableEvent.html +11 -0
  76. package/docs/interfaces/five.EventCallback.html +45 -43
  77. package/docs/interfaces/five.FloorplanControllerCustomInitArgs.html +9 -9
  78. package/docs/interfaces/five.GestureEvent.html +19 -19
  79. package/docs/interfaces/five.GesturePointer.html +9 -9
  80. package/docs/interfaces/five.ImageOptions.html +1 -1
  81. package/docs/interfaces/five.IntersectEvent.html +8 -8
  82. package/docs/interfaces/five.IntersectMesh.html +1 -1
  83. package/docs/interfaces/five.IntersectMeshInterface.html +1 -1
  84. package/docs/interfaces/five.Intersection.html +1 -1
  85. package/docs/interfaces/five.LooseWorkWithExtrinsics.html +1 -1
  86. package/docs/interfaces/five.MapviewControllerCustomInitArgs.html +9 -9
  87. package/docs/interfaces/five.ModeChangeEvent.html +7 -7
  88. package/docs/interfaces/five.ModelControllerCustomInitArgs.html +1 -1
  89. package/docs/interfaces/five.ModelEvent.html +5 -5
  90. package/docs/interfaces/five.ModelSceneEvent.html +5 -5
  91. package/docs/interfaces/five.ModelTileEvent.html +5 -5
  92. package/docs/interfaces/five.MovePanoOptions.html +1 -1
  93. package/docs/interfaces/five.NetworkAbortError.html +1 -1
  94. package/docs/interfaces/five.NetworkFirbiddenError.html +1 -1
  95. package/docs/interfaces/five.NetworkOptions.html +1 -1
  96. package/docs/interfaces/five.NetworkProxyError.html +1 -1
  97. package/docs/interfaces/five.NetworkResourceEvent.html +5 -5
  98. package/docs/interfaces/five.NetworkResponseError.html +1 -1
  99. package/docs/interfaces/five.NetworkTimeoutError.html +1 -1
  100. package/docs/interfaces/five.ObjectEvent.html +5 -5
  101. package/docs/interfaces/five.PBMMaterial.html +1 -1
  102. package/docs/interfaces/five.PBMMeshMaterialParameters.html +1 -1
  103. package/docs/interfaces/five.PBMPointCloudMaterialParameters.html +1 -1
  104. package/docs/interfaces/five.PanoCircleMeshInterface.html +1 -1
  105. package/docs/interfaces/five.PanoEvent.html +13 -11
  106. package/docs/interfaces/five.PanoPrepareEvent.html +15 -0
  107. package/docs/interfaces/five.PanoTextureEvent.html +9 -9
  108. package/docs/interfaces/five.PanoramaControllerCustomInitArgs.html +9 -9
  109. package/docs/interfaces/five.PanoramaLikeControllerCustomInitArgs.html +1 -1
  110. package/docs/interfaces/five.ParameterMaterialValue.html +1 -1
  111. package/docs/interfaces/five.ParameterTilesetValue.html +1 -1
  112. package/docs/interfaces/five.ParameterValue.html +1 -1
  113. package/docs/interfaces/five.Pose.html +1 -1
  114. package/docs/interfaces/five.RenderEvent.html +5 -5
  115. package/docs/interfaces/five.ResolvedParameterValue.html +1 -1
  116. package/docs/interfaces/five.State.html +1 -1
  117. package/docs/interfaces/five.StateEvent.html +7 -7
  118. package/docs/interfaces/five.TextureOptions.html +1 -1
  119. package/docs/interfaces/five.TopviewControllerCustomInitArgs.html +7 -7
  120. package/docs/interfaces/five.VRPanoramaControllerCustomInitArgs.html +9 -9
  121. package/docs/interfaces/five.ViewLayer.html +1 -1
  122. package/docs/interfaces/five.WorkCubeImage.html +1 -1
  123. package/docs/interfaces/five.WorkImage.html +1 -1
  124. package/docs/interfaces/five.WorkObserver.html +1 -1
  125. package/docs/interfaces/five.WorkObserverProto.html +1 -1
  126. package/docs/interfaces/five.WorkTile.html +1 -1
  127. package/docs/interfaces/five.WorksEvent.html +5 -5
  128. package/docs/interfaces/five.XRControllerEvent.html +8 -8
  129. package/docs/interfaces/five.XRControllerState.html +4 -4
  130. package/docs/interfaces/five.XRGestureEvent.html +11 -11
  131. package/docs/interfaces/five.XRPanoramaControllerCustomInitArgs.html +9 -9
  132. package/docs/interfaces/five.XRSessionEvent.html +7 -7
  133. package/docs/interfaces/plugins.BackgroundPluginController.html +1 -1
  134. package/docs/interfaces/plugins.BackgroundPluginType.EventMap.html +1 -1
  135. package/docs/interfaces/plugins.BasePlugin.State.html +1 -1
  136. package/docs/interfaces/plugins.DynamicPathLinePluginController.html +1 -1
  137. package/docs/interfaces/plugins.DynamicPathLinePluginType.EventMap.html +1 -1
  138. package/docs/interfaces/plugins.DynamicPathLinePluginType.State.html +1 -1
  139. package/docs/interfaces/plugins.GaussianSplattingEntranceAnimationController.html +44 -0
  140. package/docs/interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.BoundingAABB2D.html +3 -0
  141. package/docs/interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.Config.html +8 -0
  142. package/docs/interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.EventMap.html +10 -0
  143. package/docs/interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.Keyframe.html +3 -0
  144. package/docs/interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.State.html +8 -0
  145. package/docs/interfaces/plugins.ItemMaskController.html +1 -1
  146. package/docs/interfaces/plugins.ItemMaskPluginType.EventMap.html +1 -1
  147. package/docs/interfaces/plugins.ItemMaskPluginType.State.html +1 -1
  148. package/docs/interfaces/plugins.OrientationPluginController.html +1 -1
  149. package/docs/interfaces/plugins.OrientationPluginType.EventMap.html +1 -1
  150. package/docs/interfaces/plugins.OrientationPluginType.State.html +1 -1
  151. package/docs/interfaces/plugins.PanoAnimeController.html +1 -1
  152. package/docs/interfaces/plugins.PanoAnimePluginType.EventMap.html +1 -1
  153. package/docs/interfaces/plugins.PanoAnimePluginType.State.html +1 -1
  154. package/docs/interfaces/plugins.PluginTemplateType.EventMap.html +1 -1
  155. package/docs/interfaces/plugins.PluginTemplateType.State.html +1 -1
  156. package/docs/interfaces/plugins.TrajectoryController.html +1 -1
  157. package/docs/interfaces/react.FiveInjectionTypes.html +13 -13
  158. package/docs/modules/five.html +1 -1
  159. package/docs/modules/plugins.GaussianSplattingEntranceAnimationPluginType.html +1 -0
  160. package/docs/modules/plugins.html +1 -1
  161. package/docs/types/five.ControllerEventTypes.html +22 -20
  162. package/docs/types/five.EventTypes.html +26 -26
  163. package/docs/types/five.ParseOptions.html +1 -1
  164. package/docs/types/plugins.BasePlugin.EventMap.html +1 -1
  165. package/docs/variables/five.PROXY_CONTROLLER_EVENT_NAMES.html +1 -1
  166. package/five/application/events.d.ts +1 -1
  167. package/five/controllers/events.d.ts +3 -1
  168. package/five/controllers/panorama.d.ts +1 -1
  169. package/five/controllers/xrPanorama.d.ts +1 -1
  170. package/five/index.d.ts +1 -1
  171. package/five/index.js +64 -61
  172. package/five/index.mjs +1926 -1691
  173. package/five/model/loaders/glTF-helpers/extensions/KHR_gaussian_splatting.d.ts +8 -0
  174. package/five/model/loaders/glTF-helpers/extensions/KHR_gaussian_splatting_compression_spz.d.ts +4 -4
  175. package/five/model/loaders/glTF-helpers/extensions/base.d.ts +2 -1
  176. package/five/model/loaders/glTF-helpers/index.d.ts +2 -0
  177. package/five/model/loaders/glTF-helpers/parser.d.ts +2 -1
  178. package/five/utils/error.d.ts +1 -0
  179. package/five/utils/event.d.ts +14 -0
  180. package/gltf-loader/index.js +3 -3
  181. package/gltf-loader/index.mjs +3 -3
  182. package/line/index.js +3 -3
  183. package/line/index.mjs +3 -3
  184. package/package.json +1 -1
  185. package/plugins/GaussianSplattingEntranceAnimationPlugin/Controller.d.ts +30 -0
  186. package/plugins/GaussianSplattingEntranceAnimationPlugin/index.d.ts +5 -0
  187. package/plugins/GaussianSplattingEntranceAnimationPlugin/typing.d.ts +28 -0
  188. package/plugins/index.d.ts +1 -0
  189. package/plugins/index.js +10 -10
  190. package/plugins/index.mjs +164 -4
  191. package/react/index.js +2 -2
  192. package/react/index.mjs +2 -2
  193. package/shader-lib/index.js +2 -2
  194. package/shader-lib/index.mjs +2 -2
  195. package/sticker/index.js +3 -3
  196. package/sticker/index.mjs +3 -3
  197. package/umd/five-gltf-loader.js +3 -3
  198. package/umd/five-line.js +3 -3
  199. package/umd/five-plugins.js +10 -10
  200. package/umd/five-react.js +2 -2
  201. package/umd/five-shader-lib.js +2 -2
  202. package/umd/five-sticker.js +3 -3
  203. package/umd/five-vfx.js +2 -2
  204. package/umd/five-vue.js +2 -2
  205. package/umd/five.js +27 -24
  206. package/vfx/index.js +2 -2
  207. package/vfx/index.mjs +2 -2
  208. package/vue/index.js +2 -2
  209. package/vue/index.mjs +2 -2
  210. package/work-downloader/index.js +2 -2
  211. package/work-downloader/index.mjs +2 -2
@@ -146,127 +146,25 @@
146
146
  <p>释放 InstancedMesh、着色材质和渲染目标资源,销毁 Pass 时必须调用。</p>
147
147
  <h2 id="examples" class="tsd-anchor-link">Examples<a href="#examples" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h2>
148
148
  <h3 id="快速上手-quick-example" class="tsd-anchor-link">快速上手 (Quick Example)<a href="#快速上手-quick-example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
149
- <p>import { Five } from '@realsee/five';
150
- import { FlowingLight3DPass } from '../../lib/five/renderer/postprocessing';
151
- import * as THREE from 'three';</p>
152
- <p>const five = new Five();</p>
153
- <p>// 创建 3D 流光通道
154
- const flowing3D = new FlowingLight3DPass(five.camera);</p>
155
- <p>// 定义一条 3D 路径(世界坐标)
156
- const path = [
157
- new THREE.Vector3(-5, 0, 0),
158
- new THREE.Vector3(-2, 3, 2),
159
- new THREE.Vector3(2, 3, -2),
160
- new THREE.Vector3(5, 0, 0),
161
- ];
162
- const totalLen = 15; // 世界单位</p>
163
- <p>flowing3D.setLines([{
164
- points: path,
165
- totalLength: totalLen,
166
- color: new THREE.Color(0x00ff88),
167
- opacity: 0.8,
168
- duration: 4000,
169
- lineWidth: 3.0,
170
- }]);</p>
171
- <p>five.addPass(flowing3D);</p>
172
- <p>function animate() {
173
- requestAnimationFrame(animate);
174
- five.render();
175
- }
176
- animate();</p>
149
+ <pre><code class="typescript"><span class="hl-10">import</span><span class="hl-1"> { </span><span class="hl-6">Five</span><span class="hl-1"> } </span><span class="hl-10">from</span><span class="hl-1"> </span><span class="hl-9">&#39;@realsee/five&#39;</span><span class="hl-1">;</span><br/><span class="hl-10">import</span><span class="hl-1"> { </span><span class="hl-6">FlowingLight3DPass</span><span class="hl-1"> } </span><span class="hl-10">from</span><span class="hl-1"> </span><span class="hl-9">&#39;../../lib/five/renderer/postprocessing&#39;</span><span class="hl-1">;</span><br/><span class="hl-10">import</span><span class="hl-1"> </span><span class="hl-3">*</span><span class="hl-1"> </span><span class="hl-10">as</span><span class="hl-1"> </span><span class="hl-6">THREE</span><span class="hl-1"> </span><span class="hl-10">from</span><span class="hl-1"> </span><span class="hl-9">&#39;three&#39;</span><span class="hl-1">;</span><br/><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">five</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-5">Five</span><span class="hl-1">();</span><br/><br/><span class="hl-8">// 创建 3D 流光通道</span><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">flowing3D</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-5">FlowingLight3DPass</span><span class="hl-1">(</span><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-6">camera</span><span class="hl-1">);</span><br/><br/><span class="hl-8">// 定义一条 3D 路径(世界坐标)</span><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">path</span><span class="hl-1"> = [</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(-</span><span class="hl-11">5</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(-</span><span class="hl-11">2</span><span class="hl-1">, </span><span class="hl-11">3</span><span class="hl-1">, </span><span class="hl-11">2</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">2</span><span class="hl-1">, </span><span class="hl-11">3</span><span class="hl-1">, -</span><span class="hl-11">2</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">5</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1">];</span><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">totalLen</span><span class="hl-1"> = </span><span class="hl-11">15</span><span class="hl-1">; </span><span class="hl-8">// 世界单位</span><br/><br/><span class="hl-6">flowing3D</span><span class="hl-1">.</span><span class="hl-5">setLines</span><span class="hl-1">([{</span><br/><span class="hl-1"> </span><span class="hl-6">points:</span><span class="hl-1"> </span><span class="hl-6">path</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">totalLength:</span><span class="hl-1"> </span><span class="hl-6">totalLen</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">color:</span><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Color</span><span class="hl-1">(</span><span class="hl-11">0x00ff88</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">opacity:</span><span class="hl-1"> </span><span class="hl-11">0.8</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">duration:</span><span class="hl-1"> </span><span class="hl-11">4000</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">lineWidth:</span><span class="hl-1"> </span><span class="hl-11">3.0</span><span class="hl-1">,</span><br/><span class="hl-1">}]);</span><br/><br/><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-5">addPass</span><span class="hl-1">(</span><span class="hl-6">flowing3D</span><span class="hl-1">);</span><br/><br/><span class="hl-3">function</span><span class="hl-1"> </span><span class="hl-5">animate</span><span class="hl-1">() {</span><br/><span class="hl-1"> </span><span class="hl-5">requestAnimationFrame</span><span class="hl-1">(</span><span class="hl-6">animate</span><span class="hl-1">);</span><br/><span class="hl-1"> </span><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-5">render</span><span class="hl-1">();</span><br/><span class="hl-1">}</span><br/><span class="hl-5">animate</span><span class="hl-1">();</span>
150
+ </code><button type="button">Copy</button></pre>
151
+
177
152
  <h3 id="多条-3d-路径" class="tsd-anchor-link">多条 3D 路径<a href="#多条-3d-路径" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
178
- <p>const pass = new FlowingLight3DPass(camera);</p>
179
- <p>const paths = [
180
- {
181
- points: [
182
- new THREE.Vector3(0, 0, 0),
183
- new THREE.Vector3(10, 5, 0),
184
- ],
185
- totalLength: 11,
186
- color: new THREE.Color(0xff0000),
187
- duration: 2000,
188
- lineWidth: 3.0,
189
- },
190
- {
191
- points: [
192
- new THREE.Vector3(0, 0, 0),
193
- new THREE.Vector3(0, 10, 5),
194
- ],
195
- totalLength: 12,
196
- color: new THREE.Color(0x00ff00),
197
- duration: 2500,
198
- delay: 500,
199
- lineWidth: 4.0,
200
- },
201
- {
202
- points: [
203
- new THREE.Vector3(0, 0, 0),
204
- new THREE.Vector3(5, 0, 10),
205
- ],
206
- totalLength: 11,
207
- color: new THREE.Color(0x0000ff),
208
- duration: 2200,
209
- delay: 1000,
210
- lineWidth: 2.5,
211
- },
212
- ];</p>
213
- <p>pass.setLines(paths);</p>
153
+ <pre><code class="typescript"><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">pass</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-5">FlowingLight3DPass</span><span class="hl-1">(</span><span class="hl-6">camera</span><span class="hl-1">);</span><br/><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">paths</span><span class="hl-1"> = [</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-6">points:</span><span class="hl-1"> [</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">10</span><span class="hl-1">, </span><span class="hl-11">5</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1"> </span><span class="hl-6">totalLength:</span><span class="hl-1"> </span><span class="hl-11">11</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">color:</span><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Color</span><span class="hl-1">(</span><span class="hl-11">0xff0000</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">duration:</span><span class="hl-1"> </span><span class="hl-11">2000</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">lineWidth:</span><span class="hl-1"> </span><span class="hl-11">3.0</span><span class="hl-1">,</span><br/><span class="hl-1"> },</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-6">points:</span><span class="hl-1"> [</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">10</span><span class="hl-1">, </span><span class="hl-11">5</span><span class="hl-1">),</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1"> </span><span class="hl-6">totalLength:</span><span class="hl-1"> </span><span class="hl-11">12</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">color:</span><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Color</span><span class="hl-1">(</span><span class="hl-11">0x00ff00</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">duration:</span><span class="hl-1"> </span><span class="hl-11">2500</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">delay:</span><span class="hl-1"> </span><span class="hl-11">500</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">lineWidth:</span><span class="hl-1"> </span><span class="hl-11">4.0</span><span class="hl-1">,</span><br/><span class="hl-1"> },</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-6">points:</span><span class="hl-1"> [</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">5</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">10</span><span class="hl-1">),</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1"> </span><span class="hl-6">totalLength:</span><span class="hl-1"> </span><span class="hl-11">11</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">color:</span><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Color</span><span class="hl-1">(</span><span class="hl-11">0x0000ff</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">duration:</span><span class="hl-1"> </span><span class="hl-11">2200</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">delay:</span><span class="hl-1"> </span><span class="hl-11">1000</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">lineWidth:</span><span class="hl-1"> </span><span class="hl-11">2.5</span><span class="hl-1">,</span><br/><span class="hl-1"> },</span><br/><span class="hl-1">];</span><br/><br/><span class="hl-6">pass</span><span class="hl-1">.</span><span class="hl-5">setLines</span><span class="hl-1">(</span><span class="hl-6">paths</span><span class="hl-1">);</span>
154
+ </code><button type="button">Copy</button></pre>
155
+
214
156
  <h3 id="计算-3d-路径长度" class="tsd-anchor-link">计算 3D 路径长度<a href="#计算-3d-路径长度" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
215
- <p>function calculatePath3DLength(points: THREE.Vector3[]): number {
216
- let length = 0;
217
- for (let i = 1; i &lt; points.length; i++) {
218
- length += points[i].distanceTo(points[i - 1]);
219
- }
220
- return length;
221
- }</p>
222
- <p>const points = [
223
- new THREE.Vector3(0, 0, 0),
224
- new THREE.Vector3(5, 2, 3),
225
- new THREE.Vector3(10, 1, 6),
226
- ];</p>
227
- <p>const pathLine = {
228
- points: points,
229
- totalLength: calculatePath3DLength(points),
230
- color: new THREE.Color(0x00ccff),
231
- duration: 3000,
232
- lineWidth: 3.0,
233
- };</p>
157
+ <pre><code class="typescript"><span class="hl-3">function</span><span class="hl-1"> </span><span class="hl-5">calculatePath3DLength</span><span class="hl-1">(</span><span class="hl-6">points</span><span class="hl-1">: </span><span class="hl-7">THREE</span><span class="hl-1">.</span><span class="hl-7">Vector3</span><span class="hl-1">[]): </span><span class="hl-7">number</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-3">let</span><span class="hl-1"> </span><span class="hl-6">length</span><span class="hl-1"> = </span><span class="hl-11">0</span><span class="hl-1">;</span><br/><span class="hl-1"> </span><span class="hl-10">for</span><span class="hl-1"> (</span><span class="hl-3">let</span><span class="hl-1"> </span><span class="hl-6">i</span><span class="hl-1"> = </span><span class="hl-11">1</span><span class="hl-1">; </span><span class="hl-6">i</span><span class="hl-1"> &lt; </span><span class="hl-6">points</span><span class="hl-1">.</span><span class="hl-6">length</span><span class="hl-1">; </span><span class="hl-6">i</span><span class="hl-1">++) {</span><br/><span class="hl-1"> </span><span class="hl-6">length</span><span class="hl-1"> += </span><span class="hl-6">points</span><span class="hl-1">[</span><span class="hl-6">i</span><span class="hl-1">].</span><span class="hl-5">distanceTo</span><span class="hl-1">(</span><span class="hl-6">points</span><span class="hl-1">[</span><span class="hl-6">i</span><span class="hl-1"> - </span><span class="hl-11">1</span><span class="hl-1">]);</span><br/><span class="hl-1"> }</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-6">length</span><span class="hl-1">;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">points</span><span class="hl-1"> = [</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">5</span><span class="hl-1">, </span><span class="hl-11">2</span><span class="hl-1">, </span><span class="hl-11">3</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">10</span><span class="hl-1">, </span><span class="hl-11">1</span><span class="hl-1">, </span><span class="hl-11">6</span><span class="hl-1">),</span><br/><span class="hl-1">];</span><br/><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">pathLine</span><span class="hl-1"> = {</span><br/><span class="hl-1"> </span><span class="hl-6">points:</span><span class="hl-1"> </span><span class="hl-6">points</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">totalLength:</span><span class="hl-1"> </span><span class="hl-5">calculatePath3DLength</span><span class="hl-1">(</span><span class="hl-6">points</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">color:</span><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Color</span><span class="hl-1">(</span><span class="hl-11">0x00ccff</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">duration:</span><span class="hl-1"> </span><span class="hl-11">3000</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">lineWidth:</span><span class="hl-1"> </span><span class="hl-11">3.0</span><span class="hl-1">,</span><br/><span class="hl-1">};</span>
158
+ </code><button type="button">Copy</button></pre>
159
+
234
160
  <h3 id="结合相机动画" class="tsd-anchor-link">结合相机动画<a href="#结合相机动画" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
235
- <p>// 光带路径随相机移动自动投影
236
- const pass = new FlowingLight3DPass(camera);</p>
237
- <p>pass.setLines([{
238
- points: [
239
- new THREE.Vector3(-10, 0, 0),
240
- new THREE.Vector3(0, 5, 0),
241
- new THREE.Vector3(10, 0, 0),
242
- ],
243
- totalLength: 20,
244
- color: new THREE.Color(0xffff00),
245
- duration: 3000,
246
- lineWidth: 4.0,
247
- }]);</p>
248
- <p>// 相机动画过程中光带自动跟随投影
249
- five.setState({
250
- mode: Five.Mode.Model,
251
- // ... 其他参数
252
- });</p>
161
+ <pre><code class="typescript"><span class="hl-8">// 光带路径随相机移动自动投影</span><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">pass</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-5">FlowingLight3DPass</span><span class="hl-1">(</span><span class="hl-6">camera</span><span class="hl-1">);</span><br/><br/><span class="hl-6">pass</span><span class="hl-1">.</span><span class="hl-5">setLines</span><span class="hl-1">([{</span><br/><span class="hl-1"> </span><span class="hl-6">points:</span><span class="hl-1"> [</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(-</span><span class="hl-11">10</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">5</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-11">10</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1"> </span><span class="hl-6">totalLength:</span><span class="hl-1"> </span><span class="hl-11">20</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">color:</span><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Color</span><span class="hl-1">(</span><span class="hl-11">0xffff00</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">duration:</span><span class="hl-1"> </span><span class="hl-11">3000</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">lineWidth:</span><span class="hl-1"> </span><span class="hl-11">4.0</span><span class="hl-1">,</span><br/><span class="hl-1">}]);</span><br/><br/><span class="hl-8">// 相机动画过程中光带自动跟随投影</span><br/><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-5">setState</span><span class="hl-1">({</span><br/><span class="hl-1"> </span><span class="hl-6">mode:</span><span class="hl-1"> </span><span class="hl-6">Five</span><span class="hl-1">.</span><span class="hl-6">Mode</span><span class="hl-1">.</span><span class="hl-6">Model</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-8">// ... 其他参数</span><br/><span class="hl-1">});</span>
162
+ </code><button type="button">Copy</button></pre>
163
+
253
164
  <h3 id="高-dpr-场景优化" class="tsd-anchor-link">高 DPR 场景优化<a href="#高-dpr-场景优化" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
254
- <p>// InstancedMesh 实现自动优化高 DPR 性能
255
- // 在 DPR=2 的 Retina 屏幕上,性能显著优于全屏着色器方案</p>
256
- <p>const pass = new FlowingLight3DPass(camera);</p>
257
- <p>// 多条路径在高 DPR 下仍能保持流畅
258
- const paths = Array.from({ length: 10 }, (_, i) =&gt; ({
259
- points: [
260
- new THREE.Vector3(i * 2, 0, 0),
261
- new THREE.Vector3(i * 2, 5, 5),
262
- ],
263
- totalLength: 7,
264
- color: new THREE.Color(Math.random() * 0xffffff),
265
- duration: 2000 + i * 100,
266
- delay: i * 200,
267
- lineWidth: 3.0,
268
- }));</p>
269
- <p>pass.setLines(paths);</p>
165
+ <pre><code class="typescript"><span class="hl-8">// InstancedMesh 实现自动优化高 DPR 性能</span><br/><span class="hl-8">// 在 DPR=2 的 Retina 屏幕上,性能显著优于全屏着色器方案</span><br/><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">pass</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-5">FlowingLight3DPass</span><span class="hl-1">(</span><span class="hl-6">camera</span><span class="hl-1">);</span><br/><br/><span class="hl-8">// 多条路径在高 DPR 下仍能保持流畅</span><br/><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">paths</span><span class="hl-1"> = </span><span class="hl-6">Array</span><span class="hl-1">.</span><span class="hl-5">from</span><span class="hl-1">({ </span><span class="hl-6">length:</span><span class="hl-1"> </span><span class="hl-11">10</span><span class="hl-1"> }, (</span><span class="hl-6">_</span><span class="hl-1">, </span><span class="hl-6">i</span><span class="hl-1">) </span><span class="hl-3">=&gt;</span><span class="hl-1"> ({</span><br/><span class="hl-1"> </span><span class="hl-6">points:</span><span class="hl-1"> [</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-6">i</span><span class="hl-1"> * </span><span class="hl-11">2</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">, </span><span class="hl-11">0</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Vector3</span><span class="hl-1">(</span><span class="hl-6">i</span><span class="hl-1"> * </span><span class="hl-11">2</span><span class="hl-1">, </span><span class="hl-11">5</span><span class="hl-1">, </span><span class="hl-11">5</span><span class="hl-1">),</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1"> </span><span class="hl-6">totalLength:</span><span class="hl-1"> </span><span class="hl-11">7</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">color:</span><span class="hl-1"> </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-4">THREE</span><span class="hl-1">.</span><span class="hl-5">Color</span><span class="hl-1">(</span><span class="hl-6">Math</span><span class="hl-1">.</span><span class="hl-5">random</span><span class="hl-1">() * </span><span class="hl-11">0xffffff</span><span class="hl-1">),</span><br/><span class="hl-1"> </span><span class="hl-6">duration:</span><span class="hl-1"> </span><span class="hl-11">2000</span><span class="hl-1"> + </span><span class="hl-6">i</span><span class="hl-1"> * </span><span class="hl-11">100</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">delay:</span><span class="hl-1"> </span><span class="hl-6">i</span><span class="hl-1"> * </span><span class="hl-11">200</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">lineWidth:</span><span class="hl-1"> </span><span class="hl-11">3.0</span><span class="hl-1">,</span><br/><span class="hl-1">}));</span><br/><br/><span class="hl-6">pass</span><span class="hl-1">.</span><span class="hl-5">setLines</span><span class="hl-1">(</span><span class="hl-6">paths</span><span class="hl-1">);</span>
166
+ </code><button type="button">Copy</button></pre>
167
+
270
168
  <h2 id="debugging" class="tsd-anchor-link">Debugging<a href="#debugging" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h2>
271
169
  <ul>
272
170
  <li><strong>光带不可见</strong>: 检查路径点是否在相机视锥内;验证 <code>color</code> 和 <code>opacity</code> 非全透明。</li>
@@ -51,6 +51,7 @@
51
51
  <li><code>EXT_texture_webp</code></li>
52
52
  <li><code>CESIUM_RTC</code></li>
53
53
  <li><code>REALSEE_materials_lightmap</code></li>
54
+ <li><code>KHR_gaussian_splatting</code></li>
54
55
  <li><code>KHR_gaussian_splatting_compression_spz</code></li>
55
56
  </ul>
56
57
  <table>
@@ -51,7 +51,7 @@
51
51
 
52
52
  <h3 id="详细示例-detailed-example" class="tsd-anchor-link">详细示例 (Detailed Example)<a href="#详细示例-detailed-example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
53
53
  <p>获取当前状态并基于此修改:</p>
54
- <pre><code class="ts"><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">state</span><span class="hl-1"> = </span><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-6">state</span><span class="hl-1">;</span><br/><br/><span class="hl-8">// 在当前状态基础上,向右旋转 90 度,并略微拉远距离</span><br/><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-5">setState</span><span class="hl-1">({</span><br/><span class="hl-1"> </span><span class="hl-6">longitude:</span><span class="hl-1"> </span><span class="hl-6">tate</span><span class="hl-1">.</span><span class="hl-6">longitude</span><span class="hl-1"> + </span><span class="hl-6">Math</span><span class="hl-1">.</span><span class="hl-4">PI</span><span class="hl-1"> / </span><span class="hl-11">2</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">distance:</span><span class="hl-1"> </span><span class="hl-6">tate</span><span class="hl-1">.</span><span class="hl-6">distance</span><span class="hl-1"> + </span><span class="hl-11">2.0</span><br/><span class="hl-1">});</span>
54
+ <pre><code class="ts"><span class="hl-3">const</span><span class="hl-1"> </span><span class="hl-4">state</span><span class="hl-1"> = </span><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-6">state</span><span class="hl-1">;</span><br/><br/><span class="hl-8">// 在当前状态基础上,向右旋转 90 度,并略微拉远距离</span><br/><span class="hl-6">five</span><span class="hl-1">.</span><span class="hl-5">setState</span><span class="hl-1">({</span><br/><span class="hl-1"> </span><span class="hl-6">longitude:</span><span class="hl-1"> </span><span class="hl-6">state</span><span class="hl-1">.</span><span class="hl-6">longitude</span><span class="hl-1"> + </span><span class="hl-6">Math</span><span class="hl-1">.</span><span class="hl-4">PI</span><span class="hl-1"> / </span><span class="hl-11">2</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-6">distance:</span><span class="hl-1"> </span><span class="hl-6">state</span><span class="hl-1">.</span><span class="hl-6">distance</span><span class="hl-1"> + </span><span class="hl-11">2.0</span><br/><span class="hl-1">});</span>
55
55
  </code><button type="button">Copy</button></pre>
56
56
 
57
57
  <h2 id="common-pitfalls" class="tsd-anchor-link">Common Pitfalls<a href="#common-pitfalls" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h2>
@@ -63,11 +63,11 @@
63
63
  <li>拥有独立的 <code>Parameter</code> 配置(覆盖上层配置)。</li>
64
64
  <li>支持可见性控制 (<code>visible</code>) 和优先级加载。</li>
65
65
  </ul>
66
- <h3 id="gaussian-splatting-3dgs" class="tsd-anchor-link">Gaussian Splatting (3DGS)<a href="#gaussian-splatting-3dgs" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
66
+ <h3 id="gaussian-splatting" class="tsd-anchor-link">Gaussian Splatting<a href="#gaussian-splatting" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
67
67
  <p>一种基于点的 3D 渲染技术,通过各向异性高斯球(Splat)来表示场景。</p>
68
68
  <ul>
69
69
  <li>相比传统 Mesh,能更真实地还原复杂光照和细节。</li>
70
- <li>Five 支持 <code>.spz</code> 和 <code>.splat</code> 格式的 3DGS 渲染。</li>
70
+ <li>Five 支持 <code>.spz</code> 和 <code>.splat</code> 格式的 Gaussian Splatting 渲染。</li>
71
71
  </ul>
72
72
  <h3 id="3d-tiles-refinement-细化" class="tsd-anchor-link">3D Tiles Refinement (细化)<a href="#3d-tiles-refinement-细化" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
73
73
  <p>3D Tiles 加载过程中的状态概念:</p>
@@ -91,4 +91,4 @@
91
91
  <pre><code class="yaml"><span class="hl-0">tags</span><span class="hl-1">: [</span><span class="hl-2">glossary</span><span class="hl-1">, </span><span class="hl-2">terminology</span><span class="hl-1">, </span><span class="hl-2">definitions</span><span class="hl-1">]</span>
92
92
  </code><button type="button">Copy</button></pre>
93
93
 
94
- </div></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><a href="#glossary-术语表"><span>Glossary (术语表)</span></a><ul><li><a href="#core-entities-核心实体"><span>Core <wbr/>Entities (核心实体)</span></a></li><li><ul><li><a href="#five"><span>Five</span></a></li><li><a href="#work"><span>Work</span></a></li><li><a href="#vertex-marks-顶点标记"><span>Vertex <wbr/>Marks (顶点标记)</span></a></li><li><a href="#observer"><span>Observer</span></a></li></ul></li><li><a href="#state-coordinates-状态与坐标"><span>State &amp; <wbr/>Coordinates (状态与坐标)</span></a></li><li><ul><li><a href="#mode-模式"><span>Mode (模式)</span></a></li><li><a href="#pose-位姿"><span>Pose (位姿)</span></a></li><li><a href="#panoindex"><span>Pano<wbr/>Index</span></a></li><li><a href="#fov-field-of-view"><span>Fov (<wbr/>Field of <wbr/>View)</span></a></li></ul></li><li><a href="#rendering-渲染"><span>Rendering (渲染)</span></a></li><li><ul><li><a href="#pano-tile-全景瓦片"><span>Pano <wbr/>Tile (全景瓦片)</span></a></li><li><a href="#quasi-mesh"><span>Quasi / <wbr/>Mesh</span></a></li><li><a href="#g-buffer-geometry-buffer"><span>G-<wbr/>Buffer / <wbr/>Geometry <wbr/>Buffer</span></a></li><li><a href="#viewlayer"><span>View<wbr/>Layer</span></a></li><li><a href="#gaussian-splatting-3dgs"><span>Gaussian <wbr/>Splatting (3<wbr/>DGS)</span></a></li><li><a href="#3d-tiles-refinement-细化"><span>3<wbr/>D <wbr/>Tiles <wbr/>Refinement (细化)</span></a></li></ul></li><li><a href="#interaction-交互"><span>Interaction (交互)</span></a></li><li><ul><li><a href="#raycast-射线检测"><span>Raycast (射线检测)</span></a></li><li><a href="#tap-press--pan--pinch"><span>Tap / <wbr/>Press / <wbr/>Pan / <wbr/>Pinch</span></a></li></ul></li></ul></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">如视 Five SDK</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
94
+ </div></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><a href="#glossary-术语表"><span>Glossary (术语表)</span></a><ul><li><a href="#core-entities-核心实体"><span>Core <wbr/>Entities (核心实体)</span></a></li><li><ul><li><a href="#five"><span>Five</span></a></li><li><a href="#work"><span>Work</span></a></li><li><a href="#vertex-marks-顶点标记"><span>Vertex <wbr/>Marks (顶点标记)</span></a></li><li><a href="#observer"><span>Observer</span></a></li></ul></li><li><a href="#state-coordinates-状态与坐标"><span>State &amp; <wbr/>Coordinates (状态与坐标)</span></a></li><li><ul><li><a href="#mode-模式"><span>Mode (模式)</span></a></li><li><a href="#pose-位姿"><span>Pose (位姿)</span></a></li><li><a href="#panoindex"><span>Pano<wbr/>Index</span></a></li><li><a href="#fov-field-of-view"><span>Fov (<wbr/>Field of <wbr/>View)</span></a></li></ul></li><li><a href="#rendering-渲染"><span>Rendering (渲染)</span></a></li><li><ul><li><a href="#pano-tile-全景瓦片"><span>Pano <wbr/>Tile (全景瓦片)</span></a></li><li><a href="#quasi-mesh"><span>Quasi / <wbr/>Mesh</span></a></li><li><a href="#g-buffer-geometry-buffer"><span>G-<wbr/>Buffer / <wbr/>Geometry <wbr/>Buffer</span></a></li><li><a href="#viewlayer"><span>View<wbr/>Layer</span></a></li><li><a href="#gaussian-splatting"><span>Gaussian <wbr/>Splatting</span></a></li><li><a href="#3d-tiles-refinement-细化"><span>3<wbr/>D <wbr/>Tiles <wbr/>Refinement (细化)</span></a></li></ul></li><li><a href="#interaction-交互"><span>Interaction (交互)</span></a></li><li><ul><li><a href="#raycast-射线检测"><span>Raycast (射线检测)</span></a></li><li><a href="#tap-press--pan--pinch"><span>Tap / <wbr/>Press / <wbr/>Pan / <wbr/>Pinch</span></a></li></ul></li></ul></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">如视 Five SDK</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
@@ -191,6 +191,7 @@ UV 转换工具函数</p>
191
191
  <li>修复 gesture.pan 中第一次并没有 event.isFirst = true 的问题。</li>
192
192
  <li>添加自定义着色器 mainPanoColor 插入点,可以修改 pano0Color、pano1Color。</li>
193
193
  <li>新增 <code>parameter.resolveValue('xxx')</code> 快速获取单个参数的最终值,无需创建完整的 <code>ResolvedParameterValue</code> 对象。</li>
194
+ <li>新增 <code>pano.prepare</code> 事件(ExtendableEvent),支持通过 <code>waitUntil(promise)</code> 在点位切换前插入异步操作。<code>PanoEvent</code> 和 <code>PanoPrepareEvent</code> 新增 <code>pano</code> 字段,包含目标点位信息。</li>
194
195
  </ol>
195
196
  <h2 id="内部机制改动" class="tsd-anchor-link">内部机制改动<a href="#内部机制改动" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h2>
196
197
  <ol>
@@ -0,0 +1 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GaussianSplattingEntranceAnimationPlugin | 如视 Five SDK</title><meta name="description" content="Documentation for 如视 Five SDK"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">如视 Five SDK</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/plugins.html">plugins</a></li><li><a href="" aria-current="page">GaussianSplattingEntranceAnimationPlugin</a></li></ul><h1>Function GaussianSplattingEntranceAnimationPlugin</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="gaussiansplattingentranceanimationplugin"><span class="tsd-kind-call-signature">GaussianSplattingEntranceAnimationPlugin</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">five</span><span class="tsd-signature-symbol">:</span> <a href="../classes/five.Five.html" class="tsd-signature-type tsd-kind-class">Five</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">config</span><span class="tsd-signature-symbol">?:</span> <a href="../modules/plugins.GaussianSplattingEntranceAnimationPluginType.html" class="tsd-signature-type tsd-kind-namespace">GaussianSplattingEntranceAnimationPluginType</a><span class="tsd-signature-symbol">.</span><a href="../interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.Config.html" class="tsd-signature-type tsd-kind-interface">Config</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/plugins.GaussianSplattingEntranceAnimationController.html" class="tsd-signature-type tsd-kind-interface">GaussianSplattingEntranceAnimationController</a><a href="#gaussiansplattingentranceanimationplugin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">five</span>: <a href="../classes/five.Five.html" class="tsd-signature-type tsd-kind-class">Five</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">config</span>: <a href="../modules/plugins.GaussianSplattingEntranceAnimationPluginType.html" class="tsd-signature-type tsd-kind-namespace">GaussianSplattingEntranceAnimationPluginType</a><span class="tsd-signature-symbol">.</span><a href="../interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.Config.html" class="tsd-signature-type tsd-kind-interface">Config</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/plugins.GaussianSplattingEntranceAnimationController.html" class="tsd-signature-type tsd-kind-interface">GaussianSplattingEntranceAnimationController</a></h4><aside class="tsd-sources"><ul><li>Defined in lib/plugins/GaussianSplattingEntranceAnimationPlugin/index.ts:5</li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">如视 Five SDK</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
@@ -1 +1 @@
1
- <!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>如视 Five SDK</title><meta name="description" content="Documentation for 如视 Five SDK"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="index.html" class="title">如视 Five SDK</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><h1>如视 Five SDK</h1></div><h2>Hierarchy Summary</h2><ul class="tsd-full-hierarchy"><li data-refl="1287" id="five.BaseEvent"><a href="interfaces/five.BaseEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BaseEvent</a><ul><li data-refl="1325" id="five.IntersectEvent"><a href="interfaces/five.IntersectEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>IntersectEvent</a></li><li data-refl="1344" id="five.ModelTileEvent"><a href="interfaces/five.ModelTileEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelTileEvent</a></li><li data-refl="1353" id="five.ModelEvent"><a href="interfaces/five.ModelEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelEvent</a></li><li data-refl="1362" id="five.ModelSceneEvent"><a href="interfaces/five.ModelSceneEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelSceneEvent</a></li><li data-refl="1369" id="five.NetworkResourceEvent"><a href="interfaces/five.NetworkResourceEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>NetworkResourceEvent</a></li><li data-refl="1379" id="five.ObjectEvent"><a href="interfaces/five.ObjectEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ObjectEvent</a></li><li data-refl="1398" id="five.PanoTextureEvent"><a href="interfaces/five.PanoTextureEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoTextureEvent</a></li><li data-refl="1408" id="five.RenderEvent"><a href="interfaces/five.RenderEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>RenderEvent</a></li><li data-refl="1415" id="five.StateEvent"><a href="interfaces/five.StateEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>StateEvent</a><ul><li data-refl="1293" id="five.GestureEvent"><a href="interfaces/five.GestureEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GestureEvent</a></li><li data-refl="1334" id="five.ModeChangeEvent"><a href="interfaces/five.ModeChangeEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModeChangeEvent</a></li><li data-refl="1386" id="five.PanoEvent"><a href="interfaces/five.PanoEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoEvent</a></li></ul></li><li data-refl="1423" id="five.WorksEvent"><a href="interfaces/five.WorksEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorksEvent</a></li><li data-refl="1432" id="five.XRGestureEvent"><a href="interfaces/five.XRGestureEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>XRGestureEvent</a></li><li data-refl="1449" id="five.XRSessionEvent"><a href="interfaces/five.XRSessionEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>XRSessionEvent</a></li><li data-refl="1457" id="five.XRControllerEvent"><a href="interfaces/five.XRControllerEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>XRControllerEvent</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1079" id="five.BoundingVolume"><a href="interfaces/five.BoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BoundingVolume</a><ul><li data-refl="1147" id="five.BoxBoundingVolume"><a href="interfaces/five.BoxBoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BoxBoundingVolume</a></li><li data-refl="1193" id="five.RegionBoundingVolume"><a href="interfaces/five.RegionBoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>RegionBoundingVolume</a></li><li data-refl="1242" id="five.SphereBoundingVolume"><a href="interfaces/five.SphereBoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>SphereBoundingVolume</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="89" id="plugins.BasePlugin.Controller"><a href="classes/plugins.BasePlugin.Controller.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Controller</a><ul><li data-refl="6612" id="plugins.ItemMaskController"><a href="interfaces/plugins.ItemMaskController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ItemMaskController</a></li><li data-refl="6764" id="plugins.OrientationPluginController"><a href="interfaces/plugins.OrientationPluginController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>OrientationPluginController</a></li><li data-refl="6961" id="plugins.BackgroundPluginController"><a href="interfaces/plugins.BackgroundPluginController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BackgroundPluginController</a></li><li data-refl="7038" id="plugins.TrajectoryController"><a href="interfaces/plugins.TrajectoryController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>TrajectoryController</a></li><li data-refl="7195" id="plugins.PanoAnimeController"><a href="interfaces/plugins.PanoAnimeController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoAnimeController</a></li><li data-refl="7383" id="plugins.DynamicPathLinePluginController"><a href="interfaces/plugins.DynamicPathLinePluginController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>DynamicPathLinePluginController</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1658" id="five.ImageOptions"><a href="interfaces/five.ImageOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ImageOptions</a><ul><li data-refl="1671" id="five.TextureOptions"><a href="interfaces/five.TextureOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>TextureOptions</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1772" id="five.IntersectMeshInterface"><a href="interfaces/five.IntersectMeshInterface.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>IntersectMeshInterface</a><ul><li data-refl="1639" id="five.IntersectMesh"><a href="interfaces/five.IntersectMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>IntersectMesh</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="7761" id="line.LineSegmentsGeometry"><a href="classes/line.LineSegmentsGeometry.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>LineSegmentsGeometry</a><ul><li data-refl="7707" id="line.LineGeometry"><a href="classes/line.LineGeometry.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>LineGeometry</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="690" id="five.NetworkOptions"><a href="interfaces/five.NetworkOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>NetworkOptions</a><ul><li data-refl="653" id="five.AjaxOptions"><a href="interfaces/five.AjaxOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>AjaxOptions</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1741" id="five.PanoCircleMeshInterface"><a href="interfaces/five.PanoCircleMeshInterface.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoCircleMeshInterface</a><ul><li data-refl="1497" id="five.PanoCircleMesh"><a href="classes/five.PanoCircleMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PanoCircleMesh</a></li><li data-refl="1588" id="five.PanoCircleMeshCustom"><a href="classes/five.PanoCircleMeshCustom.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PanoCircleMeshCustom</a></li><li data-refl="1543" id="five.PanoCircleMeshSolid"><a href="classes/five.PanoCircleMeshSolid.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PanoCircleMeshSolid</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="3287" id="five.PanoramaLikeControllerCustomInitArgs"><a href="interfaces/five.PanoramaLikeControllerCustomInitArgs.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoramaLikeControllerCustomInitArgs</a><ul><li data-refl="3196" id="five.ModelControllerCustomInitArgs"><a href="interfaces/five.ModelControllerCustomInitArgs.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelControllerCustomInitArgs</a></li><li data-refl="3214" id="five.PanoramaControllerCustomInitArgs"><a href="interfaces/five.PanoramaControllerCustomInitArgs.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoramaControllerCustomInitArgs</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="5752" id="five.ParameterMaterialValue"><a href="interfaces/five.ParameterMaterialValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterMaterialValue</a><ul><li data-refl="5644" id="five.ParameterValue"><a href="interfaces/five.ParameterValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterValue</a><ul><li data-refl="5698" id="five.ResolvedParameterValue"><a href="interfaces/five.ResolvedParameterValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ResolvedParameterValue</a></li></ul></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="5791" id="five.ParameterTilesetValue"><a href="interfaces/five.ParameterTilesetValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterTilesetValue</a><ul><li data-refl="5644"><a href="interfaces/five.ParameterValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterValue</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="6324" id="five.Pass"><a href="interfaces/five.Pass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Pass</a><ul><li data-refl="6300" id="five.FivePass"><a href="classes/five.FivePass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>FivePass</a><ul><li data-refl="6340" id="five.AdaptiveLuminancePass"><a href="classes/five.AdaptiveLuminancePass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>AdaptiveLuminancePass</a></li><li data-refl="6374" id="five.EyeDomeLightingPass"><a href="classes/five.EyeDomeLightingPass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>EyeDomeLightingPass</a></li></ul></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="3820" id="five.PBMMaterial"><a href="interfaces/five.PBMMaterial.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PBMMaterial</a><ul><li data-refl="3845" id="five.PBMMeshMaterial"><a href="classes/five.PBMMeshMaterial.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMMeshMaterial</a></li><li data-refl="3976" id="five.PBMPointCloudMaterial"><a href="classes/five.PBMPointCloudMaterial.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMPointCloudMaterial</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="3377" id="five.PBMMesh"><a href="classes/five.PBMMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMMesh</a><ul><li data-refl="1483" id="five.BoundingMesh"><a href="classes/five.BoundingMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>BoundingMesh</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1716" id="five.Pose"><a href="interfaces/five.Pose.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Pose</a><ul><li data-refl="1722" id="five.State"><a href="interfaces/five.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="52" id="plugins.BasePlugin.State"><a href="interfaces/plugins.BasePlugin.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a><ul><li data-refl="6588" id="plugins.ItemMaskPluginType.State"><a href="interfaces/plugins.ItemMaskPluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="6742" id="plugins.OrientationPluginType.State"><a href="interfaces/plugins.OrientationPluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="7017" id="plugins.PluginTemplateType.State"><a href="interfaces/plugins.PluginTemplateType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="7158" id="plugins.PanoAnimePluginType.State"><a href="interfaces/plugins.PanoAnimePluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="7330" id="plugins.DynamicPathLinePluginType.State"><a href="interfaces/plugins.DynamicPathLinePluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="712" id="five.Subscribe"><a href="classes/five.Subscribe.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Subscribe</a><ul><li data-refl="505" id="five.NetworkSubscribe"><a href="classes/five.NetworkSubscribe.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>NetworkSubscribe</a></li><li data-refl="1781" id="five.Five"><a href="classes/five.Five.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Five</a></li><li data-refl="3458" id="five.PBMUpdateable"><a href="classes/five.PBMUpdateable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMUpdateable</a><ul><li data-refl="3548" id="five.PBMPanoFilter"><a href="classes/five.PBMPanoFilter.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMPanoFilter</a></li><li data-refl="3668" id="five.PBMCustomShader"><a href="classes/five.PBMCustomShader.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMCustomShader</a></li></ul></li><li data-refl="8240" id="react.FiveInjectionTypes"><a href="interfaces/react.FiveInjectionTypes.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>FiveInjectionTypes</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="7804" id="line.THREE_LineSegments2"><a href="classes/line.THREE_LineSegments2.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>THREE_LineSegments2</a><ul><li data-refl="7791" id="line.THREE_Line2"><a href="classes/line.THREE_Line2.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>THREE_Line2</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="7653" id="gltf-loader.THREEGLTFLoader"><a href="classes/gltf-loader.THREEGLTFLoader.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>THREEGLTFLoader</a><ul><li data-refl="162" id="gltf-loader.GLTFLoader"><a href="classes/gltf-loader.GLTFLoader.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>GLTFLoader</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="4748" id="five.Tile3D"><a href="classes/five.Tile3D.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Tile3D</a><ul><li data-refl="4964" id="five.ViewLayer"><a href="interfaces/five.ViewLayer.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ViewLayer</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="5859" id="five.WorkCubeImage"><a href="interfaces/five.WorkCubeImage.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkCubeImage</a><ul><li data-refl="5868" id="five.WorkImage"><a href="interfaces/five.WorkImage.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkImage</a></li><li data-refl="5956" id="five.WorkTile"><a href="interfaces/five.WorkTile.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkTile</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="5973" id="five.WorkObserverProto"><a href="interfaces/five.WorkObserverProto.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkObserverProto</a><ul><li data-refl="5912" id="five.WorkObserver"><a href="interfaces/five.WorkObserver.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkObserver</a><ul><li data-refl="6210" id="five.WorkResolvedObserver"><a href="classes/five.WorkResolvedObserver.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>WorkResolvedObserver</a></li></ul></li></ul></li></ul></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="modules.html">如视 Five SDK</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
1
+ <!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>如视 Five SDK</title><meta name="description" content="Documentation for 如视 Five SDK"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="index.html" class="title">如视 Five SDK</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><h1>如视 Five SDK</h1></div><h2>Hierarchy Summary</h2><ul class="tsd-full-hierarchy"><li data-refl="1291" id="five.BaseEvent"><a href="interfaces/five.BaseEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BaseEvent</a><ul><li data-refl="1297" id="five.BaseExtendableEvent"><a href="interfaces/five.BaseExtendableEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BaseExtendableEvent</a><ul><li data-refl="1412" id="five.PanoPrepareEvent"><a href="interfaces/five.PanoPrepareEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoPrepareEvent</a></li></ul></li><li data-refl="1338" id="five.IntersectEvent"><a href="interfaces/five.IntersectEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>IntersectEvent</a></li><li data-refl="1357" id="five.ModelTileEvent"><a href="interfaces/five.ModelTileEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelTileEvent</a></li><li data-refl="1366" id="five.ModelEvent"><a href="interfaces/five.ModelEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelEvent</a></li><li data-refl="1375" id="five.ModelSceneEvent"><a href="interfaces/five.ModelSceneEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelSceneEvent</a></li><li data-refl="1382" id="five.NetworkResourceEvent"><a href="interfaces/five.NetworkResourceEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>NetworkResourceEvent</a></li><li data-refl="1392" id="five.ObjectEvent"><a href="interfaces/five.ObjectEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ObjectEvent</a></li><li data-refl="1423" id="five.PanoTextureEvent"><a href="interfaces/five.PanoTextureEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoTextureEvent</a></li><li data-refl="1433" id="five.RenderEvent"><a href="interfaces/five.RenderEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>RenderEvent</a></li><li data-refl="1440" id="five.StateEvent"><a href="interfaces/five.StateEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>StateEvent</a><ul><li data-refl="1306" id="five.GestureEvent"><a href="interfaces/five.GestureEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GestureEvent</a></li><li data-refl="1347" id="five.ModeChangeEvent"><a href="interfaces/five.ModeChangeEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModeChangeEvent</a></li><li data-refl="1399" id="five.PanoEvent"><a href="interfaces/five.PanoEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoEvent</a></li></ul></li><li data-refl="1448" id="five.WorksEvent"><a href="interfaces/five.WorksEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorksEvent</a></li><li data-refl="1457" id="five.XRGestureEvent"><a href="interfaces/five.XRGestureEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>XRGestureEvent</a></li><li data-refl="1474" id="five.XRSessionEvent"><a href="interfaces/five.XRSessionEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>XRSessionEvent</a></li><li data-refl="1482" id="five.XRControllerEvent"><a href="interfaces/five.XRControllerEvent.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>XRControllerEvent</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1083" id="five.BoundingVolume"><a href="interfaces/five.BoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BoundingVolume</a><ul><li data-refl="1151" id="five.BoxBoundingVolume"><a href="interfaces/five.BoxBoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BoxBoundingVolume</a></li><li data-refl="1197" id="five.RegionBoundingVolume"><a href="interfaces/five.RegionBoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>RegionBoundingVolume</a></li><li data-refl="1246" id="five.SphereBoundingVolume"><a href="interfaces/five.SphereBoundingVolume.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>SphereBoundingVolume</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="89" id="plugins.BasePlugin.Controller"><a href="classes/plugins.BasePlugin.Controller.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Controller</a><ul><li data-refl="6643" id="plugins.ItemMaskController"><a href="interfaces/plugins.ItemMaskController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ItemMaskController</a></li><li data-refl="6795" id="plugins.OrientationPluginController"><a href="interfaces/plugins.OrientationPluginController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>OrientationPluginController</a></li><li data-refl="6992" id="plugins.BackgroundPluginController"><a href="interfaces/plugins.BackgroundPluginController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>BackgroundPluginController</a></li><li data-refl="7069" id="plugins.TrajectoryController"><a href="interfaces/plugins.TrajectoryController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>TrajectoryController</a></li><li data-refl="7226" id="plugins.PanoAnimeController"><a href="interfaces/plugins.PanoAnimeController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoAnimeController</a></li><li data-refl="7414" id="plugins.DynamicPathLinePluginController"><a href="interfaces/plugins.DynamicPathLinePluginController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>DynamicPathLinePluginController</a></li><li data-refl="7644" id="plugins.GaussianSplattingEntranceAnimationController"><a href="interfaces/plugins.GaussianSplattingEntranceAnimationController.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GaussianSplattingEntranceAnimationController</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1683" id="five.ImageOptions"><a href="interfaces/five.ImageOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ImageOptions</a><ul><li data-refl="1696" id="five.TextureOptions"><a href="interfaces/five.TextureOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>TextureOptions</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1797" id="five.IntersectMeshInterface"><a href="interfaces/five.IntersectMeshInterface.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>IntersectMeshInterface</a><ul><li data-refl="1664" id="five.IntersectMesh"><a href="interfaces/five.IntersectMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>IntersectMesh</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="7896" id="line.LineSegmentsGeometry"><a href="classes/line.LineSegmentsGeometry.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>LineSegmentsGeometry</a><ul><li data-refl="7842" id="line.LineGeometry"><a href="classes/line.LineGeometry.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>LineGeometry</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="694" id="five.NetworkOptions"><a href="interfaces/five.NetworkOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>NetworkOptions</a><ul><li data-refl="657" id="five.AjaxOptions"><a href="interfaces/five.AjaxOptions.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>AjaxOptions</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1766" id="five.PanoCircleMeshInterface"><a href="interfaces/five.PanoCircleMeshInterface.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoCircleMeshInterface</a><ul><li data-refl="1522" id="five.PanoCircleMesh"><a href="classes/five.PanoCircleMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PanoCircleMesh</a></li><li data-refl="1613" id="five.PanoCircleMeshCustom"><a href="classes/five.PanoCircleMeshCustom.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PanoCircleMeshCustom</a></li><li data-refl="1568" id="five.PanoCircleMeshSolid"><a href="classes/five.PanoCircleMeshSolid.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PanoCircleMeshSolid</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="3318" id="five.PanoramaLikeControllerCustomInitArgs"><a href="interfaces/five.PanoramaLikeControllerCustomInitArgs.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoramaLikeControllerCustomInitArgs</a><ul><li data-refl="3227" id="five.ModelControllerCustomInitArgs"><a href="interfaces/five.ModelControllerCustomInitArgs.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ModelControllerCustomInitArgs</a></li><li data-refl="3245" id="five.PanoramaControllerCustomInitArgs"><a href="interfaces/five.PanoramaControllerCustomInitArgs.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PanoramaControllerCustomInitArgs</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="5783" id="five.ParameterMaterialValue"><a href="interfaces/five.ParameterMaterialValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterMaterialValue</a><ul><li data-refl="5675" id="five.ParameterValue"><a href="interfaces/five.ParameterValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterValue</a><ul><li data-refl="5729" id="five.ResolvedParameterValue"><a href="interfaces/five.ResolvedParameterValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ResolvedParameterValue</a></li></ul></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="5822" id="five.ParameterTilesetValue"><a href="interfaces/five.ParameterTilesetValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterTilesetValue</a><ul><li data-refl="5675"><a href="interfaces/five.ParameterValue.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ParameterValue</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="6355" id="five.Pass"><a href="interfaces/five.Pass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Pass</a><ul><li data-refl="6331" id="five.FivePass"><a href="classes/five.FivePass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>FivePass</a><ul><li data-refl="6371" id="five.AdaptiveLuminancePass"><a href="classes/five.AdaptiveLuminancePass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>AdaptiveLuminancePass</a></li><li data-refl="6405" id="five.EyeDomeLightingPass"><a href="classes/five.EyeDomeLightingPass.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>EyeDomeLightingPass</a></li></ul></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="3851" id="five.PBMMaterial"><a href="interfaces/five.PBMMaterial.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>PBMMaterial</a><ul><li data-refl="3876" id="five.PBMMeshMaterial"><a href="classes/five.PBMMeshMaterial.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMMeshMaterial</a></li><li data-refl="4007" id="five.PBMPointCloudMaterial"><a href="classes/five.PBMPointCloudMaterial.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMPointCloudMaterial</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="3408" id="five.PBMMesh"><a href="classes/five.PBMMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMMesh</a><ul><li data-refl="1508" id="five.BoundingMesh"><a href="classes/five.BoundingMesh.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>BoundingMesh</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1741" id="five.Pose"><a href="interfaces/five.Pose.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Pose</a><ul><li data-refl="1747" id="five.State"><a href="interfaces/five.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="52" id="plugins.BasePlugin.State"><a href="interfaces/plugins.BasePlugin.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a><ul><li data-refl="6619" id="plugins.ItemMaskPluginType.State"><a href="interfaces/plugins.ItemMaskPluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="6773" id="plugins.OrientationPluginType.State"><a href="interfaces/plugins.OrientationPluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="7048" id="plugins.PluginTemplateType.State"><a href="interfaces/plugins.PluginTemplateType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="7189" id="plugins.PanoAnimePluginType.State"><a href="interfaces/plugins.PanoAnimePluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="7361" id="plugins.DynamicPathLinePluginType.State"><a href="interfaces/plugins.DynamicPathLinePluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li><li data-refl="7617" id="plugins.GaussianSplattingEntranceAnimationPluginType.State"><a href="interfaces/plugins.GaussianSplattingEntranceAnimationPluginType.State.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>State</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="716" id="five.Subscribe"><a href="classes/five.Subscribe.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Subscribe</a><ul><li data-refl="509" id="five.NetworkSubscribe"><a href="classes/five.NetworkSubscribe.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>NetworkSubscribe</a></li><li data-refl="1806" id="five.Five"><a href="classes/five.Five.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Five</a></li><li data-refl="3489" id="five.PBMUpdateable"><a href="classes/five.PBMUpdateable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMUpdateable</a><ul><li data-refl="3579" id="five.PBMPanoFilter"><a href="classes/five.PBMPanoFilter.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMPanoFilter</a></li><li data-refl="3699" id="five.PBMCustomShader"><a href="classes/five.PBMCustomShader.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>PBMCustomShader</a></li></ul></li><li data-refl="8375" id="react.FiveInjectionTypes"><a href="interfaces/react.FiveInjectionTypes.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>FiveInjectionTypes</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="7939" id="line.THREE_LineSegments2"><a href="classes/line.THREE_LineSegments2.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>THREE_LineSegments2</a><ul><li data-refl="7926" id="line.THREE_Line2"><a href="classes/line.THREE_Line2.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>THREE_Line2</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="7788" id="gltf-loader.THREEGLTFLoader"><a href="classes/gltf-loader.THREEGLTFLoader.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>THREEGLTFLoader</a><ul><li data-refl="166" id="gltf-loader.GLTFLoader"><a href="classes/gltf-loader.GLTFLoader.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>GLTFLoader</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="4779" id="five.Tile3D"><a href="classes/five.Tile3D.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>Tile3D</a><ul><li data-refl="4995" id="five.ViewLayer"><a href="interfaces/five.ViewLayer.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>ViewLayer</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="5890" id="five.WorkCubeImage"><a href="interfaces/five.WorkCubeImage.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkCubeImage</a><ul><li data-refl="5899" id="five.WorkImage"><a href="interfaces/five.WorkImage.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkImage</a></li><li data-refl="5987" id="five.WorkTile"><a href="interfaces/five.WorkTile.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkTile</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="6004" id="five.WorkObserverProto"><a href="interfaces/five.WorkObserverProto.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkObserverProto</a><ul><li data-refl="5943" id="five.WorkObserver"><a href="interfaces/five.WorkObserver.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>WorkObserver</a><ul><li data-refl="6241" id="five.WorkResolvedObserver"><a href="classes/five.WorkResolvedObserver.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>WorkResolvedObserver</a></li></ul></li></ul></li></ul></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="modules.html">如视 Five SDK</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>AddableObject | 如视 Five SDK</title><meta name="description" content="Documentation for 如视 Five SDK"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">如视 Five SDK</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/five.html">five</a></li><li><a href="" aria-current="page">AddableObject</a></li></ul><h1>Interface AddableObject</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">AddableObject</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#mixer">mixer</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">AnimationMixer</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#needsrender">needsRender</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-call-signature" href="#setresolution-1">setResolution</a><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">height</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-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-call-signature" href="#settime-1">setTime</a><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">time</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-type">void</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="1731"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">Object3D</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">AddableObject</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in lib/five/types/addableObject.ts:3</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#mixer" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>mixer?</span></a>
1
+ <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>AddableObject | 如视 Five SDK</title><meta name="description" content="Documentation for 如视 Five SDK"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">如视 Five SDK</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/five.html">five</a></li><li><a href="" aria-current="page">AddableObject</a></li></ul><h1>Interface AddableObject</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">AddableObject</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#mixer">mixer</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">AnimationMixer</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#needsrender">needsRender</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-call-signature" href="#setresolution-1">setResolution</a><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">height</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-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-call-signature" href="#settime-1">setTime</a><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">time</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-type">void</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="1756"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">Object3D</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">AddableObject</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in lib/five/types/addableObject.ts:3</li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#mixer" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>mixer?</span></a>
2
2
  <a href="#needsrender" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>needs<wbr/>Render?</span></a>
3
3
  </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#setresolution" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Resolution?</span></a>
4
4
  <a href="#settime" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Time?</span></a>