npm - @realsee/dnalogel - Versions diffs - 4.0.0-webgpu.3 → 4.0.0-webgpu.4 - Mend

@realsee/dnalogel 4.0.0-webgpu.3 → 4.0.0-webgpu.4

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 (147) hide show

package/dist/internal/{pano-video-Bmud_CAn.js.map → pano-video-BufYQMqo.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pano-video-Bmud_CAn.js","names":["BasePlugin.Controller","__exportAll","requestAnimationFrameInterval","animate","Controller","createVideoTexture","THREE","directionToLongitudeAndLatitude","PI_2","longitude","direction","latitude","VideoMeshController","five","params","video","videoTexture","size","sourceUv","wrapWidth","wrappedU","videoUv","fadeX","fadeY","insideX","insideY","material","MeshBasicNodeMaterial","geometry","SphereGeometry","videoMesh","Mesh","userAction","session","operations","muted","generation","error","uvCenter","position","Vector3","PI","_2PI","u","_u","v","_v","originPosition","observer","transition","quaternion","finalPosition","currentFiveState","Quaternion","x","y","z","w","panoIndex","mode","intersection","raycaster","event","opacity","meg","target","minU","_minV","width","height","bounding","minV","maxU","maxV","PanoVideoPluginController","options","data","panoVideoItem","renderID","videoItem","controller","id","controllers","errors","typings_exports","PanoVideoPlugin"],"sources":["../../src/PanoVideoPlugin/utils/index.ts","../../src/PanoVideoPlugin/VideoMeshController.ts","../../src/PanoVideoPlugin/Controller.ts","../../src/PanoVideoPlugin/typings.ts","../../src/PanoVideoPlugin/index.ts"],"sourcesContent":["import type { Vector3 } from 'three/webgpu'\n\nexport default function directionToLongitudeAndLatitude(\n direction:\n \| Vector3\n \| {\n x: number\n y: number\n z: number\n },\n) {\n const PI_2 = Math.PI * 2\n let longitude = -Math.atan2(direction.x, -direction.z)\n longitude = ((longitude % PI_2) + PI_2) % PI_2\n const latitude = -Math.asin(direction.y / 1)\n return { longitude, latitude }\n}\n","import { createVideoTexture } from '../shared-utils/three/loadVideoTexture'\nimport type { PlaybackManager, PlaybackController, PlaybackSession } from '../shared-utils/playback'\nimport type { Five, Mode, WorkObserver, WorkResolvedObserver } from '@realsee/five-webgpu'\nimport type { VideoMeshParams } from './typings'\nimport { requestAnimationFrameInterval } from '../shared-utils'\nimport type { Raycaster } from 'three/webgpu'\nimport * as THREE from 'three/webgpu'\nimport {\n type Intersection,\n LinearFilter,\n Mesh,\n Quaternion,\n MeshBasicNodeMaterial,\n SphereGeometry,\n Vector3,\n type VideoTexture,\n} from 'three/webgpu'\nimport directionToLongitudeAndLatitude from './utils'\nimport { animate } from 'animejs'\nimport type { Subscribe } from '../shared-utils/Subscribe'\nimport type { PluginEventMap } from './typings'\nimport type { Simplify } from 'type-fest'\nimport type { FiveUtil } from '../shared-utils/Utils/FiveUtil'\n\n/** 点位视频控制器\n * @description 控制器存在副作用，包括：\n * - 对 Five 事件的监听。\n * - 对 DOM 原生事件的监听。\n * - 用于播放视频的模型。\n * - 视频实例。\n * @description 清除副作用的力度从弱到强：\n * - 隐藏：hide，用于隐藏 UI 元素；不销毁多媒体资源。用于临时隐藏。\n * - 取消挂载：unmount，销毁视频资源；移除模型。用于不符合自身展示条件时执行。\n * - 禁用：disable，销毁视频资源；移除模型；取消监听。用于外部条件变换导致的功能禁用。\n * - 销毁：dispose，用于彻底销毁实例，dispose 之后将不响应任何事件。\n /\nexport class VideoMeshController {\n /* 传入的 ID，不可更改 /\n public get renderID() {\n return this._id\n }\n /* 是否已经销毁 /\n public get disposed() {\n return this._disposed\n }\n /* 是否已经启用 /\n public get enabled() {\n return this._enabled\n }\n public video: HTMLVideoElement\n\n private fiveUtil?: FiveUtil\n\n private _id: string\n /* 视频资源地址 /\n private readonly url: string\n /* Five Instance /\n private five: Five\n /* 视频对应的点位 /\n private panoIndex: number\n /* 视频对应的 Work Observer /\n private observer?: WorkResolvedObserver\n /* 视频在球面的 uv：[left, top, width, height] /\n private origin: number[]\n /* Video DOM /\n /* Video Mesh /\n private videoMesh: Mesh<SphereGeometry, MeshBasicNodeMaterial>\n private readonly videoTexture: VideoTexture\n private _enabled = true\n private _disposed = false\n /* 视频资源是否满足播放条件 /\n private videoDataLoaded = false\n /* 视频是否曾经播放过 /\n private hasVideoEverPlayed = false\n /* 自动 render five 的销毁函数\n * @remark 由于 render video 依赖 Five render，因此需要自动 render five。\n /\n private renderFiveDisposer?: () => void\n private fadeAnimation?: ReturnType<typeof animate>\n private playbackController?: PlaybackController\n private session?: PlaybackSession\n private playbackGeneration = 0\n private readonly videoOpacity = THREE.TSL.uniform(0)\n private hooks: Subscribe<Simplify<PluginEventMap>>\n\n /* 初始化视频、模型以及相关事件监听。 /\n public constructor(five: Five, params: VideoMeshParams & { mediaManager?: PlaybackManager; fiveUtil?: FiveUtil } & { hooks: Subscribe<Simplify<PluginEventMap>> }) {\n this.five = five\n this.panoIndex = params.panoIndex\n this.fiveUtil = params.fiveUtil\n this._id = params.renderID\n this.url = params.url\n this.origin = params.origin.slice() as number[]\n this.hooks = params.hooks\n this._enabled = params.initialState?.enabled ?? true\n // ========== 初始化 Video Instance ==========\n const video = document.createElement('video')\n video.crossOrigin = 'anonymous'\n video.autoplay = false\n video.muted = true\n video.loop = true\n video.playsInline = true\n this.video = video\n this.playbackController = params.mediaManager?.createController({ label: 'pano-video', onCancel: () => { this.playbackGeneration++; this.session = undefined } })\n // ========== 初始化模型 ==========\n // 视频贴图\n const videoTexture = this.videoTexture = createVideoTexture(this.video)\n // 模型材质：在球面原始 UV 中裁剪视频区域，并在边缘做 10% 羽化。\n const size = THREE.TSL.uniform(new THREE.Vector4(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3]))\n const sourceUv = THREE.TSL.uv()\n const wrapWidth = THREE.TSL.max(size.x.add(size.z).sub(1), 0)\n const wrappedU = THREE.TSL.select(sourceUv.x.lessThanEqual(wrapWidth), sourceUv.x.add(1), sourceUv.x)\n const videoUv = THREE.TSL.vec2(wrappedU.sub(size.x).div(size.z), sourceUv.y.sub(size.y).div(size.w))\n const fadeX = THREE.TSL.select(\n videoUv.x.lessThan(0.1),\n videoUv.x.div(0.1),\n THREE.TSL.select(videoUv.x.greaterThan(0.9), THREE.TSL.float(1).sub(videoUv.x).div(0.1), 1),\n )\n const fadeY = THREE.TSL.select(\n videoUv.y.lessThan(0.1),\n videoUv.y.div(0.1),\n THREE.TSL.select(videoUv.y.greaterThan(0.9), THREE.TSL.float(1).sub(videoUv.y).div(0.1), 1),\n )\n const insideX = THREE.TSL.float(1).sub(THREE.TSL.step(0.5, THREE.TSL.abs(videoUv.x.sub(0.5))))\n const insideY = THREE.TSL.float(1).sub(THREE.TSL.step(0.5, THREE.TSL.abs(videoUv.y.sub(0.5))))\n const material = new MeshBasicNodeMaterial({ depthTest: true, transparent: true })\n material.colorNode = THREE.TSL.texture(videoTexture, videoUv).rgb\n material.opacityNode = insideX.mul(insideY).mul(THREE.TSL.min(fadeX, fadeY)).mul(this.videoOpacity)\n // 模型几何体\n const geometry = new SphereGeometry(1, 64, 64)\n // 因为是从内向外看，需要翻转 X 轴。\n geometry.scale(-1, 1, 1)\n // 点位视频模型\n const videoMesh = new Mesh(geometry, material)\n videoMesh.name = 'pano-video-plugin'\n this.videoMesh = videoMesh\n // five work 存在，说明已经加载过数据。\n if (this.fiveUtil.workUtil.work) this.onFiveDataLoaded()\n // 插件初始化时如果是开启状态，添加事件监听。\n if (this.enabled) this.addEventListeners()\n // 如果初始化时满足挂载条件，需要挂载副作用。\n this.mountIfNeeded()\n }\n\n /\n 取消静音\n \n @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。\n /\n public unmute = async (userAction = false) => {\n if (this.disposed) return\n if (!this.video.paused) return this.play(userAction, false)\n const session = this.playbackController?.begin({ userAction, audible: true })\n if (this.playbackController && !session) return\n this.session = session\n const operations = session?.bind(this.video) ?? this.video\n operations.muted = false\n }\n\n public async play(userAction = false, muted = false) {\n if (this.disposed) return\n const session = this.playbackController?.begin({ userAction, audible: !muted })\n if (this.playbackController && !session) return\n this.session = session\n const generation = ++this.playbackGeneration\n const operations = session?.bind(this.video) ?? this.video\n operations.muted = muted\n try { await operations.play() } catch (error) {\n if (session?.signal.aborted \|\| generation !== this.playbackGeneration) return\n if ((error as Error).name === 'AbortError') { this.pause(); return }\n this.pause()\n throw error\n }\n }\n\n public pause() {\n // disable removes the native pause listener before unmounting the video.\n this.renderFiveDisposer?.()\n this.renderFiveDisposer = undefined\n this.fadeAnimation?.cancel()\n this.fadeAnimation = undefined\n if (this.videoOpacity.value > 0) this.videoOpacity.value = 1\n this.video.removeEventListener('timeupdate', this.onVideoTimeUpdate)\n this.playbackController?.cancel()\n this.playbackGeneration++\n this.session = undefined\n this.video.muted = true\n this.video.pause()\n }\n\n public mute() {\n const operations = this.session?.bind(this.video) ?? this.video\n operations.muted = true\n }\n\n /* 彻底销毁，不响应之后的任何事件 /\n public dispose() {\n if (this.disposed) return\n this.disable()\n this.playbackController?.dispose()\n this._disposed = true\n this.videoTexture.dispose()\n this.videoMesh.geometry.dispose()\n this.videoMesh.material.dispose()\n }\n\n public enable() {\n if (this.disposed) return\n if (this.enabled) return\n this._enabled = true\n if (!this.observer && this.five.work) this.onFiveDataLoaded()\n this.addEventListeners()\n this.mountIfNeeded()\n }\n\n /* 禁用插件 /\n public disable() {\n if (this.disposed) return\n if (!this.enabled) return\n this._enabled = false\n this.removeEventListeners()\n this.unmount()\n }\n\n /* 切换到全景模式并看向视频\n * @remark 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。\n /\n public lookAtVideo() {\n if (!this.observer) return\n const uvCenter = this.getUVCenter()\n if (!uvCenter) return\n const position = this.uv2Position(uvCenter[0], uvCenter[1])\n if (!position) return\n const direction = new Vector3().subVectors(position, this.observer.position).normalize()\n const { longitude, latitude } = directionToLongitudeAndLatitude(direction)\n this.five.setState({ mode: 'Panorama', panoIndex: this.panoIndex, longitude, latitude })\n // setState 不会触发 wantsMoveToPano 事件，因此需要手动触发。\n this.onFiveWantsMoveToPano(this.panoIndex)\n }\n\n /* 把 uv 值转换成位置 /\n private uv2Position = (_u: number, _v: number) => {\n const r = 1\n // π: 180°\n const PI = Math.PI\n // 2π: 360°\n const _2PI = Math.PI 2\n const u = _u\n const v = 1 - _v\n // 构造原始球面坐标\n // 球面原始朝向是 Z 轴正方向。\n // v = 0.5，即 X、Z 取到最大值。\n // x、z 的变化相当于 -X 轴绕 +Y 轴逆时针旋转 360° 回到 -X 轴。\n // 此时 x = -r * cos(2π * u)、z = r * sin(2π * u)\n // v 的变换相当于 -Y 轴绕 +Z 轴逆时针旋转 180°。\n // 此时 x = -r * cos(2π * u) * sin(π * v)、y = r * cos(π * v)、z = r * sin(2π * u) * sin(π * v)\n const originPosition = new Vector3(\n -r * Math.cos(_2PI * u) * Math.sin(PI * v),\n r * Math.cos(PI * v),\n r * Math.sin(_2PI * u) * Math.sin(PI * v),\n )\n // 由于从内向外看，需要翻转 X 轴坐标。\n originPosition.setX(-originPosition.x)\n\n const observer = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex)\n if (!observer) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`)\n const transition = observer.position.clone()\n const quaternion = observer.quaternion.clone()\n\n const finalPosition = originPosition.clone()\n // 原因同模型旋转。\n finalPosition.applyAxisAngle(new Vector3(0, 1, 0), Math.PI / 2)\n finalPosition.applyQuaternion(quaternion)\n finalPosition.add(transition)\n\n return finalPosition\n }\n\n /** 获取视频中心点的 uv /\n private getUVCenter() {\n if (!this.origin) return\n const u = this.origin[0] + this.origin[2] / 2\n const v = this.origin[1] + this.origin[3] / 2\n return [u, v] as const\n }\n\n /* 添加时间监听 /\n private addEventListeners() {\n this.five.on('loaded', this.onFiveDataLoaded)\n this.five.on('modeChange', this.onFiveModeChange)\n this.five.on('panoArrived', this.onFivePanoArrived)\n this.five.on('panoWillArrive', this.onFivePanoWillArrive)\n this.five.on('wantsMoveToPano', this.onFiveWantsMoveToPano)\n this.five.on('wantsTapGesture', this.onFiveWantsTapGesture)\n this.five.on('initAnimationEnded', this.onFiveInitAnimationEnded)\n this.video.addEventListener('canplaythrough', this.onVideoDataLoaded)\n this.video.addEventListener('playing', this.onVideoPlaying)\n this.video.addEventListener('pause', this.onVideoPaused)\n }\n\n /* 移除事件监听 /\n private removeEventListeners() {\n this.five.off('loaded', this.onFiveDataLoaded)\n this.five.off('modeChange', this.onFiveModeChange)\n this.five.off('panoArrived', this.onFivePanoArrived)\n this.five.off('panoWillArrive', this.onFivePanoWillArrive)\n this.five.off('wantsMoveToPano', this.onFiveWantsMoveToPano)\n this.five.off('wantsTapGesture', this.onFiveWantsTapGesture)\n this.five.off('initAnimationEnded', this.onFiveInitAnimationEnded)\n this.video.removeEventListener('canplaythrough', this.onVideoDataLoaded)\n this.video.removeEventListener('playing', this.onVideoPlaying)\n this.video.removeEventListener('pause', this.onVideoPaused)\n }\n\n /* 如果满足 mount 条件，mount /\n private mountIfNeeded() {\n const currentFiveState = this.five.getCurrentState()\n if (currentFiveState.mode === 'Panorama' && currentFiveState.panoIndex === this.panoIndex && this.enabled) {\n this.mount()\n }\n }\n\n /* 挂载：加载视频资源；添加模型。 /\n private mount() {\n if (this.disposed) return this.logWarning('插件已经销毁，无法挂载。')\n if (this.url === '') return this.logWarning('视频资源不存在。')\n // if (this.panoIndex )\n if (this.video.src !== this.url) {\n this.video.src = this.url\n }\n // 如果视频正在播放，不做任何操作。\n if (!this.video.paused) return\n this.play(false, this.video.muted).catch((error) => {\n this.logWarning(error instanceof Error ? error.message : '视频播放失败。')\n })\n }\n\n /* 卸载：销毁视频资源；移除模型。 /\n private unmount() {\n this.pause()\n this.video.pause()\n // 去除模型后下次播放时，需要渐变显示，这里透明度重置为0。\n this.videoOpacity.value = 0\n this.video.removeAttribute('src')\n this.video.load()\n this.five.scene.remove(this.videoMesh)\n }\n\n /* 暂停视频，去除模型。 /\n private hide() {\n this.pause()\n this.video.pause()\n // 去除模型后下次播放时，需要渐变显示，这里透明度重置为0。\n this.videoOpacity.value = 0\n this.five.scene.remove(this.videoMesh)\n }\n\n /* Five 数据加载后需要根据点位位姿调整点位模型位置 /\n private onFiveDataLoaded = () => {\n const observer = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex)\n if (!observer) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`)\n // 初始化依赖 work 的数据\n this.observer = observer\n // 初始化模型位姿\n const { x, y, z, w } = observer.quaternion\n const quaternion = new Quaternion(x, y, z, w)\n const position = observer.position\n this.videoMesh.position.fromArray([position.x, position.y, position.z])\n // 重置模型旋转\n this.videoMesh.quaternion.set(0, 0, 0, 1)\n // 绕 Y 轴逆时针旋转 90 度\n // 这里是因为历史问题，算法模块里面转了 90 度，所以前端也要转 90 度。\n // 后面可以联系 @饶童一起改掉。\n this.videoMesh.rotateOnAxis(new Vector3(0, 1, 0), Math.PI / 2)\n // 应用点位旋转\n this.videoMesh.applyQuaternion(quaternion)\n }\n\n /* 兼容视频播放 /\n private onFiveWantsMoveToPano = (panoIndex: number) => {\n // 点位不匹配，不做任何操作。\n if (panoIndex !== this.panoIndex) return\n // 如果视频之前播放过，不用再做兼容\n if (this.hasVideoEverPlayed) return\n this.play(false, true).catch(() => {\n // 视频播放失败时，不做任何操作。\n })\n }\n\n /* 走到某个点位上时，挂载/卸载视频 /\n private onFivePanoArrived = (panoIndex: number) => {\n if (this.disposed) return this.logWarning('实例已被销毁')\n if (!this.enabled) return\n // 如果点位条件满足，挂载。\n if (this.panoIndex === panoIndex) this.mount()\n }\n\n private onFivePanoWillArrive = (panoIndex: number) => {\n // wantsMoveToPano 和 panoArrived 可能不是同一个点位，如果不一致，销毁副作用。\n if (panoIndex !== this.panoIndex) return this.unmount()\n if (this.panoIndex !== panoIndex) this.unmount()\n }\n\n /* Five 模型变化 /\n private onFiveModeChange = (mode: Mode) => {\n if (mode !== 'Panorama') this.hide()\n // Panorama 的判断在 onFiveInitAnimationEnded\n }\n\n /* Five mode change 动画结束 /\n private onFiveInitAnimationEnded = () => {\n const currentFiveState = this.five.getCurrentState()\n if (currentFiveState.mode === 'Panorama' && currentFiveState.panoIndex === this.panoIndex) this.mount()\n }\n\n /* Five Canvas 点击 /\n private onFiveWantsTapGesture = (raycaster: Raycaster) => {\n if (!this.five.scene.children.includes(this.videoMesh)) return\n if (this.disposed) return this.logWarning('实例已被销毁')\n if (!this.enabled) return this.logWarning('实例已被禁用')\n const [intersection] = raycaster.intersectObject(this.videoMesh)\n if (!intersection) return\n const isIntersectInVideo = this.checkIntersectionInBounding(this.origin, intersection)\n if (isIntersectInVideo) {\n const event = {\n target: this,\n _preventDefaultReturn: false,\n preventDefault: () => {\n event._preventDefaultReturn = true\n },\n }\n this.hooks.emit('click', event)\n if (event._preventDefaultReturn === false) {\n if (this.video.muted) this.unmute(true)\n else { this.mute() }\n }\n return false as const\n }\n }\n\n /* video canplaythrough 事件触发 /\n private onVideoDataLoaded = () => {\n this.videoDataLoaded = true\n if (this.video.paused === false && this.video.src !== '') this.onVideoPlayingAndLoaded()\n }\n\n /* video playing 事件触发\n * @remarks\n * 事件触发时机：\n * - video is ready to start after having been paused.\n * - video is ready to play after delayed due to lack of data.\n * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video\n /\n private onVideoPlaying = () => {\n this.hasVideoEverPlayed = true\n // 空视频不能挂载。\n if (!this.enabled) return\n if (this.videoDataLoaded) this.onVideoPlayingAndLoaded()\n }\n\n /* 触发 playing 和 canplaythrough /\n private onVideoPlayingAndLoaded = () => {\n if (!this.videoDataLoaded) return this.logWarning('视频数据未加载')\n if (this.video.paused === true) return this.logWarning('视频已暂停')\n\n this.video.removeEventListener('timeupdate', this.onVideoTimeUpdate)\n this.video.addEventListener('timeupdate', this.onVideoTimeUpdate, { once: true })\n }\n\n private onVideoTimeUpdate = () => {\n if (this.disposed \|\| !this.enabled) return\n if (this.panoIndex !== this.five.getCurrentState().panoIndex \|\| this.five.getCurrentState().mode !== 'Panorama') return\n if (!this.renderFiveDisposer) this.renderFiveDisposer = requestAnimationFrameInterval(() => { this.five.needsRender = true }, 30)\n this.five.scene.add(this.videoMesh)\n if (this.videoOpacity.value === 0) {\n this.fadeAnimation?.cancel()\n const opacity = { value: 0 }\n this.fadeAnimation = animate(opacity, {\n value: 1, duration: 300, ease: 'linear',\n onUpdate: () => { this.videoOpacity.value = opacity.value },\n onComplete: () => { this.videoOpacity.value = 1; this.fadeAnimation = undefined },\n })\n }\n }\n\n /* video pause 事件触发 /\n private onVideoPaused = () => {\n this.renderFiveDisposer?.()\n this.renderFiveDisposer = undefined\n }\n\n /* 控制台打印警告 /\n private logWarning(meg: string) {\n console.warn(`⛔ ==> [VideoMeshController]:`, meg)\n }\n\n /* 检测射线与模型的交点是不是在视频的范围内 /\n private checkIntersectionInBounding(bounding: number[], target: Intersection) {\n if (!target.uv) return false\n const [u, v] = target.uv.toArray()\n const [minU, _minV, width, height] = bounding\n const minV = 1 - _minV - height\n const maxU = minU + width\n const maxV = minV + height\n return u >= minU && u <= maxU && v >= minV && v <= maxV\n }\n}\n","import type { PlaybackManager } from '../shared-utils/playback'\nimport type { Five } from '@realsee/five-webgpu'\nimport type { LoadParams, PluginEventMap, PluginState, PluginData, VideoItem } from './typings'\nimport { VideoMeshController } from './VideoMeshController'\nimport as BasePlugin from '../base/BasePlugin'\n\nexport class PanoVideoPluginController extends BasePlugin.Controller<PluginState, PluginEventMap> {\n /** 插件 State /\n public get state() {\n return {\n enabled: this.enabled,\n }\n }\n\n /* 插件是否已被销毁 /\n public get disposed() {\n return this._disposed\n }\n\n public controllerMap: Map<string, VideoMeshController> = new Map()\n\n public data?: PluginData\n\n private enabled = true\n private _disposed = false\n private readonly removeFiveDisposeListener: () => void\n\n public constructor(five: Five, private options?: { mediaManager?: PlaybackManager }) {\n super(five)\n // Five emits dispose synchronously, before it releases the renderer.\n this.removeFiveDisposeListener = five.on('dispose', () => {\n try { this.dispose() } catch (error) {\n // Five must finish disposing its other resources and the renderer.\n console.error('[PanoVideoPluginController]: dispose failed', error)\n }\n })\n }\n\n /* 加载点位视频数据，加载数据并不代表会加载点位视频。 /\n public load(data: PluginData, params?: LoadParams) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n if (typeof params?.initialState?.enabled !== 'undefined' && params.initialState.enabled !== this.enabled) {\n params.initialState.enabled ? this.enable() : this.disable()\n }\n this.clear()\n // 初始化 controller 实例\n data.list.forEach((panoVideoItem) => {\n const panoIndex = panoVideoItem.pano_index\n const renderID = panoVideoItem.render_id\n panoVideoItem.video_list.forEach((videoItem) => {\n this.controllerMap.set(\n videoItem.render_id,\n new VideoMeshController(this.five, {\n mediaManager: this.options?.mediaManager,\n ...videoItem,\n fiveUtil: this.fiveUtil,\n panoIndex,\n renderID,\n hooks: this.hooks,\n initialState: { enabled: this.enabled },\n }),\n )\n })\n })\n\n this.data = data\n\n this.hooks.emit('dataLoaded', data)\n }\n\n /* 开启插件功能。 /\n public enable(options?: BasePlugin.BaseOptions) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n if (this.enabled) return\n this.enabled = true\n Array.from(this.controllerMap.values()).forEach((controller) => controller.enable())\n const userAction = options?.userAction ?? true\n this.hooks.emit('enable', { userAction })\n }\n\n /* 禁用插件功能。 /\n public disable(options?: BasePlugin.BaseOptions) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n if (!this.enabled) return\n this.enabled = false\n Array.from(this.controllerMap.values()).forEach((controller) => controller.disable())\n const userAction = options?.userAction ?? true\n this.hooks.emit('disable', { userAction })\n }\n\n /* 看向某个视频。\n * - 会自动切换到全景模式。\n * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。\n /\n public lookAtVideoItemByRenderID(id: string) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n const controller = this.controllerMap.get(id)\n if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n controller.lookAtVideo()\n }\n\n /\n 取消静音。\n \n 大部分浏览器需要用户交互后才能开启视频声音。\n \n 如果需要取消静音，建议在用户交互事件中调用本方法。\n \n 例如:\n \n ```jsx\n * onClick={() => {\n * panoVideoPluginController.lookAtVideoItemByRenderID('xxx')\n * panoVideoPluginController.unmuteByRenderID('xxx')\n * }}\n * ```\n /\n public unmuteByRenderID(id: string, userAction = false) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n const controller = this.controllerMap.get(id)\n if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n controller.unmute(userAction)\n }\n\n /* 为一个点位添加视频（可以是多条）。 /\n public add(panoIndex: number, videoItems: VideoItem[]) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n videoItems.forEach((videoItem) => {\n if (this.controllerMap.get(videoItem.render_id)) return this.logWarning(`ID 为 ${videoItem.render_id} 的点位视频已存在`)\n const renderID = videoItem.render_id\n this.controllerMap.set(\n videoItem.render_id,\n new VideoMeshController(this.five, {\n mediaManager: this.options?.mediaManager,\n ...videoItem,\n fiveUtil: this.fiveUtil,\n panoIndex,\n renderID,\n hooks: this.hooks,\n initialState: { enabled: this.enabled },\n }),\n )\n })\n }\n\n /* 根据 VideoItem render_id 删除某个视频。 /\n public removeByRenderID(id: string) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n const controller = this.controllerMap.get(id)\n if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n controller.dispose()\n this.controllerMap.delete(id)\n }\n\n /* 清空现有数据 /\n public clear() {\n if (this.disposed) return this.logWarning('插件已被销毁')\n this.releaseControllers()\n }\n\n /* 销毁插件 /\n public dispose() {\n if (this.disposed) return\n this._disposed = true\n this.removeFiveDisposeListener()\n this.releaseControllers()\n }\n\n private releaseControllers() {\n const controllers = Array.from(this.controllerMap.values())\n this.controllerMap.clear()\n // Retire every video even if a material disposal listener throws.\n const errors: unknown[] = []\n for (const controller of controllers) {\n try { controller.dispose() } catch (error) { errors.push(error) }\n }\n if (errors.length) throw errors[0]\n }\n\n /* 控制台打印警告 /\n // TODO: 全局函数 curry 化\n private logWarning(meg: string) {\n console.warn(`⛔ ==> [PanoVideoPluginController]:`, meg)\n }\n}\n","import type as BasePlugin from '../base/BasePluginWithData'\nimport type { VideoMeshController } from './VideoMeshController'\n\n/** 单个视频元素 /\nexport interface VideoItem {\n /* client render ID\n * @remarks 为什么不用 id 作为唯一标识？\n * - id 是后端生成的，而 render_id 是前端生成的，在编辑时为了保证在请求后端数据之前也能进行渲染，使用额外的 id 进行渲染。\n * - 为了保证两端的数据一致性，插件里使用 render_id 作为唯一 ID。\n /\n render_id: string\n /* 文件地址 /\n url: string\n /* 算法处理的视频 uv 信息\n * @description [left, top, width, height]\n /\n origin: number[]\n}\n\n/* 点位视频元素 /\nexport interface PanoVideoItem {\n /* client render ID /\n render_id: string\n /* 视频播放点位 /\n pano_index: number\n /* 视频列表 /\n video_list: VideoItem[]\n}\n\n/* 点位视频模型参数 /\nexport interface VideoMeshParams {\n /* client render ID /\n renderID: string\n /* video 文件地址 /\n url: string\n /* 算法处理的视频 uv 信息\n * @description [left, top, width, height]\n /\n origin: number[]\n /* 视频播放点位 /\n panoIndex: number\n /* 初始状态 /\n initialState?: {\n enabled?: boolean\n }\n}\n\n/* 加载数据时的额外参数 /\nexport interface LoadParams {\n initialState?: {\n enabled?: boolean\n }\n}\n\nexport interface PluginState {\n enabled: boolean\n}\n\nexport interface PluginData {\n list: PanoVideoItem[]\n}\n\nexport interface PluginEventMap extends BasePlugin.EventMap<PluginState, PluginData> {\n /* 点位视频模型开启 /\n enable: (params: { userAction: boolean }) => void\n /* 点位视频模型关闭 /\n disable: (params: { userAction: boolean }) => void\n /* 点位视频被点击 /\n click: (event: { target: VideoMeshController; preventDefault: () => void }) => void\n}\n","import type { PlaybackManager } from '../shared-utils/playback'\nimport type { FivePlugin } from '@realsee/five-webgpu'\nimport { PanoVideoPluginController } from './Controller'\nimport as _PanoVideoPluginType from './typings'\n\n/** 点位视频播放插件\n * - 支持一次性加载多组数据。\n * - 走到点位上时播放视频（可能是多个）。\n * - 走出点位时销毁视频。\n * - 允许动态开启和禁用功能。\n * - 视频只能在全景模式且点位一致时才会播放。不满足条件会自动销毁。\n * - 不做多媒体缓存，缓解内存占用。\n */\nexport const PanoVideoPlugin: FivePlugin<{ mediaManager?: PlaybackManager } \| undefined, PanoVideoPluginController> = (five, options) => {\n return new PanoVideoPluginController(five, options)\n}\n\nexport { _PanoVideoPluginType as PanoVideoPluginType }\nexport type PanoVideoPluginParameterType = { mediaManager?: PlaybackManager } \| undefined\nexport type PanoVideoPluginReturnType = InstanceType<typeof PanoVideoPluginController>\nexport default PanoVideoPlugin\n"],"mappings":"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"}
1	+ {"version":3,"file":"pano-video-BufYQMqo.js","names":["BasePlugin.Controller","__exportAll","requestAnimationFrameInterval","animate","Controller","createVideoTexture","THREE","directionToLongitudeAndLatitude","PI_2","longitude","direction","latitude","VideoMeshController","five","params","video","videoTexture","size","sourceUv","wrapWidth","wrappedU","videoUv","fadeX","fadeY","insideX","insideY","material","MeshBasicNodeMaterial","geometry","SphereGeometry","videoMesh","Mesh","userAction","session","operations","muted","generation","error","uvCenter","position","Vector3","PI","_2PI","u","_u","v","_v","originPosition","observer","transition","quaternion","finalPosition","currentFiveState","Quaternion","x","y","z","w","panoIndex","mode","intersection","raycaster","event","opacity","meg","target","minU","_minV","width","height","bounding","minV","maxU","maxV","PanoVideoPluginController","options","data","panoVideoItem","renderID","videoItem","controller","id","controllers","errors","typings_exports","PanoVideoPlugin"],"sources":["../../src/PanoVideoPlugin/utils/index.ts","../../src/PanoVideoPlugin/VideoMeshController.ts","../../src/PanoVideoPlugin/Controller.ts","../../src/PanoVideoPlugin/typings.ts","../../src/PanoVideoPlugin/index.ts"],"sourcesContent":["import type { Vector3 } from 'three/webgpu'\n\nexport default function directionToLongitudeAndLatitude(\n direction:\n \| Vector3\n \| {\n x: number\n y: number\n z: number\n },\n) {\n const PI_2 = Math.PI * 2\n let longitude = -Math.atan2(direction.x, -direction.z)\n longitude = ((longitude % PI_2) + PI_2) % PI_2\n const latitude = -Math.asin(direction.y / 1)\n return { longitude, latitude }\n}\n","import { createVideoTexture } from '../shared-utils/three/loadVideoTexture'\nimport type { PlaybackManager, PlaybackController, PlaybackSession } from '../shared-utils/playback'\nimport type { Five, Mode, WorkObserver, WorkResolvedObserver } from '@realsee/five-webgpu'\nimport type { VideoMeshParams } from './typings'\nimport { requestAnimationFrameInterval } from '../shared-utils'\nimport type { Raycaster } from 'three/webgpu'\nimport * as THREE from 'three/webgpu'\nimport {\n type Intersection,\n LinearFilter,\n Mesh,\n Quaternion,\n MeshBasicNodeMaterial,\n SphereGeometry,\n Vector3,\n type VideoTexture,\n} from 'three/webgpu'\nimport directionToLongitudeAndLatitude from './utils'\nimport { animate } from 'animejs'\nimport type { Subscribe } from '../shared-utils/Subscribe'\nimport type { PluginEventMap } from './typings'\nimport type { Simplify } from 'type-fest'\nimport type { FiveUtil } from '../shared-utils/Utils/FiveUtil'\n\n/** 点位视频控制器\n * @description 控制器存在副作用，包括：\n * - 对 Five 事件的监听。\n * - 对 DOM 原生事件的监听。\n * - 用于播放视频的模型。\n * - 视频实例。\n * @description 清除副作用的力度从弱到强：\n * - 隐藏：hide，用于隐藏 UI 元素；不销毁多媒体资源。用于临时隐藏。\n * - 取消挂载：unmount，销毁视频资源；移除模型。用于不符合自身展示条件时执行。\n * - 禁用：disable，销毁视频资源；移除模型；取消监听。用于外部条件变换导致的功能禁用。\n * - 销毁：dispose，用于彻底销毁实例，dispose 之后将不响应任何事件。\n /\nexport class VideoMeshController {\n /* 传入的 ID，不可更改 /\n public get renderID() {\n return this._id\n }\n /* 是否已经销毁 /\n public get disposed() {\n return this._disposed\n }\n /* 是否已经启用 /\n public get enabled() {\n return this._enabled\n }\n public video: HTMLVideoElement\n\n private fiveUtil?: FiveUtil\n\n private _id: string\n /* 视频资源地址 /\n private readonly url: string\n /* Five Instance /\n private five: Five\n /* 视频对应的点位 /\n private panoIndex: number\n /* 视频对应的 Work Observer /\n private observer?: WorkResolvedObserver\n /* 视频在球面的 uv：[left, top, width, height] /\n private origin: number[]\n /* Video DOM /\n /* Video Mesh /\n private videoMesh: Mesh<SphereGeometry, MeshBasicNodeMaterial>\n private readonly videoTexture: VideoTexture\n private _enabled = true\n private _disposed = false\n /* 视频资源是否满足播放条件 /\n private videoDataLoaded = false\n /* 视频是否曾经播放过 /\n private hasVideoEverPlayed = false\n /* 自动 render five 的销毁函数\n * @remark 由于 render video 依赖 Five render，因此需要自动 render five。\n /\n private renderFiveDisposer?: () => void\n private fadeAnimation?: ReturnType<typeof animate>\n private playbackController?: PlaybackController\n private session?: PlaybackSession\n private playbackGeneration = 0\n private readonly videoOpacity = THREE.TSL.uniform(0)\n private hooks: Subscribe<Simplify<PluginEventMap>>\n\n /* 初始化视频、模型以及相关事件监听。 /\n public constructor(five: Five, params: VideoMeshParams & { mediaManager?: PlaybackManager; fiveUtil?: FiveUtil } & { hooks: Subscribe<Simplify<PluginEventMap>> }) {\n this.five = five\n this.panoIndex = params.panoIndex\n this.fiveUtil = params.fiveUtil\n this._id = params.renderID\n this.url = params.url\n this.origin = params.origin.slice() as number[]\n this.hooks = params.hooks\n this._enabled = params.initialState?.enabled ?? true\n // ========== 初始化 Video Instance ==========\n const video = document.createElement('video')\n video.crossOrigin = 'anonymous'\n video.autoplay = false\n video.muted = true\n video.loop = true\n video.playsInline = true\n this.video = video\n this.playbackController = params.mediaManager?.createController({ label: 'pano-video', onCancel: () => { this.playbackGeneration++; this.session = undefined } })\n // ========== 初始化模型 ==========\n // 视频贴图\n const videoTexture = this.videoTexture = createVideoTexture(this.video)\n // 模型材质：在球面原始 UV 中裁剪视频区域，并在边缘做 10% 羽化。\n const size = THREE.TSL.uniform(new THREE.Vector4(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3]))\n const sourceUv = THREE.TSL.uv()\n const wrapWidth = THREE.TSL.max(size.x.add(size.z).sub(1), 0)\n const wrappedU = THREE.TSL.select(sourceUv.x.lessThanEqual(wrapWidth), sourceUv.x.add(1), sourceUv.x)\n const videoUv = THREE.TSL.vec2(wrappedU.sub(size.x).div(size.z), sourceUv.y.sub(size.y).div(size.w))\n const fadeX = THREE.TSL.select(\n videoUv.x.lessThan(0.1),\n videoUv.x.div(0.1),\n THREE.TSL.select(videoUv.x.greaterThan(0.9), THREE.TSL.float(1).sub(videoUv.x).div(0.1), 1),\n )\n const fadeY = THREE.TSL.select(\n videoUv.y.lessThan(0.1),\n videoUv.y.div(0.1),\n THREE.TSL.select(videoUv.y.greaterThan(0.9), THREE.TSL.float(1).sub(videoUv.y).div(0.1), 1),\n )\n const insideX = THREE.TSL.float(1).sub(THREE.TSL.step(0.5, THREE.TSL.abs(videoUv.x.sub(0.5))))\n const insideY = THREE.TSL.float(1).sub(THREE.TSL.step(0.5, THREE.TSL.abs(videoUv.y.sub(0.5))))\n const material = new MeshBasicNodeMaterial({ depthTest: true, transparent: true })\n material.colorNode = THREE.TSL.texture(videoTexture, videoUv).rgb\n material.opacityNode = insideX.mul(insideY).mul(THREE.TSL.min(fadeX, fadeY)).mul(this.videoOpacity)\n // 模型几何体\n const geometry = new SphereGeometry(1, 64, 64)\n // 因为是从内向外看，需要翻转 X 轴。\n geometry.scale(-1, 1, 1)\n // 点位视频模型\n const videoMesh = new Mesh(geometry, material)\n videoMesh.name = 'pano-video-plugin'\n this.videoMesh = videoMesh\n // five work 存在，说明已经加载过数据。\n if (this.fiveUtil.workUtil.work) this.onFiveDataLoaded()\n // 插件初始化时如果是开启状态，添加事件监听。\n if (this.enabled) this.addEventListeners()\n // 如果初始化时满足挂载条件，需要挂载副作用。\n this.mountIfNeeded()\n }\n\n /\n 取消静音\n \n @warning 需要注意：由于大部分浏览器的限制，视频的声音必须在用户有交互事件后才能开启，否则会被浏览器禁用视频播放。\n /\n public unmute = async (userAction = false) => {\n if (this.disposed) return\n if (!this.video.paused) return this.play(userAction, false)\n const session = this.playbackController?.begin({ userAction, audible: true })\n if (this.playbackController && !session) return\n this.session = session\n const operations = session?.bind(this.video) ?? this.video\n operations.muted = false\n }\n\n public async play(userAction = false, muted = false) {\n if (this.disposed) return\n const session = this.playbackController?.begin({ userAction, audible: !muted })\n if (this.playbackController && !session) return\n this.session = session\n const generation = ++this.playbackGeneration\n const operations = session?.bind(this.video) ?? this.video\n operations.muted = muted\n try { await operations.play() } catch (error) {\n if (session?.signal.aborted \|\| generation !== this.playbackGeneration) return\n if ((error as Error).name === 'AbortError') { this.pause(); return }\n this.pause()\n throw error\n }\n }\n\n public pause() {\n // disable removes the native pause listener before unmounting the video.\n this.renderFiveDisposer?.()\n this.renderFiveDisposer = undefined\n this.fadeAnimation?.cancel()\n this.fadeAnimation = undefined\n if (this.videoOpacity.value > 0) this.videoOpacity.value = 1\n this.video.removeEventListener('timeupdate', this.onVideoTimeUpdate)\n this.playbackController?.cancel()\n this.playbackGeneration++\n this.session = undefined\n this.video.muted = true\n this.video.pause()\n }\n\n public mute() {\n const operations = this.session?.bind(this.video) ?? this.video\n operations.muted = true\n }\n\n /* 彻底销毁，不响应之后的任何事件 /\n public dispose() {\n if (this.disposed) return\n this.disable()\n this.playbackController?.dispose()\n this._disposed = true\n this.videoTexture.dispose()\n this.videoMesh.geometry.dispose()\n this.videoMesh.material.dispose()\n }\n\n public enable() {\n if (this.disposed) return\n if (this.enabled) return\n this._enabled = true\n if (!this.observer && this.five.work) this.onFiveDataLoaded()\n this.addEventListeners()\n this.mountIfNeeded()\n }\n\n /* 禁用插件 /\n public disable() {\n if (this.disposed) return\n if (!this.enabled) return\n this._enabled = false\n this.removeEventListeners()\n this.unmount()\n }\n\n /* 切换到全景模式并看向视频\n * @remark 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。\n /\n public lookAtVideo() {\n if (!this.observer) return\n const uvCenter = this.getUVCenter()\n if (!uvCenter) return\n const position = this.uv2Position(uvCenter[0], uvCenter[1])\n if (!position) return\n const direction = new Vector3().subVectors(position, this.observer.position).normalize()\n const { longitude, latitude } = directionToLongitudeAndLatitude(direction)\n this.five.setState({ mode: 'Panorama', panoIndex: this.panoIndex, longitude, latitude })\n // setState 不会触发 wantsMoveToPano 事件，因此需要手动触发。\n this.onFiveWantsMoveToPano(this.panoIndex)\n }\n\n /* 把 uv 值转换成位置 /\n private uv2Position = (_u: number, _v: number) => {\n const r = 1\n // π: 180°\n const PI = Math.PI\n // 2π: 360°\n const _2PI = Math.PI 2\n const u = _u\n const v = 1 - _v\n // 构造原始球面坐标\n // 球面原始朝向是 Z 轴正方向。\n // v = 0.5，即 X、Z 取到最大值。\n // x、z 的变化相当于 -X 轴绕 +Y 轴逆时针旋转 360° 回到 -X 轴。\n // 此时 x = -r * cos(2π * u)、z = r * sin(2π * u)\n // v 的变换相当于 -Y 轴绕 +Z 轴逆时针旋转 180°。\n // 此时 x = -r * cos(2π * u) * sin(π * v)、y = r * cos(π * v)、z = r * sin(2π * u) * sin(π * v)\n const originPosition = new Vector3(\n -r * Math.cos(_2PI * u) * Math.sin(PI * v),\n r * Math.cos(PI * v),\n r * Math.sin(_2PI * u) * Math.sin(PI * v),\n )\n // 由于从内向外看，需要翻转 X 轴坐标。\n originPosition.setX(-originPosition.x)\n\n const observer = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex)\n if (!observer) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`)\n const transition = observer.position.clone()\n const quaternion = observer.quaternion.clone()\n\n const finalPosition = originPosition.clone()\n // 原因同模型旋转。\n finalPosition.applyAxisAngle(new Vector3(0, 1, 0), Math.PI / 2)\n finalPosition.applyQuaternion(quaternion)\n finalPosition.add(transition)\n\n return finalPosition\n }\n\n /** 获取视频中心点的 uv /\n private getUVCenter() {\n if (!this.origin) return\n const u = this.origin[0] + this.origin[2] / 2\n const v = this.origin[1] + this.origin[3] / 2\n return [u, v] as const\n }\n\n /* 添加时间监听 /\n private addEventListeners() {\n this.five.on('loaded', this.onFiveDataLoaded)\n this.five.on('modeChange', this.onFiveModeChange)\n this.five.on('panoArrived', this.onFivePanoArrived)\n this.five.on('panoWillArrive', this.onFivePanoWillArrive)\n this.five.on('wantsMoveToPano', this.onFiveWantsMoveToPano)\n this.five.on('wantsTapGesture', this.onFiveWantsTapGesture)\n this.five.on('initAnimationEnded', this.onFiveInitAnimationEnded)\n this.video.addEventListener('canplaythrough', this.onVideoDataLoaded)\n this.video.addEventListener('playing', this.onVideoPlaying)\n this.video.addEventListener('pause', this.onVideoPaused)\n }\n\n /* 移除事件监听 /\n private removeEventListeners() {\n this.five.off('loaded', this.onFiveDataLoaded)\n this.five.off('modeChange', this.onFiveModeChange)\n this.five.off('panoArrived', this.onFivePanoArrived)\n this.five.off('panoWillArrive', this.onFivePanoWillArrive)\n this.five.off('wantsMoveToPano', this.onFiveWantsMoveToPano)\n this.five.off('wantsTapGesture', this.onFiveWantsTapGesture)\n this.five.off('initAnimationEnded', this.onFiveInitAnimationEnded)\n this.video.removeEventListener('canplaythrough', this.onVideoDataLoaded)\n this.video.removeEventListener('playing', this.onVideoPlaying)\n this.video.removeEventListener('pause', this.onVideoPaused)\n }\n\n /* 如果满足 mount 条件，mount /\n private mountIfNeeded() {\n const currentFiveState = this.five.getCurrentState()\n if (currentFiveState.mode === 'Panorama' && currentFiveState.panoIndex === this.panoIndex && this.enabled) {\n this.mount()\n }\n }\n\n /* 挂载：加载视频资源；添加模型。 /\n private mount() {\n if (this.disposed) return this.logWarning('插件已经销毁，无法挂载。')\n if (this.url === '') return this.logWarning('视频资源不存在。')\n // if (this.panoIndex )\n if (this.video.src !== this.url) {\n this.video.src = this.url\n }\n // 如果视频正在播放，不做任何操作。\n if (!this.video.paused) return\n this.play(false, this.video.muted).catch((error) => {\n this.logWarning(error instanceof Error ? error.message : '视频播放失败。')\n })\n }\n\n /* 卸载：销毁视频资源；移除模型。 /\n private unmount() {\n this.pause()\n this.video.pause()\n // 去除模型后下次播放时，需要渐变显示，这里透明度重置为0。\n this.videoOpacity.value = 0\n this.video.removeAttribute('src')\n this.video.load()\n this.five.scene.remove(this.videoMesh)\n }\n\n /* 暂停视频，去除模型。 /\n private hide() {\n this.pause()\n this.video.pause()\n // 去除模型后下次播放时，需要渐变显示，这里透明度重置为0。\n this.videoOpacity.value = 0\n this.five.scene.remove(this.videoMesh)\n }\n\n /* Five 数据加载后需要根据点位位姿调整点位模型位置 /\n private onFiveDataLoaded = () => {\n const observer = this.fiveUtil.workUtil.getResolvedObserver(this.panoIndex)\n if (!observer) return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`)\n // 初始化依赖 work 的数据\n this.observer = observer\n // 初始化模型位姿\n const { x, y, z, w } = observer.quaternion\n const quaternion = new Quaternion(x, y, z, w)\n const position = observer.position\n this.videoMesh.position.fromArray([position.x, position.y, position.z])\n // 重置模型旋转\n this.videoMesh.quaternion.set(0, 0, 0, 1)\n // 绕 Y 轴逆时针旋转 90 度\n // 这里是因为历史问题，算法模块里面转了 90 度，所以前端也要转 90 度。\n // 后面可以联系 @饶童一起改掉。\n this.videoMesh.rotateOnAxis(new Vector3(0, 1, 0), Math.PI / 2)\n // 应用点位旋转\n this.videoMesh.applyQuaternion(quaternion)\n }\n\n /* 兼容视频播放 /\n private onFiveWantsMoveToPano = (panoIndex: number) => {\n // 点位不匹配，不做任何操作。\n if (panoIndex !== this.panoIndex) return\n // 如果视频之前播放过，不用再做兼容\n if (this.hasVideoEverPlayed) return\n this.play(false, true).catch(() => {\n // 视频播放失败时，不做任何操作。\n })\n }\n\n /* 走到某个点位上时，挂载/卸载视频 /\n private onFivePanoArrived = (panoIndex: number) => {\n if (this.disposed) return this.logWarning('实例已被销毁')\n if (!this.enabled) return\n // 如果点位条件满足，挂载。\n if (this.panoIndex === panoIndex) this.mount()\n }\n\n private onFivePanoWillArrive = (panoIndex: number) => {\n // wantsMoveToPano 和 panoArrived 可能不是同一个点位，如果不一致，销毁副作用。\n if (panoIndex !== this.panoIndex) return this.unmount()\n if (this.panoIndex !== panoIndex) this.unmount()\n }\n\n /* Five 模型变化 /\n private onFiveModeChange = (mode: Mode) => {\n if (mode !== 'Panorama') this.hide()\n // Panorama 的判断在 onFiveInitAnimationEnded\n }\n\n /* Five mode change 动画结束 /\n private onFiveInitAnimationEnded = () => {\n const currentFiveState = this.five.getCurrentState()\n if (currentFiveState.mode === 'Panorama' && currentFiveState.panoIndex === this.panoIndex) this.mount()\n }\n\n /* Five Canvas 点击 /\n private onFiveWantsTapGesture = (raycaster: Raycaster) => {\n if (!this.five.scene.children.includes(this.videoMesh)) return\n if (this.disposed) return this.logWarning('实例已被销毁')\n if (!this.enabled) return this.logWarning('实例已被禁用')\n const [intersection] = raycaster.intersectObject(this.videoMesh)\n if (!intersection) return\n const isIntersectInVideo = this.checkIntersectionInBounding(this.origin, intersection)\n if (isIntersectInVideo) {\n const event = {\n target: this,\n _preventDefaultReturn: false,\n preventDefault: () => {\n event._preventDefaultReturn = true\n },\n }\n this.hooks.emit('click', event)\n if (event._preventDefaultReturn === false) {\n if (this.video.muted) this.unmute(true)\n else { this.mute() }\n }\n return false as const\n }\n }\n\n /* video canplaythrough 事件触发 /\n private onVideoDataLoaded = () => {\n this.videoDataLoaded = true\n if (this.video.paused === false && this.video.src !== '') this.onVideoPlayingAndLoaded()\n }\n\n /* video playing 事件触发\n * @remarks\n * 事件触发时机：\n * - video is ready to start after having been paused.\n * - video is ready to play after delayed due to lack of data.\n * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video\n /\n private onVideoPlaying = () => {\n this.hasVideoEverPlayed = true\n // 空视频不能挂载。\n if (!this.enabled) return\n if (this.videoDataLoaded) this.onVideoPlayingAndLoaded()\n }\n\n /* 触发 playing 和 canplaythrough /\n private onVideoPlayingAndLoaded = () => {\n if (!this.videoDataLoaded) return this.logWarning('视频数据未加载')\n if (this.video.paused === true) return this.logWarning('视频已暂停')\n\n this.video.removeEventListener('timeupdate', this.onVideoTimeUpdate)\n this.video.addEventListener('timeupdate', this.onVideoTimeUpdate, { once: true })\n }\n\n private onVideoTimeUpdate = () => {\n if (this.disposed \|\| !this.enabled) return\n if (this.panoIndex !== this.five.getCurrentState().panoIndex \|\| this.five.getCurrentState().mode !== 'Panorama') return\n if (!this.renderFiveDisposer) this.renderFiveDisposer = requestAnimationFrameInterval(() => { this.five.needsRender = true }, 30)\n this.five.scene.add(this.videoMesh)\n if (this.videoOpacity.value === 0) {\n this.fadeAnimation?.cancel()\n const opacity = { value: 0 }\n this.fadeAnimation = animate(opacity, {\n value: 1, duration: 300, ease: 'linear',\n onUpdate: () => { this.videoOpacity.value = opacity.value },\n onComplete: () => { this.videoOpacity.value = 1; this.fadeAnimation = undefined },\n })\n }\n }\n\n /* video pause 事件触发 /\n private onVideoPaused = () => {\n this.renderFiveDisposer?.()\n this.renderFiveDisposer = undefined\n }\n\n /* 控制台打印警告 /\n private logWarning(meg: string) {\n console.warn(`⛔ ==> [VideoMeshController]:`, meg)\n }\n\n /* 检测射线与模型的交点是不是在视频的范围内 /\n private checkIntersectionInBounding(bounding: number[], target: Intersection) {\n if (!target.uv) return false\n const [u, v] = target.uv.toArray()\n const [minU, _minV, width, height] = bounding\n const minV = 1 - _minV - height\n const maxU = minU + width\n const maxV = minV + height\n return u >= minU && u <= maxU && v >= minV && v <= maxV\n }\n}\n","import type { PlaybackManager } from '../shared-utils/playback'\nimport type { Five } from '@realsee/five-webgpu'\nimport type { LoadParams, PluginEventMap, PluginState, PluginData, VideoItem } from './typings'\nimport { VideoMeshController } from './VideoMeshController'\nimport as BasePlugin from '../base/BasePlugin'\n\nexport class PanoVideoPluginController extends BasePlugin.Controller<PluginState, PluginEventMap> {\n /** 插件 State /\n public get state() {\n return {\n enabled: this.enabled,\n }\n }\n\n /* 插件是否已被销毁 /\n public get disposed() {\n return this._disposed\n }\n\n public controllerMap: Map<string, VideoMeshController> = new Map()\n\n public data?: PluginData\n\n private enabled = true\n private _disposed = false\n private readonly removeFiveDisposeListener: () => void\n\n public constructor(five: Five, private options?: { mediaManager?: PlaybackManager }) {\n super(five)\n // Five emits dispose synchronously, before it releases the renderer.\n this.removeFiveDisposeListener = five.on('dispose', () => {\n try { this.dispose() } catch (error) {\n // Five must finish disposing its other resources and the renderer.\n console.error('[PanoVideoPluginController]: dispose failed', error)\n }\n })\n }\n\n /* 加载点位视频数据，加载数据并不代表会加载点位视频。 /\n public load(data: PluginData, params?: LoadParams) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n if (typeof params?.initialState?.enabled !== 'undefined' && params.initialState.enabled !== this.enabled) {\n params.initialState.enabled ? this.enable() : this.disable()\n }\n this.clear()\n // 初始化 controller 实例\n data.list.forEach((panoVideoItem) => {\n const panoIndex = panoVideoItem.pano_index\n const renderID = panoVideoItem.render_id\n panoVideoItem.video_list.forEach((videoItem) => {\n this.controllerMap.set(\n videoItem.render_id,\n new VideoMeshController(this.five, {\n mediaManager: this.options?.mediaManager,\n ...videoItem,\n fiveUtil: this.fiveUtil,\n panoIndex,\n renderID,\n hooks: this.hooks,\n initialState: { enabled: this.enabled },\n }),\n )\n })\n })\n\n this.data = data\n\n this.hooks.emit('dataLoaded', data)\n }\n\n /* 开启插件功能。 /\n public enable(options?: BasePlugin.BaseOptions) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n if (this.enabled) return\n this.enabled = true\n Array.from(this.controllerMap.values()).forEach((controller) => controller.enable())\n const userAction = options?.userAction ?? true\n this.hooks.emit('enable', { userAction })\n }\n\n /* 禁用插件功能。 /\n public disable(options?: BasePlugin.BaseOptions) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n if (!this.enabled) return\n this.enabled = false\n Array.from(this.controllerMap.values()).forEach((controller) => controller.disable())\n const userAction = options?.userAction ?? true\n this.hooks.emit('disable', { userAction })\n }\n\n /* 看向某个视频。\n * - 会自动切换到全景模式。\n * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。\n /\n public lookAtVideoItemByRenderID(id: string) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n const controller = this.controllerMap.get(id)\n if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n controller.lookAtVideo()\n }\n\n /\n 取消静音。\n \n 大部分浏览器需要用户交互后才能开启视频声音。\n \n 如果需要取消静音，建议在用户交互事件中调用本方法。\n \n 例如:\n \n ```jsx\n * onClick={() => {\n * panoVideoPluginController.lookAtVideoItemByRenderID('xxx')\n * panoVideoPluginController.unmuteByRenderID('xxx')\n * }}\n * ```\n /\n public unmuteByRenderID(id: string, userAction = false) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n const controller = this.controllerMap.get(id)\n if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n controller.unmute(userAction)\n }\n\n /* 为一个点位添加视频（可以是多条）。 /\n public add(panoIndex: number, videoItems: VideoItem[]) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n videoItems.forEach((videoItem) => {\n if (this.controllerMap.get(videoItem.render_id)) return this.logWarning(`ID 为 ${videoItem.render_id} 的点位视频已存在`)\n const renderID = videoItem.render_id\n this.controllerMap.set(\n videoItem.render_id,\n new VideoMeshController(this.five, {\n mediaManager: this.options?.mediaManager,\n ...videoItem,\n fiveUtil: this.fiveUtil,\n panoIndex,\n renderID,\n hooks: this.hooks,\n initialState: { enabled: this.enabled },\n }),\n )\n })\n }\n\n /* 根据 VideoItem render_id 删除某个视频。 /\n public removeByRenderID(id: string) {\n if (this.disposed) return this.logWarning('插件已被销毁')\n const controller = this.controllerMap.get(id)\n if (!controller) return this.logWarning(`ID 为 ${id} 的点位视频不存在`)\n controller.dispose()\n this.controllerMap.delete(id)\n }\n\n /* 清空现有数据 /\n public clear() {\n if (this.disposed) return this.logWarning('插件已被销毁')\n this.releaseControllers()\n }\n\n /* 销毁插件 /\n public dispose() {\n if (this.disposed) return\n this._disposed = true\n this.removeFiveDisposeListener()\n this.releaseControllers()\n }\n\n private releaseControllers() {\n const controllers = Array.from(this.controllerMap.values())\n this.controllerMap.clear()\n // Retire every video even if a material disposal listener throws.\n const errors: unknown[] = []\n for (const controller of controllers) {\n try { controller.dispose() } catch (error) { errors.push(error) }\n }\n if (errors.length) throw errors[0]\n }\n\n /* 控制台打印警告 /\n // TODO: 全局函数 curry 化\n private logWarning(meg: string) {\n console.warn(`⛔ ==> [PanoVideoPluginController]:`, meg)\n }\n}\n","import type as BasePlugin from '../base/BasePluginWithData'\nimport type { VideoMeshController } from './VideoMeshController'\n\n/** 单个视频元素 /\nexport interface VideoItem {\n /* client render ID\n * @remarks 为什么不用 id 作为唯一标识？\n * - id 是后端生成的，而 render_id 是前端生成的，在编辑时为了保证在请求后端数据之前也能进行渲染，使用额外的 id 进行渲染。\n * - 为了保证两端的数据一致性，插件里使用 render_id 作为唯一 ID。\n /\n render_id: string\n /* 文件地址 /\n url: string\n /* 算法处理的视频 uv 信息\n * @description [left, top, width, height]\n /\n origin: number[]\n}\n\n/* 点位视频元素 /\nexport interface PanoVideoItem {\n /* client render ID /\n render_id: string\n /* 视频播放点位 /\n pano_index: number\n /* 视频列表 /\n video_list: VideoItem[]\n}\n\n/* 点位视频模型参数 /\nexport interface VideoMeshParams {\n /* client render ID /\n renderID: string\n /* video 文件地址 /\n url: string\n /* 算法处理的视频 uv 信息\n * @description [left, top, width, height]\n /\n origin: number[]\n /* 视频播放点位 /\n panoIndex: number\n /* 初始状态 /\n initialState?: {\n enabled?: boolean\n }\n}\n\n/* 加载数据时的额外参数 /\nexport interface LoadParams {\n initialState?: {\n enabled?: boolean\n }\n}\n\nexport interface PluginState {\n enabled: boolean\n}\n\nexport interface PluginData {\n list: PanoVideoItem[]\n}\n\nexport interface PluginEventMap extends BasePlugin.EventMap<PluginState, PluginData> {\n /* 点位视频模型开启 /\n enable: (params: { userAction: boolean }) => void\n /* 点位视频模型关闭 /\n disable: (params: { userAction: boolean }) => void\n /* 点位视频被点击 /\n click: (event: { target: VideoMeshController; preventDefault: () => void }) => void\n}\n","import type { PlaybackManager } from '../shared-utils/playback'\nimport type { FivePlugin } from '@realsee/five-webgpu'\nimport { PanoVideoPluginController } from './Controller'\nimport as _PanoVideoPluginType from './typings'\n\n/** 点位视频播放插件\n * - 支持一次性加载多组数据。\n * - 走到点位上时播放视频（可能是多个）。\n * - 走出点位时销毁视频。\n * - 允许动态开启和禁用功能。\n * - 视频只能在全景模式且点位一致时才会播放。不满足条件会自动销毁。\n * - 不做多媒体缓存，缓解内存占用。\n */\nexport const PanoVideoPlugin: FivePlugin<{ mediaManager?: PlaybackManager } \| undefined, PanoVideoPluginController> = (five, options) => {\n return new PanoVideoPluginController(five, options)\n}\n\nexport { _PanoVideoPluginType as PanoVideoPluginType }\nexport type PanoVideoPluginParameterType = { mediaManager?: PlaybackManager } \| undefined\nexport type PanoVideoPluginReturnType = InstanceType<typeof PanoVideoPluginController>\nexport default PanoVideoPlugin\n"],"mappings":"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"}

package/dist/internal/{pipeline-DDqgb1gw.js → pipeline-t_3IMXKB.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { n as e } from "./loadTexture-CJ3EbTXw.js";
 import { n as t } from "./isNil-CQNA0Sbe.js";
-import { t as n } from "./BetterTween-BX0aTvP1.js";
-import { n as r } from "./animationFrame-XGKHIeQK.js";
+import { t as n } from "./BetterTween-DmptqE8m.js";
+import { i as r } from "./animationFrame-CacKXN8l.js";
 import { t as i } from "./equal-BiDAilPV.js";
-import { t as a } from "./BasePluginWithData-9z4tpAT4.js";
+import { t as a } from "./BasePluginWithData-D_0W46_q.js";
 import * as o from "three/webgpu";
 import { CubicBezierCurve3 as s, QuadraticBezierCurve3 as c } from "three/webgpu";
 //#region src/PipelinePlugin/utils/formatData.ts
@@ -383,4 +383,4 @@ var m = class extends o.Curve {
 //#endregion
 export { y as t };
-//# sourceMappingURL=pipeline-DDqgb1gw.js.map
+//# sourceMappingURL=pipeline-t_3IMXKB.js.map

package/dist/internal/{pipeline-DDqgb1gw.js.map → pipeline-t_3IMXKB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pipeline-DDqgb1gw.js","names":["BasePlugin.Controller","loadTexture","notNil","BetterTween","requestAnimationFrameInterval","equal","Controller$1","THREE","uniqPipe","map","pipelines","pipeline","pipe","getPipesFromLibrary","params","startLibraryID","endLibraryID","getDefaultPipeUrl","water","format","origin","pipeIDs","item","pipeID","path","radius","options","texture","Bezier","points","QuadraticBezierCurve3","t","CubicBezierCurve3","interpolated","point","count","index","CustomBezierCurve3","controlPoints","optionalTarget","bezierPoint","source","baseData","json","ObjectPipe","uvBufferAttribute","geometry","pathLength","uPreMeter","tubularSegments","radialSegments","sourceUv","offsetU","sampleUv","clampPositiveU","material","startOpacity","progress","resolve","value","ObjectFlowPipe","distance","direction","uOffset","displacement","moveDisplacement","rotate","stopFlowAnime","time","timeInterval","distanceInterval","rotateInterval","vOffset","speed","defaultSpeed","Controller","five","prevData","data","textureURL","pipeMesh","offset","initialState","prevState","state","userAction","mergedOptions","target","baseAnimeOptions","hideAnimeOptions","_options","promise","animeOptions","pipeObjects","showAnimeOptions","mapPromise","url","customID","id","ray","intersectObjects","pipeData","pipelineData","PipelinePlugin"],"sources":["../../src/PipelinePlugin/utils/formatData.ts","../../src/shared-utils/three/Extras/Core/Interpolations.ts","../../src/shared-utils/three/Extras/Curves/BezierCurve3.ts","../../src/PipelinePlugin/utils/Objects/Pipe.ts","../../src/PipelinePlugin/utils/Objects/FlowPipe.ts","../../src/PipelinePlugin/Controller.ts","../../src/PipelinePlugin/index.ts"],"sourcesContent":["import type { PluginData, ServerData, LoadOptions } from '../typing'\nimport { notNil } from '../../shared-utils/isNil'\n\nfunction chunk<T>(collection: T[], size = 2) {\n const result: T[][] = []\n\n // add each chunk to the result\n for (let x = 0; x < Math.ceil(collection.length / size); x++) {\n let start = x * size\n let end = start + size\n\n result.push(collection.slice(start, end))\n }\n\n return result\n}\n\n/** 通过 pipeline 获得去重后的 pipes /\nfunction uniqPipe(pipelines: PluginData.Pipeline[]) {\n // pipelines 里面会有重复的 pipe，需要根据 ID 去重\n const map = new Map<string, PluginData.Pipe>()\n pipelines.forEach((pipeline) => pipeline.pipes.forEach((pipe) => map.set(pipe.id, pipe)))\n return Array.from(map.values())\n}\n\n/* 从 PluginData 中找到符合「从 ID 为 startLibraryID 的设备到 ID 为 endLibraryID 的设备」的 pipe data /\nexport function getPipesFromLibrary(params: { data: PluginData.RootObject; target: { startLibraryID: number; endLibraryID: number }[] }) {\n const pipelines = params.target\n .map(({ startLibraryID, endLibraryID }) => {\n const pipeline = params.data.pipelines.find(\n (pipeline) => pipeline.startLibraryID === startLibraryID && pipeline.endLibraryID === endLibraryID,\n )\n if (!pipeline) {\n console.warn(`Cannot find pipeline with startLibraryID ${startLibraryID} and endLibraryID ${endLibraryID}`)\n }\n return pipeline\n })\n .filter(notNil)\n return uniqPipe(pipelines)\n}\n\n/* 获取默认的管道贴图 /\nexport function getDefaultPipeUrl<T extends PluginData.Water>(water: T): string \| undefined {\n if (water.quality === 0) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/1.png'\n if (water.quality === 1) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/2.png'\n if (water.quality === 2) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/3.png'\n if (water.quality === 3) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/4.png'\n if (water.quality === 4) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/5.png'\n if (water.isHot) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/6.png'\n}\n\nexport function format(origin: ServerData.RootObject, options?: Partial<LoadOptions>): PluginData.RootObject {\n const pipelines: PluginData.Pipeline[] = origin.ConnectsDataset.map((pipeline) => {\n const pipeIDs = pipeline.data\n const startLibraryID = pipeline.start\n const endLibraryID = pipeline.end\n const water: PluginData.Water = { isHot: pipeline.waterType === 5, quality: pipeline.waterType }\n const pipes: PluginData.Pipe[] = pipeIDs\n .map((pipeID) => {\n const pipe = origin.LinesDataset.find((item) => item.id === pipeID)\n if (!pipe) return null\n const path = pipe.data\n // 原始管道模型是 1.5cm 的半径，要大一点点，就用 1.6cm 了。\n const radius = options?.getPipeRadius ? options.getPipeRadius(pipe) : 1.6 / 100\n const texture = options?.getPipeUrl ? options.getPipeUrl(water) : getDefaultPipeUrl(water)\n return { id: pipe.id, radius, water, path, texture }\n })\n .filter(notNil)\n return { startLibraryID, endLibraryID, pipes }\n })\n const pipes = uniqPipe(pipelines)\n return { pipes, pipelines }\n}\n","import type { Vector3} from 'three/webgpu';\nimport { QuadraticBezierCurve3, CubicBezierCurve3 } from 'three/webgpu'\n\n/* Native Three curves for common orders, de Casteljau for arbitrary degree. /\nexport function Bezier(t: number, points: Vector3[]): Vector3 {\n if (points.length < 2) throw new RangeError('Bezier requires at least two control points')\n if (points.length === 3) return new QuadraticBezierCurve3(...points as [Vector3, Vector3, Vector3]).getPoint(t)\n if (points.length === 4) return new CubicBezierCurve3(...points as [Vector3, Vector3, Vector3, Vector3]).getPoint(t)\n const interpolated = points.map((point) => point.clone())\n for (let count = interpolated.length - 1; count > 0; count--) {\n for (let index = 0; index < count; index++) interpolated[index].lerp(interpolated[index + 1], t)\n }\n return interpolated[0]\n}\n","import as THREE from 'three/webgpu'\nimport { Bezier } from '../Core/Interpolations'\n\nclass CustomBezierCurve3 extends THREE.Curve<THREE.Vector3> {\n public declare type: string\n public controlPoints: THREE.Vector3[]\n\n public constructor(controlPoints: THREE.Vector3[] = []) {\n super()\n\n this.type = 'CustomBezierCurve3'\n this.controlPoints = controlPoints\n }\n\n public getPoint(t: number, optionalTarget = new THREE.Vector3()) {\n const point = optionalTarget\n\n const bezierPoint = Bezier(t, this.controlPoints)\n\n point.copy(bezierPoint)\n\n return point\n }\n\n public copy(source: CustomBezierCurve3) {\n super.copy(source)\n\n this.controlPoints = source.controlPoints.map((point) => point.clone())\n\n return this\n }\n\n public toJSON() {\n const baseData = super.toJSON()\n\n const controlPoints = this.controlPoints.map((point) => point.toArray())\n const data = Object.assign(baseData, { controlPoints })\n\n return data\n }\n\n public fromJSON(json: any) {\n super.fromJSON(json)\n\n this.controlPoints = json.controlPoints.map((point: number[]) => new THREE.Vector3().fromArray(point))\n\n return this\n }\n}\n\nexport { CustomBezierCurve3 }\n","import * as THREE from 'three/webgpu'\nimport { BetterTween } from '../../../shared-utils'\nimport { CustomBezierCurve3 } from '../../../shared-utils/three/Extras/Curves/BezierCurve3'\n\nexport interface PipeParams {\n id?: string\n path: number[][]\n texture: THREE.Texture\n geometryConfig?: {\n radius?: number\n radialSegments?: number\n tubularSegments?: number\n }\n}\n\nexport interface AnimeOptions {\n duration?: number\n}\n\nexport class ObjectPipe extends THREE.Mesh<THREE.TubeGeometry, THREE.MeshBasicNodeMaterial> {\n public static calculatePath(points: THREE.Vector3[]) {\n return points.length === 2 ? new THREE.LineCurve3(points[0], points[1]) : new CustomBezierCurve3(points)\n }\n\n public static formatGeometryUV<T extends THREE.BufferGeometry>(geometry: T, pathLength: number, uPreMeter: number) {\n const uvBufferAttribute = geometry.getAttribute('uv')\n for (let index = 0; index < uvBufferAttribute.count; index++) {\n uvBufferAttribute.setX(index, uvBufferAttribute.getX(index) * pathLength * uPreMeter)\n }\n return geometry\n }\n\n public static formatTexture(texture: THREE.Texture) {\n texture.wrapS = THREE.RepeatWrapping\n texture.wrapT = THREE.RepeatWrapping\n return texture\n }\n\n public geometryConfig = {\n radius: 1.5 / 100,\n tubularSegments: 20,\n radialSegments: 8,\n }\n public customID: string\n public path: THREE.LineCurve3 \| CustomBezierCurve3\n public pathLength = 0\n public pathPoints: number[][]\n public texture: THREE.Texture\n public readonly opacityUniform = THREE.TSL.uniform(1)\n public readonly uOffsetUniform = THREE.TSL.uniform(0)\n public readonly vOffsetUniform = THREE.TSL.uniform(0)\n protected opacityAnime?: BetterTween<{ progress: number }>\n protected uPreMeter = 1\n\n public constructor(params: PipeParams, clampPositiveU = false) {\n super()\n if (params.geometryConfig) this.geometryConfig = { ...this.geometryConfig, ...params.geometryConfig }\n this.customID = params.id \|\| this.uuid\n this.pathPoints = params.path\n this.path = ObjectPipe.calculatePath(params.path.map((points) => new THREE.Vector3().fromArray(points)))\n this.pathLength = this.path.getLength()\n this.texture = ObjectPipe.formatTexture(params.texture)\n const { radius, tubularSegments, radialSegments } = this.geometryConfig\n this.geometry = ObjectPipe.formatGeometryUV(\n new THREE.TubeGeometry(this.path, tubularSegments, radius, radialSegments),\n this.pathLength,\n this.uPreMeter,\n )\n\n const sourceUv = THREE.TSL.uv()\n const offsetU = sourceUv.x.add(this.uOffsetUniform)\n const sampleUv = THREE.TSL.vec2(clampPositiveU ? THREE.TSL.min(offsetU, 0) : offsetU, sourceUv.y.add(this.vOffsetUniform))\n const material = new THREE.MeshBasicNodeMaterial({ transparent: true })\n material.colorNode = THREE.TSL.texture(this.texture, sampleUv)\n material.opacityNode = this.opacityUniform\n this.material = material\n }\n\n public async hide(options?: AnimeOptions): Promise<boolean> {\n this.opacityAnime?.dispose()\n const endOpacity = 0\n if (typeof options?.duration !== 'number') return this.setOpacity(endOpacity)\n const startOpacity = this.opacityUniform.value\n if (startOpacity === endOpacity) return true\n return new Promise<boolean>((resolve) => {\n this.opacityAnime = new BetterTween({ progress: startOpacity })\n .to({ progress: endOpacity })\n .onUpdate(({ progress }) => this.setOpacity(progress))\n .onComplete(() => resolve(true))\n .onDispose(() => {\n this.setOpacity(endOpacity)\n resolve(false)\n })\n .play()\n })\n }\n\n public async show(options?: AnimeOptions) {\n this.opacityAnime?.dispose()\n const endOpacity = 1\n if (typeof options?.duration !== 'number') return this.setOpacity(endOpacity)\n const startOpacity = this.opacityUniform.value\n return new Promise<boolean>((resolve) => {\n this.opacityAnime = new BetterTween({ progress: startOpacity })\n .to({ progress: endOpacity })\n .onUpdate(({ progress }) => this.setOpacity(progress))\n .onComplete(() => resolve(true))\n .onDispose(() => {\n this.setOpacity(endOpacity)\n resolve(false)\n })\n .play()\n })\n }\n\n public setOpacity(value: number) {\n this.opacityUniform.value = value\n ;(this as any).needsRender = true\n return true\n }\n\n public disposeAnime() {\n this.opacityAnime?.dispose()\n this.opacityAnime = undefined\n }\n\n public dispose(): void {\n this.disposeAnime()\n this.geometry.dispose()\n this.material.dispose()\n }\n}\n","import { requestAnimationFrameInterval } from '../../../shared-utils'\nimport type { PipeParams as BasePipeParams } from './Pipe'\nimport { ObjectPipe } from './Pipe'\n\nexport type PipeParams = BasePipeParams\n\nexport class ObjectFlowPipe extends ObjectPipe {\n /** 初始状态下，当前水管内的水流在整体管道上的位移\n * @description 因为水管是不连续的，而要达到水流的连续效果，需要用过贴图的 uOffset 控制每根水管的初始状态\n /\n private initialDisplacement = 0\n private oldTime = new Date().getTime()\n /* 横向流动速度：m / s /\n private flowSpeed = 0.6\n /* 纵向旋转速度：deg / s /\n private rotateSpeed = 0\n\n public constructor(params: PipeParams) {\n super(params, true)\n }\n\n public setInitialDisplacement(distance: number, direction: 'forward' \| 'backward' = 'backward') {\n this.initialDisplacement = Math.abs(distance) (direction === 'forward' ? -1 : 1)\n this.moveFromOrigin(this.initialDisplacement)\n }\n\n /** 水流移动「基于初始位置」\n * @description 因为贴图的运动与 u 的 uOffset 相反，比较反直觉，所以封装方法易于理解\n * @param displacement 位移：米 * 方向(向前 -> 正, 向后 -> 负)\n /\n public moveFromOrigin(displacement: number) {\n const uOffset = displacement this.uPreMeter\n this.uOffsetUniform.value = uOffset\n ;(this as any).needsRender = true\n return true\n }\n\n /** 水流移动「基于调整管道差值之后的位置」\n \n @param distance 位移：米 * 方向\n /\n public moveForwardFromInitialOffset(distance: number) {\n const moveDisplacement = distance -1\n const displacement = this.initialDisplacement + moveDisplacement\n this.moveFromOrigin(displacement)\n }\n\n public flow() {\n this.flowAnimationDisposer()\n this.oldTime = new Date().getTime()\n let distance = 0\n let rotate = 0\n\n const stopFlowAnime = requestAnimationFrameInterval(() => {\n const time = new Date().getTime()\n const timeInterval = time - this.oldTime\n const distanceInterval = this.flowSpeed * (timeInterval / 1000)\n const rotateInterval = this.rotateSpeed * (timeInterval / 1000)\n distance = distance + distanceInterval\n rotate = rotate + rotateInterval\n const vPreDeg = 1 / 360\n const vOffset = rotate * vPreDeg\n this.vOffsetUniform.value = vOffset\n this.moveForwardFromInitialOffset(distance)\n this.oldTime = time\n })\n\n this.flowAnimationDisposer = function () {\n stopFlowAnime()\n this.moveForwardFromInitialOffset(0)\n }\n\n return\n }\n\n public stopFlow() {\n this.flowAnimationDisposer()\n }\n\n public setSpeed(speed?: { flowSpeed?: number; rotateSpeed?: number }) {\n typeof speed?.flowSpeed === 'number' && (this.flowSpeed = speed.flowSpeed)\n typeof speed?.rotateSpeed === 'number' && (this.rotateSpeed = speed.rotateSpeed)\n }\n\n public disposeAnime() {\n super.disposeAnime()\n this.flowAnimationDisposer()\n }\n\n private flowAnimationDisposer: () => void = () => undefined\n}\n","import type { Five, EventCallback } from '@realsee/five-webgpu'\nimport type {\n State,\n Speed,\n EventMap,\n ServerData,\n PluginData,\n LoadOptions,\n ShowHideOptions,\n SetSpeedOptions,\n ShowPipelinesOptions,\n} from './typing'\nimport * as THREE from 'three/webgpu'\nimport * as BasePlugin from '../base/BasePluginWithData'\nimport { equal, notNil } from '../shared-utils'\nimport { loadTexture } from '../shared-utils/three/loadTexture'\nimport { format, getPipesFromLibrary } from './utils/formatData'\nimport { ObjectFlowPipe } from './utils/Objects/FlowPipe'\n// import { ObjectHighlightPipe } from './utils/three/Objects/HighlightPipe'\n\nconst defaultSpeed: Speed = { flowSpeed: 0.6, rotateSpeed: 0 }\n\nexport class Controller extends BasePlugin.Controller<State, EventMap, ServerData.RootObject, PluginData.RootObject> {\n // ==================== public properties ====================\n public data?: PluginData.RootObject\n /** 插件状态\n * @property `visible` `<boolean>` 是否可见\n * @property `enabled` `<boolean>` 是否启用\n * @property `visiblePipeIDs` `<string[]>` 可见的管道 ID\n * @property `speed` `<Speed>` 水流速度\n * @property `speed.flowSpeed` `<number>` 横向流动速度，默认是 0.6 m/s\n * @property `speed.rotateSpeed` `<number>` 纵向旋转速度：默认是 0 deg/s\n /\n public state: State\n /* 当前插件所有新增 THREE 相关副作用都在 group 下 /\n public group: THREE.Group\n /* 用于展示水流的水管 /\n public pipeObjects: ObjectFlowPipe[] = []\n\n // ==================== private properties ====================\n /* 水管贴图缓存 /\n private texturePromiseCache = new Map<string, Promise<THREE.Texture>>()\n\n public constructor(five: Five) {\n super(five)\n\n this.state = {\n target: null,\n visible: true,\n enabled: true,\n isFlowing: false,\n speed: defaultSpeed,\n }\n this.five = five\n this.group = new THREE.Group()\n this.group.name = 'water-pipe-group'\n this.five.scene.add(this.group)\n this.five.once('dispose', this.dispose)\n this.five.on('wantsTapGesture', this.onWantsFiveTapGesture)\n }\n\n /* 加载管道数据，重复调用会使用新数据覆盖旧数据\n * @param `data` `<Plugin.ServerData>` Open API 接口返回的数据。\n * @param `initialState` `<Plugin.State> \| <undefined>` 数据加载后，要应用的 state，默认是 undefined。\n * @param `userAction` `<boolean> \| <undefined>` 是否是用户操作，默认是 true。\n * @param `options` `<Plugin.LoadOptions> \| <undefined>` 数据加载配置项。\n * @param `options.getPipeRadius` `<(pipe: ServerData.LinesDataset) => number> \| <undefined>` 允许用户通过函数自定义管道半径。\n * @param `options.getPipeUrl` `<(water: Water) => string> \| <undefined>` 允许用户通过函数自定义管道贴图，\n * 函数返回的 string 就是当前 water 对应的贴图地址。\n /\n\n public async load(data: ServerData.RootObject, initialState?: Partial<State>, userAction?: boolean, options?: Partial<LoadOptions>) {\n const prevData = this.data\n this.data = await this.formatData(data, options)\n this.removeAllPipes()\n this.hooks.emit('dataChange', this.data, prevData)\n this.pipeObjects = await Promise.all(\n this.data.pipes\n .filter((pipe) => !!pipe?.texture)\n .map(async ({ id, texture: textureURL, path, radius }) => {\n const texture = await this.loadPipeTexture(textureURL!)\n const params = { id, path, textureURL, texture, geometryConfig: { radius } }\n const pipe: ObjectFlowPipe = new ObjectFlowPipe(params)\n return pipe\n }),\n )\n\n // 设置管道的初始 offset\n this.data.pipelines.forEach((pipeLine) => {\n pipeLine.pipes.reduce((offset, pipe) => {\n const pipeMesh = this.findPipeObjectWithID(pipe.id)\n pipeMesh?.setInitialDisplacement(offset)\n const nextOffset = offset + (pipeMesh?.pathLength \|\| 0)\n return nextOffset\n }, 0)\n })\n this.hooks.emit('dataLoaded', this.data)\n\n // load 后，如果当前 visible 是 false，需要把管道都隐藏\n if (this.state.visible === false) {\n this.pipeObjects.forEach((pipe) => pipe.setOpacity(0))\n }\n // 只有 enable 为 true 时，才回添加模型到场景中\n if (this.state.enabled) {\n this.group.add(...this.pipeObjects)\n this.five.needsRender = true\n }\n\n if (initialState) this.setState(initialState, { userAction })\n }\n\n /* 更改插件 State\n * @param `state` `<Partial<Plugin.State>>` 插件属性 `state` 的子集。\n * @param `options` `<Option> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n /\n public setState(state: Partial<State>, options: BasePlugin.BaseOptions = {}) {\n const prevState = this.state\n if (equal(state, prevState, { deep: true })) return\n\n const userAction = options.userAction !== undefined ? options.userAction : true\n this.updateState(state, userAction)\n\n if (state.enabled !== undefined && prevState.enabled !== state.enabled) {\n state.enabled ? this._enable({ userAction }) : this._disable({ userAction })\n }\n\n if (state.visible !== undefined && prevState.visible !== state.visible) {\n const options = { userAction, anime: { duration: 500 } }\n state.visible ? this._show(options) : this._hide(options)\n }\n\n if (state.isFlowing !== undefined && prevState.isFlowing !== state.isFlowing) {\n state.isFlowing ? this._flow() : this._stopFlow()\n }\n\n if (state.speed !== undefined && !equal(prevState.speed, this.state.speed, { deep: true })) {\n this._setSpeed(state.speed)\n }\n\n if (state.target !== undefined && !equal(prevState.target, this.state.target, { deep: true })) {\n const options = {\n target: state.target,\n showAnime: { duration: 500 },\n hideAnime: { duration: 500 },\n }\n this._switchPipelines(options)\n }\n }\n\n /* 启用插件\n * @param `options` `<Option> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n /\n public enable(options: BasePlugin.BaseOptions = {}) {\n if (this.state.enabled) return\n const userAction = options.userAction ?? true\n this.updateState({ enabled: true }, userAction)\n this._enable({ userAction })\n }\n\n /* 禁用插件\n * @param `options` `<Option> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n /\n public disable(options: BasePlugin.BaseOptions = {}) {\n if (this.state.enabled === false) return\n const userAction = options.userAction ?? true\n this.updateState({ enabled: false, isFlowing: false }, userAction)\n this._disable({ userAction })\n }\n\n /* 展示管道模型，注意如果通过 `switchPipelines` 更改过 `visibleIDs`，则只会展示这一部分模型。\n * @param `options` `<Partial<ShowHideOptions>> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n * @param `options.anime` `<AnimeOptions> \| <undefined>` 动画配置。\n * @param `options.anime.duration` `<number> \| <undefined>` 动画时间，默认是 500ms。\n /\n public async show(options: Partial<ShowHideOptions> = {}) {\n if (this.state.visible) return\n const mergedOptions: ShowHideOptions = {\n userAction: true,\n anime: { duration: 500 },\n ...options,\n }\n this.updateState({ visible: true }, mergedOptions.userAction)\n await this._show(mergedOptions)\n }\n\n /* 插件内容整体隐藏\n * @param `options` `<Partial<ShowHideOptions>> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n * @param `options.anime` `<AnimeOptions> \| <undefined>` 动画配置。\n * @param `options.anime.duration` `<number> \| <undefined>` 动画时间，默认是 500ms。\n /\n public async hide(options: Partial<ShowHideOptions> = {}) {\n if (this.state.visible === false) return\n const mergedOptions: ShowHideOptions = {\n userAction: true,\n anime: { duration: 500 },\n ...options,\n }\n this.updateState({ visible: false }, mergedOptions.userAction)\n await this._hide(mergedOptions)\n }\n\n /* 切换管路\n * @param `options` `Partial<ShowPipelinesOptions> \| <undefined>`\n * @param `options.target` `<{ startLibraryID: number; endLibraryID: number }[]> \| <undefined>`\n * 目标管路，存在时，展示目标管路包含的管道，同时隐藏其他管道。不存在则展示所有管道。\n * startLibraryID 和 endLibraryID 是起始和结束的设备 ID。\n * @param `options.showAnime` `<AnimeOptions> \| <undefined>` 展示的动画配置。\n * @param `options.hideAnime` `<AnimeOptions> \| <undefined>` 隐藏的动画配置。\n * @param `options.anime` `<AnimeOptions> \| <undefined>` 兜底的动画配置。\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是否是用户操作。\n * /\n public async switchPipelines(options?: Partial<ShowPipelinesOptions>) {\n if (!this.data) return\n const target = options?.target ?? null\n const userAction = options?.userAction ?? true\n this.updateState({ target }, userAction)\n const baseAnimeOptions = { duration: 500 }\n const hideAnimeOptions = options?.hideAnime ?? options?.anime ?? baseAnimeOptions\n const showAnimeOptions = options?.showAnime ?? options?.anime ?? baseAnimeOptions\n const _options = {\n target,\n showAnime: showAnimeOptions,\n hideAnime: hideAnimeOptions,\n }\n this._switchPipelines(_options)\n }\n\n /* 开始流动 /\n public flow(options: BasePlugin.BaseOptions = {}) {\n if (this.state.isFlowing) return\n const userAction = options.userAction ?? true\n this.updateState({ isFlowing: true }, userAction)\n this._flow()\n }\n\n /* 停止流动 /\n public stopFlow(options: BasePlugin.BaseOptions = {}) {\n if (this.state.isFlowing === false) return\n const userAction = options.userAction ?? true\n this.updateState({ isFlowing: false }, userAction)\n this._stopFlow()\n }\n\n /* 更改水管流速\n * @param `options` `<SetSpeedOptions> \| <undefined>`\n * @param `options.speed` `<Speed> \| <undefined>` 参考 `state.speed` 的描述。\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是否是用户操作。\n /\n public setSpeed(options?: Partial<SetSpeedOptions>) {\n const speed = options?.speed ?? defaultSpeed\n const userAction = options.userAction ?? true\n this.updateState({ speed }, userAction)\n this._setSpeed(speed)\n }\n\n /* 销毁插件，移除所有副作用，销毁后将不响应任何 API /\n public dispose = () => {\n this.disable()\n this.five.scene.remove(this.group)\n this.texturePromiseCache.forEach((promise) => promise.then((texture) => texture.dispose()))\n this.texturePromiseCache.clear()\n }\n\n protected async formatData(data: ServerData.RootObject, options?: Partial<LoadOptions>) {\n return format(data, options)\n }\n\n private _enable(options: { userAction: boolean }) {\n this.hooks.emit('enable', { userAction: options.userAction })\n // resume model effects\n this.five.scene.add(this.group)\n this.five.needsRender = true\n // resume event effects\n this.five.on('wantsTapGesture', this.onWantsFiveTapGesture)\n }\n\n private _disable(options: { userAction: boolean }) {\n this.hooks.emit('disable', { userAction: options.userAction })\n // dispose model effects\n this.disposeAnime()\n this.five.scene.remove(this.group)\n this.five.needsRender = true\n // dispose event effects\n this.five.off('wantsTapGesture', this.onWantsFiveTapGesture)\n }\n\n private async _show(options: ShowHideOptions) {\n this.hooks.emit('show', { userAction: options.userAction })\n const animeOptions = options?.anime ?? { duration: 500 }\n const pipeObjects = this.findPipeObjectWithTarget(this.state.target)\n await Promise.all(pipeObjects.map((pipe) => pipe?.show(animeOptions)))\n this.five.needsRender = true\n }\n\n private async _hide(options: ShowHideOptions) {\n this.hooks.emit('hide', { userAction: options.userAction })\n const animeOptions = options?.anime ?? { duration: 500 }\n await Promise.all(this.pipeObjects.map((pipe) => pipe.hide(animeOptions)))\n this.five.needsRender = true\n }\n\n private async _switchPipelines(options: Omit<ShowPipelinesOptions, 'userAction' \| 'anime'>) {\n if (!this.data) return\n const pipeObjects = this.findPipeObjectWithTarget(options.target)\n // // 销毁所有动画\n // this.disposeAnime()\n // // 展示之前，先初始化贴图位移\n // pipeObjects.forEach((pipe) => pipe.moveForwardFromInitialOffset(0))\n // 隐藏旧的管道模型\n const hideAnimeOptions = options.hideAnime\n await Promise.all(this.pipeObjects.map((pipe) => pipe.hide(hideAnimeOptions)))\n // 展示新的管道模型\n const showAnimeOptions = options.showAnime\n await Promise.all(pipeObjects.map((pipe) => pipe.show(showAnimeOptions)))\n }\n\n private _flow() {\n this.pipeObjects.forEach((pipe) => pipe.flow())\n }\n\n private _stopFlow() {\n this.pipeObjects.forEach((pipe) => pipe.stopFlow())\n }\n\n private _setSpeed(speed: Speed) {\n this.pipeObjects.forEach((pipe) => pipe.setSpeed(speed))\n }\n\n private updateState(state: Partial<State>, userAction: boolean) {\n const prevState = this.state\n this.state = { ...this.state, ...state }\n this.hooks.emit('stateChange', { state: this.state, prevState, userAction })\n }\n\n /* 加载管道贴图，如果再加载中，复用之前的加载 Promise /\n private async loadPipeTexture(url: string) {\n const mapPromise = this.texturePromiseCache.get(url)\n if (mapPromise) return mapPromise\n const promise = loadTexture(url)\n this.texturePromiseCache.set(url, promise)\n return promise\n }\n\n /* 销毁所有动画 /\n private disposeAnime() {\n this.pipeObjects.forEach((pipe) => pipe.disposeAnime())\n this.five.needsRender = true\n }\n\n /* 移除所有管道模型 /\n private removeAllPipes() {\n this.disposeAnime()\n this.group.remove(...this.pipeObjects)\n this.pipeObjects.forEach((pipe) => pipe.dispose())\n this.pipeObjects = []\n this.five.needsRender = true\n }\n\n /* 根据 ID 查找管道模型 /\n private findPipeObjectWithID(id: string) {\n return this.pipeObjects.find(({ customID }) => customID === id)\n }\n\n /* 根据 target 查找管道模型 */\n private findPipeObjectWithTarget(target: State['target']) {\n const pipeObjects = target\n ? getPipesFromLibrary({ data: this.data, target })\n .map(({ id }) => this.findPipeObjectWithID(id))\n .filter(notNil)\n : this.pipeObjects\n return pipeObjects\n }\n\n private onWantsFiveTapGesture: EventCallback['wantsTapGesture'] = (...params) => {\n const [ray] = params\n const intersectObjects = ray.intersectObjects(this.pipeObjects, false)\n if (intersectObjects.length === 0) return\n if (!this.data) return\n const intersectObject = intersectObjects[0]\n const pipeObject = intersectObject.object as ObjectFlowPipe\n const pipeID = pipeObject.customID\n const pipeData = this.data.pipes.find(({ id }) => id === pipeID)\n const pipelineData = this.data.pipelines.find((pipeline) => pipeData && pipeline.pipes.includes(pipeData))\n\n if (!pipeData \|\| !pipelineData) return\n\n // const highlightTextureURL = '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/pipe-highlight.ec4c607b.png'\n // this.loadPipeTexture(highlightTextureURL).then((texture) => {\n // const id = 'highlight_' + pipeData.id\n // const path = pipeData.path\n // const geometryConfig = { radius: pipeObject.geometryConfig.radius + 0.1 / 100 }\n // const highlightPipe = new ObjectHighlightPipe({ id, path, texture, geometryConfig })\n // this.group.add(highlightPipe)\n // highlightPipe.highlight()\n // })\n\n this.hooks.emit('tap', {\n intersectObjects,\n pipe: pipeData,\n pipeline: pipelineData,\n wantsFiveTapGestureParams: params,\n })\n return false\n }\n}\n","import type { FivePlugin } from '@realsee/five-webgpu'\nimport { Controller } from './Controller'\n\nexport const PipelinePlugin: FivePlugin<undefined, Controller> = (five) => {\n return new Controller(five)\n}\n\nexport type PipelinePluginParameterType = undefined\nexport type PipelinePluginReturnType = InstanceType<typeof Controller>\nexport default PipelinePlugin\n"],"mappings":"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"}
1	+ {"version":3,"file":"pipeline-t_3IMXKB.js","names":["BasePlugin.Controller","loadTexture","notNil","BetterTween","requestAnimationFrameInterval","equal","Controller$1","THREE","uniqPipe","map","pipelines","pipeline","pipe","getPipesFromLibrary","params","startLibraryID","endLibraryID","getDefaultPipeUrl","water","format","origin","pipeIDs","item","pipeID","path","radius","options","texture","Bezier","points","QuadraticBezierCurve3","t","CubicBezierCurve3","interpolated","point","count","index","CustomBezierCurve3","controlPoints","optionalTarget","bezierPoint","source","baseData","json","ObjectPipe","uvBufferAttribute","geometry","pathLength","uPreMeter","tubularSegments","radialSegments","sourceUv","offsetU","sampleUv","clampPositiveU","material","startOpacity","progress","resolve","value","ObjectFlowPipe","distance","direction","uOffset","displacement","moveDisplacement","rotate","stopFlowAnime","time","timeInterval","distanceInterval","rotateInterval","vOffset","speed","defaultSpeed","Controller","five","prevData","data","textureURL","pipeMesh","offset","initialState","prevState","state","userAction","mergedOptions","target","baseAnimeOptions","hideAnimeOptions","_options","promise","animeOptions","pipeObjects","showAnimeOptions","mapPromise","url","customID","id","ray","intersectObjects","pipeData","pipelineData","PipelinePlugin"],"sources":["../../src/PipelinePlugin/utils/formatData.ts","../../src/shared-utils/three/Extras/Core/Interpolations.ts","../../src/shared-utils/three/Extras/Curves/BezierCurve3.ts","../../src/PipelinePlugin/utils/Objects/Pipe.ts","../../src/PipelinePlugin/utils/Objects/FlowPipe.ts","../../src/PipelinePlugin/Controller.ts","../../src/PipelinePlugin/index.ts"],"sourcesContent":["import type { PluginData, ServerData, LoadOptions } from '../typing'\nimport { notNil } from '../../shared-utils/isNil'\n\nfunction chunk<T>(collection: T[], size = 2) {\n const result: T[][] = []\n\n // add each chunk to the result\n for (let x = 0; x < Math.ceil(collection.length / size); x++) {\n let start = x * size\n let end = start + size\n\n result.push(collection.slice(start, end))\n }\n\n return result\n}\n\n/** 通过 pipeline 获得去重后的 pipes /\nfunction uniqPipe(pipelines: PluginData.Pipeline[]) {\n // pipelines 里面会有重复的 pipe，需要根据 ID 去重\n const map = new Map<string, PluginData.Pipe>()\n pipelines.forEach((pipeline) => pipeline.pipes.forEach((pipe) => map.set(pipe.id, pipe)))\n return Array.from(map.values())\n}\n\n/* 从 PluginData 中找到符合「从 ID 为 startLibraryID 的设备到 ID 为 endLibraryID 的设备」的 pipe data /\nexport function getPipesFromLibrary(params: { data: PluginData.RootObject; target: { startLibraryID: number; endLibraryID: number }[] }) {\n const pipelines = params.target\n .map(({ startLibraryID, endLibraryID }) => {\n const pipeline = params.data.pipelines.find(\n (pipeline) => pipeline.startLibraryID === startLibraryID && pipeline.endLibraryID === endLibraryID,\n )\n if (!pipeline) {\n console.warn(`Cannot find pipeline with startLibraryID ${startLibraryID} and endLibraryID ${endLibraryID}`)\n }\n return pipeline\n })\n .filter(notNil)\n return uniqPipe(pipelines)\n}\n\n/* 获取默认的管道贴图 /\nexport function getDefaultPipeUrl<T extends PluginData.Water>(water: T): string \| undefined {\n if (water.quality === 0) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/1.png'\n if (water.quality === 1) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/2.png'\n if (water.quality === 2) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/3.png'\n if (water.quality === 3) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/4.png'\n if (water.quality === 4) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/5.png'\n if (water.isHot) return '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/19/6.png'\n}\n\nexport function format(origin: ServerData.RootObject, options?: Partial<LoadOptions>): PluginData.RootObject {\n const pipelines: PluginData.Pipeline[] = origin.ConnectsDataset.map((pipeline) => {\n const pipeIDs = pipeline.data\n const startLibraryID = pipeline.start\n const endLibraryID = pipeline.end\n const water: PluginData.Water = { isHot: pipeline.waterType === 5, quality: pipeline.waterType }\n const pipes: PluginData.Pipe[] = pipeIDs\n .map((pipeID) => {\n const pipe = origin.LinesDataset.find((item) => item.id === pipeID)\n if (!pipe) return null\n const path = pipe.data\n // 原始管道模型是 1.5cm 的半径，要大一点点，就用 1.6cm 了。\n const radius = options?.getPipeRadius ? options.getPipeRadius(pipe) : 1.6 / 100\n const texture = options?.getPipeUrl ? options.getPipeUrl(water) : getDefaultPipeUrl(water)\n return { id: pipe.id, radius, water, path, texture }\n })\n .filter(notNil)\n return { startLibraryID, endLibraryID, pipes }\n })\n const pipes = uniqPipe(pipelines)\n return { pipes, pipelines }\n}\n","import type { Vector3} from 'three/webgpu';\nimport { QuadraticBezierCurve3, CubicBezierCurve3 } from 'three/webgpu'\n\n/* Native Three curves for common orders, de Casteljau for arbitrary degree. /\nexport function Bezier(t: number, points: Vector3[]): Vector3 {\n if (points.length < 2) throw new RangeError('Bezier requires at least two control points')\n if (points.length === 3) return new QuadraticBezierCurve3(...points as [Vector3, Vector3, Vector3]).getPoint(t)\n if (points.length === 4) return new CubicBezierCurve3(...points as [Vector3, Vector3, Vector3, Vector3]).getPoint(t)\n const interpolated = points.map((point) => point.clone())\n for (let count = interpolated.length - 1; count > 0; count--) {\n for (let index = 0; index < count; index++) interpolated[index].lerp(interpolated[index + 1], t)\n }\n return interpolated[0]\n}\n","import as THREE from 'three/webgpu'\nimport { Bezier } from '../Core/Interpolations'\n\nclass CustomBezierCurve3 extends THREE.Curve<THREE.Vector3> {\n public declare type: string\n public controlPoints: THREE.Vector3[]\n\n public constructor(controlPoints: THREE.Vector3[] = []) {\n super()\n\n this.type = 'CustomBezierCurve3'\n this.controlPoints = controlPoints\n }\n\n public getPoint(t: number, optionalTarget = new THREE.Vector3()) {\n const point = optionalTarget\n\n const bezierPoint = Bezier(t, this.controlPoints)\n\n point.copy(bezierPoint)\n\n return point\n }\n\n public copy(source: CustomBezierCurve3) {\n super.copy(source)\n\n this.controlPoints = source.controlPoints.map((point) => point.clone())\n\n return this\n }\n\n public toJSON() {\n const baseData = super.toJSON()\n\n const controlPoints = this.controlPoints.map((point) => point.toArray())\n const data = Object.assign(baseData, { controlPoints })\n\n return data\n }\n\n public fromJSON(json: any) {\n super.fromJSON(json)\n\n this.controlPoints = json.controlPoints.map((point: number[]) => new THREE.Vector3().fromArray(point))\n\n return this\n }\n}\n\nexport { CustomBezierCurve3 }\n","import * as THREE from 'three/webgpu'\nimport { BetterTween } from '../../../shared-utils'\nimport { CustomBezierCurve3 } from '../../../shared-utils/three/Extras/Curves/BezierCurve3'\n\nexport interface PipeParams {\n id?: string\n path: number[][]\n texture: THREE.Texture\n geometryConfig?: {\n radius?: number\n radialSegments?: number\n tubularSegments?: number\n }\n}\n\nexport interface AnimeOptions {\n duration?: number\n}\n\nexport class ObjectPipe extends THREE.Mesh<THREE.TubeGeometry, THREE.MeshBasicNodeMaterial> {\n public static calculatePath(points: THREE.Vector3[]) {\n return points.length === 2 ? new THREE.LineCurve3(points[0], points[1]) : new CustomBezierCurve3(points)\n }\n\n public static formatGeometryUV<T extends THREE.BufferGeometry>(geometry: T, pathLength: number, uPreMeter: number) {\n const uvBufferAttribute = geometry.getAttribute('uv')\n for (let index = 0; index < uvBufferAttribute.count; index++) {\n uvBufferAttribute.setX(index, uvBufferAttribute.getX(index) * pathLength * uPreMeter)\n }\n return geometry\n }\n\n public static formatTexture(texture: THREE.Texture) {\n texture.wrapS = THREE.RepeatWrapping\n texture.wrapT = THREE.RepeatWrapping\n return texture\n }\n\n public geometryConfig = {\n radius: 1.5 / 100,\n tubularSegments: 20,\n radialSegments: 8,\n }\n public customID: string\n public path: THREE.LineCurve3 \| CustomBezierCurve3\n public pathLength = 0\n public pathPoints: number[][]\n public texture: THREE.Texture\n public readonly opacityUniform = THREE.TSL.uniform(1)\n public readonly uOffsetUniform = THREE.TSL.uniform(0)\n public readonly vOffsetUniform = THREE.TSL.uniform(0)\n protected opacityAnime?: BetterTween<{ progress: number }>\n protected uPreMeter = 1\n\n public constructor(params: PipeParams, clampPositiveU = false) {\n super()\n if (params.geometryConfig) this.geometryConfig = { ...this.geometryConfig, ...params.geometryConfig }\n this.customID = params.id \|\| this.uuid\n this.pathPoints = params.path\n this.path = ObjectPipe.calculatePath(params.path.map((points) => new THREE.Vector3().fromArray(points)))\n this.pathLength = this.path.getLength()\n this.texture = ObjectPipe.formatTexture(params.texture)\n const { radius, tubularSegments, radialSegments } = this.geometryConfig\n this.geometry = ObjectPipe.formatGeometryUV(\n new THREE.TubeGeometry(this.path, tubularSegments, radius, radialSegments),\n this.pathLength,\n this.uPreMeter,\n )\n\n const sourceUv = THREE.TSL.uv()\n const offsetU = sourceUv.x.add(this.uOffsetUniform)\n const sampleUv = THREE.TSL.vec2(clampPositiveU ? THREE.TSL.min(offsetU, 0) : offsetU, sourceUv.y.add(this.vOffsetUniform))\n const material = new THREE.MeshBasicNodeMaterial({ transparent: true })\n material.colorNode = THREE.TSL.texture(this.texture, sampleUv)\n material.opacityNode = this.opacityUniform\n this.material = material\n }\n\n public async hide(options?: AnimeOptions): Promise<boolean> {\n this.opacityAnime?.dispose()\n const endOpacity = 0\n if (typeof options?.duration !== 'number') return this.setOpacity(endOpacity)\n const startOpacity = this.opacityUniform.value\n if (startOpacity === endOpacity) return true\n return new Promise<boolean>((resolve) => {\n this.opacityAnime = new BetterTween({ progress: startOpacity })\n .to({ progress: endOpacity })\n .onUpdate(({ progress }) => this.setOpacity(progress))\n .onComplete(() => resolve(true))\n .onDispose(() => {\n this.setOpacity(endOpacity)\n resolve(false)\n })\n .play()\n })\n }\n\n public async show(options?: AnimeOptions) {\n this.opacityAnime?.dispose()\n const endOpacity = 1\n if (typeof options?.duration !== 'number') return this.setOpacity(endOpacity)\n const startOpacity = this.opacityUniform.value\n return new Promise<boolean>((resolve) => {\n this.opacityAnime = new BetterTween({ progress: startOpacity })\n .to({ progress: endOpacity })\n .onUpdate(({ progress }) => this.setOpacity(progress))\n .onComplete(() => resolve(true))\n .onDispose(() => {\n this.setOpacity(endOpacity)\n resolve(false)\n })\n .play()\n })\n }\n\n public setOpacity(value: number) {\n this.opacityUniform.value = value\n ;(this as any).needsRender = true\n return true\n }\n\n public disposeAnime() {\n this.opacityAnime?.dispose()\n this.opacityAnime = undefined\n }\n\n public dispose(): void {\n this.disposeAnime()\n this.geometry.dispose()\n this.material.dispose()\n }\n}\n","import { requestAnimationFrameInterval } from '../../../shared-utils'\nimport type { PipeParams as BasePipeParams } from './Pipe'\nimport { ObjectPipe } from './Pipe'\n\nexport type PipeParams = BasePipeParams\n\nexport class ObjectFlowPipe extends ObjectPipe {\n /** 初始状态下，当前水管内的水流在整体管道上的位移\n * @description 因为水管是不连续的，而要达到水流的连续效果，需要用过贴图的 uOffset 控制每根水管的初始状态\n /\n private initialDisplacement = 0\n private oldTime = new Date().getTime()\n /* 横向流动速度：m / s /\n private flowSpeed = 0.6\n /* 纵向旋转速度：deg / s /\n private rotateSpeed = 0\n\n public constructor(params: PipeParams) {\n super(params, true)\n }\n\n public setInitialDisplacement(distance: number, direction: 'forward' \| 'backward' = 'backward') {\n this.initialDisplacement = Math.abs(distance) (direction === 'forward' ? -1 : 1)\n this.moveFromOrigin(this.initialDisplacement)\n }\n\n /** 水流移动「基于初始位置」\n * @description 因为贴图的运动与 u 的 uOffset 相反，比较反直觉，所以封装方法易于理解\n * @param displacement 位移：米 * 方向(向前 -> 正, 向后 -> 负)\n /\n public moveFromOrigin(displacement: number) {\n const uOffset = displacement this.uPreMeter\n this.uOffsetUniform.value = uOffset\n ;(this as any).needsRender = true\n return true\n }\n\n /** 水流移动「基于调整管道差值之后的位置」\n \n @param distance 位移：米 * 方向\n /\n public moveForwardFromInitialOffset(distance: number) {\n const moveDisplacement = distance -1\n const displacement = this.initialDisplacement + moveDisplacement\n this.moveFromOrigin(displacement)\n }\n\n public flow() {\n this.flowAnimationDisposer()\n this.oldTime = new Date().getTime()\n let distance = 0\n let rotate = 0\n\n const stopFlowAnime = requestAnimationFrameInterval(() => {\n const time = new Date().getTime()\n const timeInterval = time - this.oldTime\n const distanceInterval = this.flowSpeed * (timeInterval / 1000)\n const rotateInterval = this.rotateSpeed * (timeInterval / 1000)\n distance = distance + distanceInterval\n rotate = rotate + rotateInterval\n const vPreDeg = 1 / 360\n const vOffset = rotate * vPreDeg\n this.vOffsetUniform.value = vOffset\n this.moveForwardFromInitialOffset(distance)\n this.oldTime = time\n })\n\n this.flowAnimationDisposer = function () {\n stopFlowAnime()\n this.moveForwardFromInitialOffset(0)\n }\n\n return\n }\n\n public stopFlow() {\n this.flowAnimationDisposer()\n }\n\n public setSpeed(speed?: { flowSpeed?: number; rotateSpeed?: number }) {\n typeof speed?.flowSpeed === 'number' && (this.flowSpeed = speed.flowSpeed)\n typeof speed?.rotateSpeed === 'number' && (this.rotateSpeed = speed.rotateSpeed)\n }\n\n public disposeAnime() {\n super.disposeAnime()\n this.flowAnimationDisposer()\n }\n\n private flowAnimationDisposer: () => void = () => undefined\n}\n","import type { Five, EventCallback } from '@realsee/five-webgpu'\nimport type {\n State,\n Speed,\n EventMap,\n ServerData,\n PluginData,\n LoadOptions,\n ShowHideOptions,\n SetSpeedOptions,\n ShowPipelinesOptions,\n} from './typing'\nimport * as THREE from 'three/webgpu'\nimport * as BasePlugin from '../base/BasePluginWithData'\nimport { equal, notNil } from '../shared-utils'\nimport { loadTexture } from '../shared-utils/three/loadTexture'\nimport { format, getPipesFromLibrary } from './utils/formatData'\nimport { ObjectFlowPipe } from './utils/Objects/FlowPipe'\n// import { ObjectHighlightPipe } from './utils/three/Objects/HighlightPipe'\n\nconst defaultSpeed: Speed = { flowSpeed: 0.6, rotateSpeed: 0 }\n\nexport class Controller extends BasePlugin.Controller<State, EventMap, ServerData.RootObject, PluginData.RootObject> {\n // ==================== public properties ====================\n public data?: PluginData.RootObject\n /** 插件状态\n * @property `visible` `<boolean>` 是否可见\n * @property `enabled` `<boolean>` 是否启用\n * @property `visiblePipeIDs` `<string[]>` 可见的管道 ID\n * @property `speed` `<Speed>` 水流速度\n * @property `speed.flowSpeed` `<number>` 横向流动速度，默认是 0.6 m/s\n * @property `speed.rotateSpeed` `<number>` 纵向旋转速度：默认是 0 deg/s\n /\n public state: State\n /* 当前插件所有新增 THREE 相关副作用都在 group 下 /\n public group: THREE.Group\n /* 用于展示水流的水管 /\n public pipeObjects: ObjectFlowPipe[] = []\n\n // ==================== private properties ====================\n /* 水管贴图缓存 /\n private texturePromiseCache = new Map<string, Promise<THREE.Texture>>()\n\n public constructor(five: Five) {\n super(five)\n\n this.state = {\n target: null,\n visible: true,\n enabled: true,\n isFlowing: false,\n speed: defaultSpeed,\n }\n this.five = five\n this.group = new THREE.Group()\n this.group.name = 'water-pipe-group'\n this.five.scene.add(this.group)\n this.five.once('dispose', this.dispose)\n this.five.on('wantsTapGesture', this.onWantsFiveTapGesture)\n }\n\n /* 加载管道数据，重复调用会使用新数据覆盖旧数据\n * @param `data` `<Plugin.ServerData>` Open API 接口返回的数据。\n * @param `initialState` `<Plugin.State> \| <undefined>` 数据加载后，要应用的 state，默认是 undefined。\n * @param `userAction` `<boolean> \| <undefined>` 是否是用户操作，默认是 true。\n * @param `options` `<Plugin.LoadOptions> \| <undefined>` 数据加载配置项。\n * @param `options.getPipeRadius` `<(pipe: ServerData.LinesDataset) => number> \| <undefined>` 允许用户通过函数自定义管道半径。\n * @param `options.getPipeUrl` `<(water: Water) => string> \| <undefined>` 允许用户通过函数自定义管道贴图，\n * 函数返回的 string 就是当前 water 对应的贴图地址。\n /\n\n public async load(data: ServerData.RootObject, initialState?: Partial<State>, userAction?: boolean, options?: Partial<LoadOptions>) {\n const prevData = this.data\n this.data = await this.formatData(data, options)\n this.removeAllPipes()\n this.hooks.emit('dataChange', this.data, prevData)\n this.pipeObjects = await Promise.all(\n this.data.pipes\n .filter((pipe) => !!pipe?.texture)\n .map(async ({ id, texture: textureURL, path, radius }) => {\n const texture = await this.loadPipeTexture(textureURL!)\n const params = { id, path, textureURL, texture, geometryConfig: { radius } }\n const pipe: ObjectFlowPipe = new ObjectFlowPipe(params)\n return pipe\n }),\n )\n\n // 设置管道的初始 offset\n this.data.pipelines.forEach((pipeLine) => {\n pipeLine.pipes.reduce((offset, pipe) => {\n const pipeMesh = this.findPipeObjectWithID(pipe.id)\n pipeMesh?.setInitialDisplacement(offset)\n const nextOffset = offset + (pipeMesh?.pathLength \|\| 0)\n return nextOffset\n }, 0)\n })\n this.hooks.emit('dataLoaded', this.data)\n\n // load 后，如果当前 visible 是 false，需要把管道都隐藏\n if (this.state.visible === false) {\n this.pipeObjects.forEach((pipe) => pipe.setOpacity(0))\n }\n // 只有 enable 为 true 时，才回添加模型到场景中\n if (this.state.enabled) {\n this.group.add(...this.pipeObjects)\n this.five.needsRender = true\n }\n\n if (initialState) this.setState(initialState, { userAction })\n }\n\n /* 更改插件 State\n * @param `state` `<Partial<Plugin.State>>` 插件属性 `state` 的子集。\n * @param `options` `<Option> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n /\n public setState(state: Partial<State>, options: BasePlugin.BaseOptions = {}) {\n const prevState = this.state\n if (equal(state, prevState, { deep: true })) return\n\n const userAction = options.userAction !== undefined ? options.userAction : true\n this.updateState(state, userAction)\n\n if (state.enabled !== undefined && prevState.enabled !== state.enabled) {\n state.enabled ? this._enable({ userAction }) : this._disable({ userAction })\n }\n\n if (state.visible !== undefined && prevState.visible !== state.visible) {\n const options = { userAction, anime: { duration: 500 } }\n state.visible ? this._show(options) : this._hide(options)\n }\n\n if (state.isFlowing !== undefined && prevState.isFlowing !== state.isFlowing) {\n state.isFlowing ? this._flow() : this._stopFlow()\n }\n\n if (state.speed !== undefined && !equal(prevState.speed, this.state.speed, { deep: true })) {\n this._setSpeed(state.speed)\n }\n\n if (state.target !== undefined && !equal(prevState.target, this.state.target, { deep: true })) {\n const options = {\n target: state.target,\n showAnime: { duration: 500 },\n hideAnime: { duration: 500 },\n }\n this._switchPipelines(options)\n }\n }\n\n /* 启用插件\n * @param `options` `<Option> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n /\n public enable(options: BasePlugin.BaseOptions = {}) {\n if (this.state.enabled) return\n const userAction = options.userAction ?? true\n this.updateState({ enabled: true }, userAction)\n this._enable({ userAction })\n }\n\n /* 禁用插件\n * @param `options` `<Option> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n /\n public disable(options: BasePlugin.BaseOptions = {}) {\n if (this.state.enabled === false) return\n const userAction = options.userAction ?? true\n this.updateState({ enabled: false, isFlowing: false }, userAction)\n this._disable({ userAction })\n }\n\n /* 展示管道模型，注意如果通过 `switchPipelines` 更改过 `visibleIDs`，则只会展示这一部分模型。\n * @param `options` `<Partial<ShowHideOptions>> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n * @param `options.anime` `<AnimeOptions> \| <undefined>` 动画配置。\n * @param `options.anime.duration` `<number> \| <undefined>` 动画时间，默认是 500ms。\n /\n public async show(options: Partial<ShowHideOptions> = {}) {\n if (this.state.visible) return\n const mergedOptions: ShowHideOptions = {\n userAction: true,\n anime: { duration: 500 },\n ...options,\n }\n this.updateState({ visible: true }, mergedOptions.userAction)\n await this._show(mergedOptions)\n }\n\n /* 插件内容整体隐藏\n * @param `options` `<Partial<ShowHideOptions>> \| <undefined>`\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是用户操作。默认是 true。\n * @param `options.anime` `<AnimeOptions> \| <undefined>` 动画配置。\n * @param `options.anime.duration` `<number> \| <undefined>` 动画时间，默认是 500ms。\n /\n public async hide(options: Partial<ShowHideOptions> = {}) {\n if (this.state.visible === false) return\n const mergedOptions: ShowHideOptions = {\n userAction: true,\n anime: { duration: 500 },\n ...options,\n }\n this.updateState({ visible: false }, mergedOptions.userAction)\n await this._hide(mergedOptions)\n }\n\n /* 切换管路\n * @param `options` `Partial<ShowPipelinesOptions> \| <undefined>`\n * @param `options.target` `<{ startLibraryID: number; endLibraryID: number }[]> \| <undefined>`\n * 目标管路，存在时，展示目标管路包含的管道，同时隐藏其他管道。不存在则展示所有管道。\n * startLibraryID 和 endLibraryID 是起始和结束的设备 ID。\n * @param `options.showAnime` `<AnimeOptions> \| <undefined>` 展示的动画配置。\n * @param `options.hideAnime` `<AnimeOptions> \| <undefined>` 隐藏的动画配置。\n * @param `options.anime` `<AnimeOptions> \| <undefined>` 兜底的动画配置。\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是否是用户操作。\n * /\n public async switchPipelines(options?: Partial<ShowPipelinesOptions>) {\n if (!this.data) return\n const target = options?.target ?? null\n const userAction = options?.userAction ?? true\n this.updateState({ target }, userAction)\n const baseAnimeOptions = { duration: 500 }\n const hideAnimeOptions = options?.hideAnime ?? options?.anime ?? baseAnimeOptions\n const showAnimeOptions = options?.showAnime ?? options?.anime ?? baseAnimeOptions\n const _options = {\n target,\n showAnime: showAnimeOptions,\n hideAnime: hideAnimeOptions,\n }\n this._switchPipelines(_options)\n }\n\n /* 开始流动 /\n public flow(options: BasePlugin.BaseOptions = {}) {\n if (this.state.isFlowing) return\n const userAction = options.userAction ?? true\n this.updateState({ isFlowing: true }, userAction)\n this._flow()\n }\n\n /* 停止流动 /\n public stopFlow(options: BasePlugin.BaseOptions = {}) {\n if (this.state.isFlowing === false) return\n const userAction = options.userAction ?? true\n this.updateState({ isFlowing: false }, userAction)\n this._stopFlow()\n }\n\n /* 更改水管流速\n * @param `options` `<SetSpeedOptions> \| <undefined>`\n * @param `options.speed` `<Speed> \| <undefined>` 参考 `state.speed` 的描述。\n * @param `options.userAction` `<boolean> \| <undefined>` 是否是否是用户操作。\n /\n public setSpeed(options?: Partial<SetSpeedOptions>) {\n const speed = options?.speed ?? defaultSpeed\n const userAction = options.userAction ?? true\n this.updateState({ speed }, userAction)\n this._setSpeed(speed)\n }\n\n /* 销毁插件，移除所有副作用，销毁后将不响应任何 API /\n public dispose = () => {\n this.disable()\n this.five.scene.remove(this.group)\n this.texturePromiseCache.forEach((promise) => promise.then((texture) => texture.dispose()))\n this.texturePromiseCache.clear()\n }\n\n protected async formatData(data: ServerData.RootObject, options?: Partial<LoadOptions>) {\n return format(data, options)\n }\n\n private _enable(options: { userAction: boolean }) {\n this.hooks.emit('enable', { userAction: options.userAction })\n // resume model effects\n this.five.scene.add(this.group)\n this.five.needsRender = true\n // resume event effects\n this.five.on('wantsTapGesture', this.onWantsFiveTapGesture)\n }\n\n private _disable(options: { userAction: boolean }) {\n this.hooks.emit('disable', { userAction: options.userAction })\n // dispose model effects\n this.disposeAnime()\n this.five.scene.remove(this.group)\n this.five.needsRender = true\n // dispose event effects\n this.five.off('wantsTapGesture', this.onWantsFiveTapGesture)\n }\n\n private async _show(options: ShowHideOptions) {\n this.hooks.emit('show', { userAction: options.userAction })\n const animeOptions = options?.anime ?? { duration: 500 }\n const pipeObjects = this.findPipeObjectWithTarget(this.state.target)\n await Promise.all(pipeObjects.map((pipe) => pipe?.show(animeOptions)))\n this.five.needsRender = true\n }\n\n private async _hide(options: ShowHideOptions) {\n this.hooks.emit('hide', { userAction: options.userAction })\n const animeOptions = options?.anime ?? { duration: 500 }\n await Promise.all(this.pipeObjects.map((pipe) => pipe.hide(animeOptions)))\n this.five.needsRender = true\n }\n\n private async _switchPipelines(options: Omit<ShowPipelinesOptions, 'userAction' \| 'anime'>) {\n if (!this.data) return\n const pipeObjects = this.findPipeObjectWithTarget(options.target)\n // // 销毁所有动画\n // this.disposeAnime()\n // // 展示之前，先初始化贴图位移\n // pipeObjects.forEach((pipe) => pipe.moveForwardFromInitialOffset(0))\n // 隐藏旧的管道模型\n const hideAnimeOptions = options.hideAnime\n await Promise.all(this.pipeObjects.map((pipe) => pipe.hide(hideAnimeOptions)))\n // 展示新的管道模型\n const showAnimeOptions = options.showAnime\n await Promise.all(pipeObjects.map((pipe) => pipe.show(showAnimeOptions)))\n }\n\n private _flow() {\n this.pipeObjects.forEach((pipe) => pipe.flow())\n }\n\n private _stopFlow() {\n this.pipeObjects.forEach((pipe) => pipe.stopFlow())\n }\n\n private _setSpeed(speed: Speed) {\n this.pipeObjects.forEach((pipe) => pipe.setSpeed(speed))\n }\n\n private updateState(state: Partial<State>, userAction: boolean) {\n const prevState = this.state\n this.state = { ...this.state, ...state }\n this.hooks.emit('stateChange', { state: this.state, prevState, userAction })\n }\n\n /* 加载管道贴图，如果再加载中，复用之前的加载 Promise /\n private async loadPipeTexture(url: string) {\n const mapPromise = this.texturePromiseCache.get(url)\n if (mapPromise) return mapPromise\n const promise = loadTexture(url)\n this.texturePromiseCache.set(url, promise)\n return promise\n }\n\n /* 销毁所有动画 /\n private disposeAnime() {\n this.pipeObjects.forEach((pipe) => pipe.disposeAnime())\n this.five.needsRender = true\n }\n\n /* 移除所有管道模型 /\n private removeAllPipes() {\n this.disposeAnime()\n this.group.remove(...this.pipeObjects)\n this.pipeObjects.forEach((pipe) => pipe.dispose())\n this.pipeObjects = []\n this.five.needsRender = true\n }\n\n /* 根据 ID 查找管道模型 /\n private findPipeObjectWithID(id: string) {\n return this.pipeObjects.find(({ customID }) => customID === id)\n }\n\n /* 根据 target 查找管道模型 */\n private findPipeObjectWithTarget(target: State['target']) {\n const pipeObjects = target\n ? getPipesFromLibrary({ data: this.data, target })\n .map(({ id }) => this.findPipeObjectWithID(id))\n .filter(notNil)\n : this.pipeObjects\n return pipeObjects\n }\n\n private onWantsFiveTapGesture: EventCallback['wantsTapGesture'] = (...params) => {\n const [ray] = params\n const intersectObjects = ray.intersectObjects(this.pipeObjects, false)\n if (intersectObjects.length === 0) return\n if (!this.data) return\n const intersectObject = intersectObjects[0]\n const pipeObject = intersectObject.object as ObjectFlowPipe\n const pipeID = pipeObject.customID\n const pipeData = this.data.pipes.find(({ id }) => id === pipeID)\n const pipelineData = this.data.pipelines.find((pipeline) => pipeData && pipeline.pipes.includes(pipeData))\n\n if (!pipeData \|\| !pipelineData) return\n\n // const highlightTextureURL = '//vr-static.realsee-cdn.cn/release/web/aqueous-system-demo/pipe-highlight.ec4c607b.png'\n // this.loadPipeTexture(highlightTextureURL).then((texture) => {\n // const id = 'highlight_' + pipeData.id\n // const path = pipeData.path\n // const geometryConfig = { radius: pipeObject.geometryConfig.radius + 0.1 / 100 }\n // const highlightPipe = new ObjectHighlightPipe({ id, path, texture, geometryConfig })\n // this.group.add(highlightPipe)\n // highlightPipe.highlight()\n // })\n\n this.hooks.emit('tap', {\n intersectObjects,\n pipe: pipeData,\n pipeline: pipelineData,\n wantsFiveTapGestureParams: params,\n })\n return false\n }\n}\n","import type { FivePlugin } from '@realsee/five-webgpu'\nimport { Controller } from './Controller'\n\nexport const PipelinePlugin: FivePlugin<undefined, Controller> = (five) => {\n return new Controller(five)\n}\n\nexport type PipelinePluginParameterType = undefined\nexport type PipelinePluginReturnType = InstanceType<typeof Controller>\nexport default PipelinePlugin\n"],"mappings":"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"}