@operato/scene-visualizer 9.2.2 → 10.0.0-beta.1

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 (181) hide show
  1. package/dist/banner.d.ts +232 -3
  2. package/dist/banner.js +1 -2
  3. package/dist/banner.js.map +1 -1
  4. package/dist/camera.d.ts +232 -3
  5. package/dist/camera.js +1 -2
  6. package/dist/camera.js.map +1 -1
  7. package/dist/carrier.d.ts +263 -0
  8. package/dist/carrier.js +272 -0
  9. package/dist/carrier.js.map +1 -0
  10. package/dist/cube.d.ts +232 -4
  11. package/dist/cube.js +1 -2
  12. package/dist/cube.js.map +1 -1
  13. package/dist/cylinder.d.ts +1 -3
  14. package/dist/cylinder.js +1 -2
  15. package/dist/cylinder.js.map +1 -1
  16. package/dist/desk.d.ts +238 -3
  17. package/dist/desk.js +1 -2
  18. package/dist/desk.js.map +1 -1
  19. package/dist/editors/index.d.ts +1 -0
  20. package/dist/editors/index.js +5 -0
  21. package/dist/editors/index.js.map +1 -1
  22. package/dist/editors/property-editor-gltf-fill-targets.d.ts +17 -0
  23. package/dist/editors/property-editor-gltf-fill-targets.js +211 -0
  24. package/dist/editors/property-editor-gltf-fill-targets.js.map +1 -0
  25. package/dist/editors/property-editor-gltf-info.js +38 -29
  26. package/dist/editors/property-editor-gltf-info.js.map +1 -1
  27. package/dist/editors/property-editor-location-increase-pattern.js +91 -95
  28. package/dist/editors/property-editor-location-increase-pattern.js.map +1 -1
  29. package/dist/effects/outline.js +1 -1
  30. package/dist/effects/outline.js.map +1 -1
  31. package/dist/ellipse.js +2 -4
  32. package/dist/ellipse.js.map +1 -1
  33. package/dist/gltf-object.d.ts +232 -3
  34. package/dist/gltf-object.js +1 -2
  35. package/dist/gltf-object.js.map +1 -1
  36. package/dist/html-overlay-element.js +3 -7
  37. package/dist/html-overlay-element.js.map +1 -1
  38. package/dist/index.d.ts +5 -17
  39. package/dist/index.js +7 -17
  40. package/dist/index.js.map +1 -1
  41. package/dist/light.d.ts +1 -2
  42. package/dist/light.js +1 -2
  43. package/dist/light.js.map +1 -1
  44. package/dist/polygon.js +2 -4
  45. package/dist/polygon.js.map +1 -1
  46. package/dist/rack-table-3d.d.ts +16 -0
  47. package/dist/rack-table-3d.js +94 -0
  48. package/dist/rack-table-3d.js.map +1 -0
  49. package/dist/rack-table-cell.d.ts +238 -3
  50. package/dist/rack-table-cell.js +44 -51
  51. package/dist/rack-table-cell.js.map +1 -1
  52. package/dist/rack-table-location.d.ts +37 -0
  53. package/dist/rack-table-location.js +227 -0
  54. package/dist/rack-table-location.js.map +1 -0
  55. package/dist/rack-table.d.ts +13 -29
  56. package/dist/rack-table.js +108 -380
  57. package/dist/rack-table.js.map +1 -1
  58. package/dist/rack.d.ts +3 -5
  59. package/dist/rack.js +7 -9
  60. package/dist/rack.js.map +1 -1
  61. package/dist/rect.js +2 -4
  62. package/dist/rect.js.map +1 -1
  63. package/dist/signal-tower.d.ts +492 -0
  64. package/dist/signal-tower.js +275 -0
  65. package/dist/signal-tower.js.map +1 -0
  66. package/dist/sphere.d.ts +1 -3
  67. package/dist/sphere.js +1 -2
  68. package/dist/sphere.js.map +1 -1
  69. package/dist/sprite.d.ts +232 -3
  70. package/dist/sprite.js +1 -2
  71. package/dist/sprite.js.map +1 -1
  72. package/dist/stock.d.ts +22 -10
  73. package/dist/stock.js +87 -81
  74. package/dist/stock.js.map +1 -1
  75. package/dist/tank.d.ts +492 -0
  76. package/dist/tank.js +312 -0
  77. package/dist/tank.js.map +1 -0
  78. package/dist/templates/carrier.d.ts +19 -0
  79. package/dist/templates/carrier.js +20 -0
  80. package/dist/templates/carrier.js.map +1 -0
  81. package/dist/templates/cube.js +1 -1
  82. package/dist/templates/cube.js.map +1 -1
  83. package/dist/templates/cylinder.js +3 -3
  84. package/dist/templates/cylinder.js.map +1 -1
  85. package/dist/templates/index.d.ts +1 -0
  86. package/dist/templates/index.js +9 -1
  87. package/dist/templates/index.js.map +1 -1
  88. package/dist/templates/signal-tower.d.ts +21 -0
  89. package/dist/templates/signal-tower.js +22 -0
  90. package/dist/templates/signal-tower.js.map +1 -0
  91. package/dist/templates/sphere.d.ts +1 -0
  92. package/dist/templates/sphere.js +5 -4
  93. package/dist/templates/sphere.js.map +1 -1
  94. package/dist/templates/tank.d.ts +21 -0
  95. package/dist/templates/tank.js +22 -0
  96. package/dist/templates/tank.js.map +1 -0
  97. package/dist/templates/vehicle.d.ts +19 -0
  98. package/dist/templates/vehicle.js +20 -0
  99. package/dist/templates/vehicle.js.map +1 -0
  100. package/dist/text.js +2 -4
  101. package/dist/text.js.map +1 -1
  102. package/dist/three-container.d.ts +11 -35
  103. package/dist/three-container.js +128 -322
  104. package/dist/three-container.js.map +1 -1
  105. package/dist/three-controls.d.ts +101 -1
  106. package/dist/three-controls.js +339 -541
  107. package/dist/three-controls.js.map +1 -1
  108. package/dist/three-space.d.ts +6 -83
  109. package/dist/three-space.js +25 -537
  110. package/dist/three-space.js.map +1 -1
  111. package/dist/threed/index.d.ts +1 -0
  112. package/dist/threed/index.js +1 -0
  113. package/dist/threed/index.js.map +1 -1
  114. package/dist/threed/interfaces.d.ts +15 -0
  115. package/dist/threed/interfaces.js +5 -0
  116. package/dist/threed/interfaces.js.map +1 -0
  117. package/dist/threed/managers/camera-manager.d.ts +14 -0
  118. package/dist/threed/managers/camera-manager.js +60 -0
  119. package/dist/threed/managers/camera-manager.js.map +1 -0
  120. package/dist/threed/managers/controls-manager.d.ts +50 -0
  121. package/dist/threed/managers/controls-manager.js +249 -0
  122. package/dist/threed/managers/controls-manager.js.map +1 -0
  123. package/dist/threed/managers/event-manager3d.d.ts +19 -0
  124. package/dist/threed/managers/event-manager3d.js +76 -0
  125. package/dist/threed/managers/event-manager3d.js.map +1 -0
  126. package/dist/threed/managers/index.d.ts +7 -0
  127. package/dist/threed/managers/index.js +7 -0
  128. package/dist/threed/managers/index.js.map +1 -0
  129. package/dist/threed/managers/light-manager.d.ts +7 -0
  130. package/dist/threed/managers/light-manager.js +37 -0
  131. package/dist/threed/managers/light-manager.js.map +1 -0
  132. package/dist/threed/managers/renderer-manager.d.ts +30 -0
  133. package/dist/threed/managers/renderer-manager.js +120 -0
  134. package/dist/threed/managers/renderer-manager.js.map +1 -0
  135. package/dist/threed/managers/scene-manager.d.ts +15 -0
  136. package/dist/threed/managers/scene-manager.js +48 -0
  137. package/dist/threed/managers/scene-manager.js.map +1 -0
  138. package/dist/threed/managers/types.d.ts +36 -0
  139. package/dist/threed/managers/types.js +2 -0
  140. package/dist/threed/managers/types.js.map +1 -0
  141. package/dist/threed/real-object-dom-element.js +11 -3
  142. package/dist/threed/real-object-dom-element.js.map +1 -1
  143. package/dist/threed/real-object-extrude.d.ts +1 -0
  144. package/dist/threed/real-object-extrude.js +7 -0
  145. package/dist/threed/real-object-extrude.js.map +1 -1
  146. package/dist/threed/real-object-gltf.js +6 -2
  147. package/dist/threed/real-object-gltf.js.map +1 -1
  148. package/dist/threed/real-object-mesh.js +4 -6
  149. package/dist/threed/real-object-mesh.js.map +1 -1
  150. package/dist/threed/real-object-registry.d.ts +7 -0
  151. package/dist/threed/real-object-registry.js +32 -0
  152. package/dist/threed/real-object-registry.js.map +1 -0
  153. package/dist/threed/real-object-scene.js +10 -5
  154. package/dist/threed/real-object-scene.js.map +1 -1
  155. package/dist/threed/real-object-sprite-2d.js.map +1 -1
  156. package/dist/threed/real-object-sprite.js +2 -0
  157. package/dist/threed/real-object-sprite.js.map +1 -1
  158. package/dist/threed/real-object-text.js +2 -0
  159. package/dist/threed/real-object-text.js.map +1 -1
  160. package/dist/threed/real-object.d.ts +3 -2
  161. package/dist/threed/real-object.js +7 -16
  162. package/dist/threed/real-object.js.map +1 -1
  163. package/dist/threed/three-dimensional-container.d.ts +1 -2
  164. package/dist/threed/three-dimensional-container.js.map +1 -1
  165. package/dist/threed/utils/dispose.d.ts +2 -0
  166. package/dist/threed/utils/dispose.js +32 -0
  167. package/dist/threed/utils/dispose.js.map +1 -0
  168. package/dist/vehicle.d.ts +248 -0
  169. package/dist/vehicle.js +133 -0
  170. package/dist/vehicle.js.map +1 -0
  171. package/dist/visualizer.d.ts +4 -5
  172. package/dist/visualizer.js +15 -28
  173. package/dist/visualizer.js.map +1 -1
  174. package/dist/wall.d.ts +232 -4
  175. package/dist/wall.js +1 -2
  176. package/dist/wall.js.map +1 -1
  177. package/icons/carrier.png +0 -0
  178. package/icons/signal-tower.png +0 -0
  179. package/icons/tank.png +0 -0
  180. package/icons/vehicle.png +0 -0
  181. package/package.json +16 -18
@@ -1,6 +1,7 @@
1
1
  export * from './common.js';
2
2
  export * from './three-dimensional-container.js';
3
3
  export * from './real-object.js';
4
+ export { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.js';
4
5
  export * from './real-object-dummy.js';
5
6
  export * from './real-object-extrude.js';
6
7
  export * from './real-object-camera.js';
@@ -1,6 +1,7 @@
1
1
  export * from './common.js';
2
2
  export * from './three-dimensional-container.js';
3
3
  export * from './real-object.js';
4
+ export { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.js';
4
5
  export * from './real-object-dummy.js';
5
6
  export * from './real-object-extrude.js';
6
7
  export * from './real-object-camera.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/threed/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kCAAkC,CAAA;AAChD,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA","sourcesContent":["export * from './common.js'\nexport * from './three-dimensional-container.js'\nexport * from './real-object.js'\nexport * from './real-object-dummy.js'\nexport * from './real-object-extrude.js'\nexport * from './real-object-camera.js'\nexport * from './real-object-dom-element.js'\nexport * from './real-object-gltf.js'\nexport * from './real-object-group.js'\nexport * from './real-object-mesh.js'\nexport * from './real-object-plane.js'\nexport * from './real-object-scene.js'\nexport * from './real-object-sprite-2d.js'\nexport * from './real-object-sprite.js'\nexport * from './real-object-text.js'\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/threed/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kCAAkC,CAAA;AAChD,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC5H,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA","sourcesContent":["export * from './common.js'\nexport * from './three-dimensional-container.js'\nexport * from './real-object.js'\nexport { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.js'\nexport * from './real-object-dummy.js'\nexport * from './real-object-extrude.js'\nexport * from './real-object-camera.js'\nexport * from './real-object-dom-element.js'\nexport * from './real-object-gltf.js'\nexport * from './real-object-group.js'\nexport * from './real-object-mesh.js'\nexport * from './real-object-plane.js'\nexport * from './real-object-scene.js'\nexport * from './real-object-sprite-2d.js'\nexport * from './real-object-sprite.js'\nexport * from './real-object-text.js'\n"]}
@@ -0,0 +1,15 @@
1
+ import type * as THREE from 'three';
2
+ import type { Component, IRealObject } from '@hatiolab/things-scene';
3
+ import type { ThreeDimensionalContainer } from './three-dimensional-container.js';
4
+ /**
5
+ * Three.js 기반 RealObject 인터페이스.
6
+ * IRealObject(things-scene, THREE-free)를 확장하여 Three.js 관련 멤버를 추가.
7
+ */
8
+ export interface IThreeRealObject extends IRealObject {
9
+ readonly object3d: THREE.Object3D;
10
+ readonly component: Component;
11
+ readonly threeContainer: ThreeDimensionalContainer | undefined;
12
+ build(): void;
13
+ updateRotate(): void;
14
+ updateScale(): void;
15
+ }
@@ -0,0 +1,5 @@
1
+ /*
2
+ * Copyright © HatioLab Inc. All rights reserved.
3
+ */
4
+ export {};
5
+ //# sourceMappingURL=interfaces.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/threed/interfaces.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport type * as THREE from 'three'\nimport type { Component, IRealObject } from '@hatiolab/things-scene'\n\nimport type { ThreeDimensionalContainer } from './three-dimensional-container.js'\n\n/**\n * Three.js 기반 RealObject 인터페이스.\n * IRealObject(things-scene, THREE-free)를 확장하여 Three.js 관련 멤버를 추가.\n */\nexport interface IThreeRealObject extends IRealObject {\n readonly object3d: THREE.Object3D\n readonly component: Component\n readonly threeContainer: ThreeDimensionalContainer | undefined\n build(): void\n updateRotate(): void\n updateScale(): void\n}\n"]}
@@ -0,0 +1,14 @@
1
+ import * as THREE from 'three';
2
+ import { CameraConfig } from './types.js';
3
+ export declare class CameraManager {
4
+ private _camera?;
5
+ private _cameraZPos;
6
+ get camera(): THREE.PerspectiveCamera | undefined;
7
+ get zoom(): number | undefined;
8
+ get cameraZPos(): number;
9
+ setup(width: number, height: number, config: CameraConfig): THREE.PerspectiveCamera;
10
+ addToScene(scene: THREE.Scene): void;
11
+ updateAspect(width: number, height: number): void;
12
+ updateProperties(config: Partial<CameraConfig>): void;
13
+ destroy(): void;
14
+ }
@@ -0,0 +1,60 @@
1
+ import * as THREE from 'three';
2
+ export class CameraManager {
3
+ constructor() {
4
+ this._cameraZPos = 0;
5
+ }
6
+ get camera() {
7
+ return this._camera;
8
+ }
9
+ get zoom() {
10
+ var _a;
11
+ return (_a = this._camera) === null || _a === void 0 ? void 0 : _a.zoom;
12
+ }
13
+ get cameraZPos() {
14
+ return this._cameraZPos;
15
+ }
16
+ setup(width, height, config) {
17
+ const { fov, near, far, zoom, cameraX, cameraY, cameraZ } = config;
18
+ const aspect = width / height;
19
+ this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
20
+ let cameraXPos = height * 0.8;
21
+ let cameraYPos = width * 0.8;
22
+ this._cameraZPos = Math.min(500, Math.floor(Math.min(width, height)));
23
+ if (cameraX != undefined)
24
+ cameraXPos = cameraX * width;
25
+ if (cameraY != undefined)
26
+ cameraYPos = cameraY * height;
27
+ if (cameraZ != undefined)
28
+ this._cameraZPos = cameraZ * Math.floor(Math.min(width, height));
29
+ this._camera.position.set(cameraXPos, this._cameraZPos, cameraYPos);
30
+ this._camera.zoom = zoom * 0.01;
31
+ return this._camera;
32
+ }
33
+ addToScene(scene) {
34
+ scene.add(this._camera);
35
+ this._camera.lookAt(scene.position);
36
+ }
37
+ updateAspect(width, height) {
38
+ if (this._camera) {
39
+ this._camera.aspect = width / height;
40
+ this._camera.updateProjectionMatrix();
41
+ }
42
+ }
43
+ updateProperties(config) {
44
+ if (!this._camera)
45
+ return;
46
+ if (config.fov !== undefined)
47
+ this._camera.fov = config.fov;
48
+ if (config.near !== undefined)
49
+ this._camera.near = config.near;
50
+ if (config.far !== undefined)
51
+ this._camera.far = config.far;
52
+ if (config.zoom !== undefined)
53
+ this._camera.zoom = config.zoom * 0.01;
54
+ this._camera.updateProjectionMatrix();
55
+ }
56
+ destroy() {
57
+ delete this._camera;
58
+ }
59
+ }
60
+ //# sourceMappingURL=camera-manager.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"camera-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/camera-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import * as THREE from 'three'\nimport { CameraConfig } from './types.js'\n\nexport class CameraManager {\n private _camera?: THREE.PerspectiveCamera\n private _cameraZPos: number = 0\n\n get camera() {\n return this._camera\n }\n\n get zoom() {\n return this._camera?.zoom\n }\n\n get cameraZPos() {\n return this._cameraZPos\n }\n\n setup(width: number, height: number, config: CameraConfig) {\n const { fov, near, far, zoom, cameraX, cameraY, cameraZ } = config\n const aspect = width / height\n\n this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far)\n\n let cameraXPos = height * 0.8\n let cameraYPos = width * 0.8\n this._cameraZPos = Math.min(500, Math.floor(Math.min(width, height)))\n\n if (cameraX != undefined) cameraXPos = cameraX * width\n if (cameraY != undefined) cameraYPos = cameraY * height\n if (cameraZ != undefined) this._cameraZPos = cameraZ * Math.floor(Math.min(width, height))\n\n this._camera.position.set(cameraXPos, this._cameraZPos, cameraYPos)\n this._camera.zoom = zoom * 0.01\n\n return this._camera\n }\n\n addToScene(scene: THREE.Scene) {\n scene.add(this._camera!)\n this._camera!.lookAt(scene.position)\n }\n\n updateAspect(width: number, height: number) {\n if (this._camera) {\n this._camera.aspect = width / height\n this._camera.updateProjectionMatrix()\n }\n }\n\n updateProperties(config: Partial<CameraConfig>) {\n if (!this._camera) return\n\n if (config.fov !== undefined) this._camera.fov = config.fov\n if (config.near !== undefined) this._camera.near = config.near\n if (config.far !== undefined) this._camera.far = config.far\n if (config.zoom !== undefined) this._camera.zoom = config.zoom * 0.01\n\n this._camera.updateProjectionMatrix()\n }\n\n destroy() {\n delete this._camera\n }\n}\n"]}
@@ -0,0 +1,50 @@
1
+ import { Component } from '@hatiolab/things-scene';
2
+ import * as THREE from 'three';
3
+ export declare class ControlsManager {
4
+ private _camera?;
5
+ private _host?;
6
+ private _state;
7
+ private _autoRotate;
8
+ private _autoRotateSpeed;
9
+ private _dampingFactor;
10
+ private _rotateSpeed;
11
+ private _panSpeed;
12
+ private _lastScale;
13
+ private _spherical;
14
+ private _sphericalDelta;
15
+ private _panOffset;
16
+ private _target;
17
+ private _target0;
18
+ private _position0;
19
+ private _rotateStart;
20
+ private _rotateEnd;
21
+ private _rotateDelta;
22
+ private _panStart;
23
+ private _panEnd;
24
+ private _panDelta;
25
+ private _offset;
26
+ private _quat;
27
+ private _quatInverse;
28
+ private _lastPosition;
29
+ private _lastQuaternion;
30
+ private _panLeftV;
31
+ private _panUpV;
32
+ private _panCalcOffset;
33
+ get isActive(): boolean;
34
+ setup(camera: THREE.Camera, host: Component): void;
35
+ onDragStart(e: DragEvent): void;
36
+ onDragMove(e: DragEvent): void;
37
+ onDragEnd(_e: DragEvent): void;
38
+ onTouchStart(e: TouchEvent): void;
39
+ onTouchMove(e: TouchEvent): void;
40
+ onTouchEnd(_e: TouchEvent): void;
41
+ onKeyDown(e: KeyboardEvent): void;
42
+ update(): boolean;
43
+ reset(): void;
44
+ setAutoRotate(enabled: boolean): void;
45
+ markCameraChanged(): void;
46
+ destroy(): void;
47
+ private _handleRotateMove;
48
+ private _handlePanMove;
49
+ private _pan;
50
+ }
@@ -0,0 +1,249 @@
1
+ import * as THREE from 'three';
2
+ const EPS = 0.000001;
3
+ export class ControlsManager {
4
+ constructor() {
5
+ this._state = 0 /* State.NONE */;
6
+ this._autoRotate = false;
7
+ this._autoRotateSpeed = 2.0;
8
+ this._dampingFactor = 0.15;
9
+ this._rotateSpeed = 0.1;
10
+ this._panSpeed = 0.25;
11
+ this._lastScale = 1;
12
+ // Spherical coordinate state
13
+ this._spherical = new THREE.Spherical();
14
+ this._sphericalDelta = new THREE.Spherical();
15
+ this._panOffset = new THREE.Vector3();
16
+ this._target = new THREE.Vector3();
17
+ // For reset
18
+ this._target0 = new THREE.Vector3();
19
+ this._position0 = new THREE.Vector3();
20
+ // Interaction tracking
21
+ this._rotateStart = new THREE.Vector2();
22
+ this._rotateEnd = new THREE.Vector2();
23
+ this._rotateDelta = new THREE.Vector2();
24
+ this._panStart = new THREE.Vector2();
25
+ this._panEnd = new THREE.Vector2();
26
+ this._panDelta = new THREE.Vector2();
27
+ // Cached for update()
28
+ this._offset = new THREE.Vector3();
29
+ this._lastPosition = new THREE.Vector3();
30
+ this._lastQuaternion = new THREE.Quaternion();
31
+ // Pan helpers
32
+ this._panLeftV = new THREE.Vector3();
33
+ this._panUpV = new THREE.Vector3();
34
+ this._panCalcOffset = new THREE.Vector3();
35
+ }
36
+ get isActive() {
37
+ return !!this._camera;
38
+ }
39
+ setup(camera, host) {
40
+ var _a;
41
+ this._camera = camera;
42
+ this._host = host;
43
+ this._target.set(0, 0, 0);
44
+ this._target0.copy(this._target);
45
+ this._position0.copy(camera.position);
46
+ this._quat = new THREE.Quaternion().setFromUnitVectors(camera.up, new THREE.Vector3(0, 1, 0));
47
+ this._quatInverse = this._quat.clone().invert();
48
+ const state = host.state;
49
+ this._autoRotate = (!((_a = host.app) === null || _a === void 0 ? void 0 : _a.isEditMode) && state.autoRotate) || false;
50
+ this._autoRotateSpeed = state.rotationSpeed || 2.0;
51
+ this.update();
52
+ }
53
+ // === Drag events (things-scene → component method) ===
54
+ onDragStart(e) {
55
+ this._autoRotate = false;
56
+ this._state = e.altKey ? 2 /* State.PAN */ : 1 /* State.ROTATE */;
57
+ if (this._state === 1 /* State.ROTATE */) {
58
+ this._rotateStart.set(e.offsetX, e.offsetY);
59
+ }
60
+ else {
61
+ this._panStart.set(e.offsetX, e.offsetY);
62
+ }
63
+ }
64
+ onDragMove(e) {
65
+ this._state = e.altKey ? 2 /* State.PAN */ : 1 /* State.ROTATE */;
66
+ if (this._state === 1 /* State.ROTATE */) {
67
+ this._handleRotateMove(e.offsetX, e.offsetY);
68
+ }
69
+ else {
70
+ this._handlePanMove(e.offsetX, e.offsetY);
71
+ }
72
+ }
73
+ onDragEnd(_e) {
74
+ var _a, _b;
75
+ this._state = 0 /* State.NONE */;
76
+ this._autoRotate = ((_a = this._host) === null || _a === void 0 ? void 0 : _a.state.autoRotate) || false;
77
+ (_b = this._host) === null || _b === void 0 ? void 0 : _b.invalidate();
78
+ }
79
+ // === Touch events ===
80
+ onTouchStart(e) {
81
+ var _a, _b;
82
+ const t0 = e.touches[0];
83
+ const x = (_a = t0.offsetX) !== null && _a !== void 0 ? _a : t0.pageX;
84
+ const y = (_b = t0.offsetY) !== null && _b !== void 0 ? _b : t0.pageY;
85
+ switch (e.touches.length) {
86
+ case 1:
87
+ this._rotateStart.set(x, y);
88
+ this._state = 3 /* State.TOUCH_ROTATE */;
89
+ break;
90
+ case 2:
91
+ this._lastScale = e.scale || 1;
92
+ this._panStart.set(x, y);
93
+ this._state = 4 /* State.TOUCH_PAN */;
94
+ break;
95
+ default:
96
+ this._state = 0 /* State.NONE */;
97
+ }
98
+ }
99
+ onTouchMove(e) {
100
+ var _a, _b;
101
+ const t0 = e.touches[0];
102
+ const x = (_a = t0.offsetX) !== null && _a !== void 0 ? _a : t0.pageX;
103
+ const y = (_b = t0.offsetY) !== null && _b !== void 0 ? _b : t0.pageY;
104
+ switch (e.touches.length) {
105
+ case 1:
106
+ if (this._state !== 3 /* State.TOUCH_ROTATE */)
107
+ return;
108
+ this._handleRotateMove(x, y);
109
+ break;
110
+ case 2:
111
+ if (Math.abs(this._lastScale - (e.scale || 1)) > 0.05)
112
+ return;
113
+ if (this._state !== 4 /* State.TOUCH_PAN */)
114
+ return;
115
+ this._handlePanMove(x, y);
116
+ break;
117
+ default:
118
+ this._state = 0 /* State.NONE */;
119
+ }
120
+ }
121
+ onTouchEnd(_e) {
122
+ this._lastScale = 1;
123
+ this._state = 0 /* State.NONE */;
124
+ }
125
+ // === Keyboard ===
126
+ onKeyDown(e) {
127
+ const speed = 7.0;
128
+ switch (e.keyCode) {
129
+ case 38: /* ArrowUp */
130
+ this._pan(0, speed);
131
+ break;
132
+ case 40: /* ArrowDown */
133
+ this._pan(0, -speed);
134
+ break;
135
+ case 37: /* ArrowLeft */
136
+ this._pan(speed, 0);
137
+ break;
138
+ case 39: /* ArrowRight */
139
+ this._pan(-speed, 0);
140
+ break;
141
+ default: return;
142
+ }
143
+ this.update();
144
+ }
145
+ // === Public API ===
146
+ update() {
147
+ var _a;
148
+ const camera = this._camera;
149
+ const position = camera.position;
150
+ this._offset.copy(position).sub(this._target);
151
+ this._offset.applyQuaternion(this._quat);
152
+ this._spherical.setFromVector3(this._offset);
153
+ this._spherical.theta += this._sphericalDelta.theta;
154
+ if (this._autoRotate && this._state === 0 /* State.NONE */) {
155
+ // autoRotateSpeed = rotations per minute, 60fps 기준
156
+ // damping의 영향을 받지 않도록 _spherical에 직접 적용
157
+ const angle = ((2 * Math.PI) / 60) * (this._autoRotateSpeed / 60);
158
+ this._spherical.theta -= angle;
159
+ }
160
+ this._spherical.phi += this._sphericalDelta.phi;
161
+ this._spherical.phi = Math.max(0, Math.min(Math.PI, this._spherical.phi));
162
+ this._spherical.makeSafe();
163
+ this._target.add(this._panOffset);
164
+ this._offset.setFromSpherical(this._spherical);
165
+ this._offset.applyQuaternion(this._quatInverse);
166
+ position.copy(this._target).add(this._offset);
167
+ camera.lookAt(this._target);
168
+ // Damping: 부드러운 감속 (드래그 중 약간의 지연, 릴리즈 후 관성)
169
+ const decay = 1 - this._dampingFactor;
170
+ this._sphericalDelta.theta *= decay;
171
+ this._sphericalDelta.phi *= decay;
172
+ this._panOffset.multiplyScalar(decay);
173
+ if (this._lastPosition.distanceToSquared(position) > EPS ||
174
+ 8 * (1 - this._lastQuaternion.dot(camera.quaternion)) > EPS) {
175
+ this._lastPosition.copy(position);
176
+ this._lastQuaternion.copy(camera.quaternion);
177
+ (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
178
+ return true;
179
+ }
180
+ return false;
181
+ }
182
+ reset() {
183
+ this._target.copy(this._target0);
184
+ this._camera.position.copy(this._position0);
185
+ this._camera.updateProjectionMatrix();
186
+ this._sphericalDelta.set(0, 0, 0);
187
+ this._panOffset.set(0, 0, 0);
188
+ this._state = 0 /* State.NONE */;
189
+ this.update();
190
+ }
191
+ setAutoRotate(enabled) {
192
+ var _a;
193
+ this._autoRotate = enabled;
194
+ (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
195
+ }
196
+ markCameraChanged() {
197
+ var _a;
198
+ (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
199
+ }
200
+ destroy() {
201
+ delete this._camera;
202
+ delete this._host;
203
+ }
204
+ // === Private: rotate / pan math ===
205
+ _handleRotateMove(x, y) {
206
+ var _a;
207
+ this._rotateEnd.set(x, y);
208
+ this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart);
209
+ const { width, height } = this._host.bounds;
210
+ this._sphericalDelta.theta -= ((2 * Math.PI * this._rotateDelta.x) / width) * this._rotateSpeed;
211
+ this._sphericalDelta.phi -= ((2 * Math.PI * this._rotateDelta.y) / height) * this._rotateSpeed;
212
+ this._rotateStart.copy(this._rotateEnd);
213
+ (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate(); // delta만 누적, 적용은 threed_animate → update()에서 1번
214
+ }
215
+ _handlePanMove(x, y) {
216
+ var _a;
217
+ this._panEnd.set(x, y);
218
+ this._panDelta.subVectors(this._panEnd, this._panStart);
219
+ this._pan(this._panDelta.x, this._panDelta.y);
220
+ this._panStart.copy(this._panEnd);
221
+ (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
222
+ }
223
+ _pan(deltaX, deltaY) {
224
+ deltaX *= this._panSpeed;
225
+ deltaY *= this._panSpeed;
226
+ const { width, height } = this._host.bounds;
227
+ const cam = this._camera;
228
+ if (cam.isPerspectiveCamera) {
229
+ this._panCalcOffset.copy(cam.position).sub(this._target);
230
+ let targetDistance = this._panCalcOffset.length();
231
+ targetDistance *= Math.tan(((cam.fov / 2) * Math.PI) / 180.0);
232
+ this._panLeftV.setFromMatrixColumn(cam.matrix, 0);
233
+ this._panLeftV.multiplyScalar((-2 * deltaX * targetDistance) / height);
234
+ this._panOffset.add(this._panLeftV);
235
+ this._panUpV.setFromMatrixColumn(cam.matrix, 1);
236
+ this._panUpV.multiplyScalar((2 * deltaY * targetDistance) / height);
237
+ this._panOffset.add(this._panUpV);
238
+ }
239
+ else if (cam.isOrthographicCamera) {
240
+ this._panLeftV.setFromMatrixColumn(cam.matrix, 0);
241
+ this._panLeftV.multiplyScalar((-deltaX * (cam.right - cam.left)) / cam.zoom / width);
242
+ this._panOffset.add(this._panLeftV);
243
+ this._panUpV.setFromMatrixColumn(cam.matrix, 1);
244
+ this._panUpV.multiplyScalar((deltaY * (cam.top - cam.bottom)) / cam.zoom / height);
245
+ this._panOffset.add(this._panUpV);
246
+ }
247
+ }
248
+ }
249
+ //# sourceMappingURL=controls-manager.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"controls-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/controls-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nconst EPS = 0.000001\n\nconst enum State {\n NONE,\n ROTATE,\n PAN,\n TOUCH_ROTATE,\n TOUCH_PAN\n}\n\nexport class ControlsManager {\n private _camera?: THREE.Camera\n private _host?: Component\n\n private _state = State.NONE\n private _autoRotate = false\n private _autoRotateSpeed = 2.0\n private _dampingFactor = 0.15\n private _rotateSpeed = 0.1\n private _panSpeed = 0.25\n private _lastScale = 1\n\n // Spherical coordinate state\n private _spherical = new THREE.Spherical()\n private _sphericalDelta = new THREE.Spherical()\n private _panOffset = new THREE.Vector3()\n private _target = new THREE.Vector3()\n\n // For reset\n private _target0 = new THREE.Vector3()\n private _position0 = new THREE.Vector3()\n\n // Interaction tracking\n private _rotateStart = new THREE.Vector2()\n private _rotateEnd = new THREE.Vector2()\n private _rotateDelta = new THREE.Vector2()\n private _panStart = new THREE.Vector2()\n private _panEnd = new THREE.Vector2()\n private _panDelta = new THREE.Vector2()\n\n // Cached for update()\n private _offset = new THREE.Vector3()\n private _quat!: THREE.Quaternion\n private _quatInverse!: THREE.Quaternion\n private _lastPosition = new THREE.Vector3()\n private _lastQuaternion = new THREE.Quaternion()\n\n // Pan helpers\n private _panLeftV = new THREE.Vector3()\n private _panUpV = new THREE.Vector3()\n private _panCalcOffset = new THREE.Vector3()\n\n get isActive(): boolean {\n return !!this._camera\n }\n\n setup(camera: THREE.Camera, host: Component) {\n this._camera = camera\n this._host = host\n\n this._target.set(0, 0, 0)\n this._target0.copy(this._target)\n this._position0.copy(camera.position)\n\n this._quat = new THREE.Quaternion().setFromUnitVectors(\n camera.up,\n new THREE.Vector3(0, 1, 0)\n )\n this._quatInverse = this._quat.clone().invert()\n\n const state = host.state\n this._autoRotate = (!host.app?.isEditMode && state.autoRotate) || false\n this._autoRotateSpeed = state.rotationSpeed || 2.0\n\n this.update()\n }\n\n // === Drag events (things-scene → component method) ===\n\n onDragStart(e: DragEvent) {\n this._autoRotate = false\n this._state = e.altKey ? State.PAN : State.ROTATE\n\n if (this._state === State.ROTATE) {\n this._rotateStart.set(e.offsetX, e.offsetY)\n } else {\n this._panStart.set(e.offsetX, e.offsetY)\n }\n }\n\n onDragMove(e: DragEvent) {\n this._state = e.altKey ? State.PAN : State.ROTATE\n\n if (this._state === State.ROTATE) {\n this._handleRotateMove(e.offsetX, e.offsetY)\n } else {\n this._handlePanMove(e.offsetX, e.offsetY)\n }\n }\n\n onDragEnd(_e: DragEvent) {\n this._state = State.NONE\n this._autoRotate = this._host?.state.autoRotate || false\n this._host?.invalidate()\n }\n\n // === Touch events ===\n\n onTouchStart(e: TouchEvent) {\n const t0 = e.touches[0]\n const x = (t0 as any).offsetX ?? t0.pageX\n const y = (t0 as any).offsetY ?? t0.pageY\n\n switch (e.touches.length) {\n case 1:\n this._rotateStart.set(x, y)\n this._state = State.TOUCH_ROTATE\n break\n case 2:\n this._lastScale = (e as any).scale || 1\n this._panStart.set(x, y)\n this._state = State.TOUCH_PAN\n break\n default:\n this._state = State.NONE\n }\n }\n\n onTouchMove(e: TouchEvent) {\n const t0 = e.touches[0]\n const x = (t0 as any).offsetX ?? t0.pageX\n const y = (t0 as any).offsetY ?? t0.pageY\n\n switch (e.touches.length) {\n case 1:\n if (this._state !== State.TOUCH_ROTATE) return\n this._handleRotateMove(x, y)\n break\n case 2:\n if (Math.abs(this._lastScale - ((e as any).scale || 1)) > 0.05) return\n if (this._state !== State.TOUCH_PAN) return\n this._handlePanMove(x, y)\n break\n default:\n this._state = State.NONE\n }\n }\n\n onTouchEnd(_e: TouchEvent) {\n this._lastScale = 1\n this._state = State.NONE\n }\n\n // === Keyboard ===\n\n onKeyDown(e: KeyboardEvent) {\n const speed = 7.0\n\n switch (e.keyCode) {\n case 38: /* ArrowUp */ this._pan(0, speed); break\n case 40: /* ArrowDown */ this._pan(0, -speed); break\n case 37: /* ArrowLeft */ this._pan(speed, 0); break\n case 39: /* ArrowRight */ this._pan(-speed, 0); break\n default: return\n }\n\n this.update()\n }\n\n // === Public API ===\n\n update(): boolean {\n const camera = this._camera!\n const position = camera.position\n\n this._offset.copy(position).sub(this._target)\n this._offset.applyQuaternion(this._quat)\n this._spherical.setFromVector3(this._offset)\n\n this._spherical.theta += this._sphericalDelta.theta\n\n if (this._autoRotate && this._state === State.NONE) {\n // autoRotateSpeed = rotations per minute, 60fps 기준\n // damping의 영향을 받지 않도록 _spherical에 직접 적용\n const angle = ((2 * Math.PI) / 60) * (this._autoRotateSpeed / 60)\n this._spherical.theta -= angle\n }\n this._spherical.phi += this._sphericalDelta.phi\n this._spherical.phi = Math.max(0, Math.min(Math.PI, this._spherical.phi))\n this._spherical.makeSafe()\n\n this._target.add(this._panOffset)\n this._offset.setFromSpherical(this._spherical)\n this._offset.applyQuaternion(this._quatInverse)\n\n position.copy(this._target).add(this._offset)\n camera.lookAt(this._target)\n\n // Damping: 부드러운 감속 (드래그 중 약간의 지연, 릴리즈 후 관성)\n const decay = 1 - this._dampingFactor\n this._sphericalDelta.theta *= decay\n this._sphericalDelta.phi *= decay\n this._panOffset.multiplyScalar(decay)\n\n if (\n this._lastPosition.distanceToSquared(position) > EPS ||\n 8 * (1 - this._lastQuaternion.dot(camera.quaternion)) > EPS\n ) {\n this._lastPosition.copy(position)\n this._lastQuaternion.copy(camera.quaternion)\n this._host?.invalidate()\n return true\n }\n return false\n }\n\n reset() {\n this._target.copy(this._target0)\n this._camera!.position.copy(this._position0)\n ;(this._camera as THREE.PerspectiveCamera).updateProjectionMatrix()\n this._sphericalDelta.set(0, 0, 0)\n this._panOffset.set(0, 0, 0)\n this._state = State.NONE\n this.update()\n }\n\n setAutoRotate(enabled: boolean) {\n this._autoRotate = enabled\n this._host?.invalidate()\n }\n\n markCameraChanged() {\n this._host?.invalidate()\n }\n\n destroy() {\n delete this._camera\n delete this._host\n }\n\n // === Private: rotate / pan math ===\n\n private _handleRotateMove(x: number, y: number) {\n this._rotateEnd.set(x, y)\n this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart)\n\n const { width, height } = this._host!.bounds\n this._sphericalDelta.theta -= ((2 * Math.PI * this._rotateDelta.x) / width) * this._rotateSpeed\n this._sphericalDelta.phi -= ((2 * Math.PI * this._rotateDelta.y) / height) * this._rotateSpeed\n\n this._rotateStart.copy(this._rotateEnd)\n this._host?.invalidate() // delta만 누적, 적용은 threed_animate → update()에서 1번\n }\n\n private _handlePanMove(x: number, y: number) {\n this._panEnd.set(x, y)\n this._panDelta.subVectors(this._panEnd, this._panStart)\n this._pan(this._panDelta.x, this._panDelta.y)\n this._panStart.copy(this._panEnd)\n this._host?.invalidate()\n }\n\n private _pan(deltaX: number, deltaY: number) {\n deltaX *= this._panSpeed\n deltaY *= this._panSpeed\n\n const { width, height } = this._host!.bounds\n const cam = this._camera as any\n\n if (cam.isPerspectiveCamera) {\n this._panCalcOffset.copy(cam.position).sub(this._target)\n let targetDistance = this._panCalcOffset.length()\n targetDistance *= Math.tan(((cam.fov / 2) * Math.PI) / 180.0)\n\n this._panLeftV.setFromMatrixColumn(cam.matrix, 0)\n this._panLeftV.multiplyScalar((-2 * deltaX * targetDistance) / height)\n this._panOffset.add(this._panLeftV)\n\n this._panUpV.setFromMatrixColumn(cam.matrix, 1)\n this._panUpV.multiplyScalar((2 * deltaY * targetDistance) / height)\n this._panOffset.add(this._panUpV)\n } else if (cam.isOrthographicCamera) {\n this._panLeftV.setFromMatrixColumn(cam.matrix, 0)\n this._panLeftV.multiplyScalar((-deltaX * (cam.right - cam.left)) / cam.zoom / width)\n this._panOffset.add(this._panLeftV)\n\n this._panUpV.setFromMatrixColumn(cam.matrix, 1)\n this._panUpV.multiplyScalar((deltaY * (cam.top - cam.bottom)) / cam.zoom / height)\n this._panOffset.add(this._panUpV)\n }\n }\n}\n"]}
@@ -0,0 +1,19 @@
1
+ import * as THREE from 'three';
2
+ import type { IThreeRealObject } from '../interfaces.js';
3
+ export declare class EventManager3D {
4
+ private _mouse;
5
+ private _raycaster;
6
+ private _lastFocused?;
7
+ private _lastHovered?;
8
+ get mouse(): THREE.Vector2;
9
+ get lastFocused(): IThreeRealObject | undefined;
10
+ set lastFocused(value: IThreeRealObject | undefined);
11
+ get lastHovered(): IThreeRealObject | undefined;
12
+ set lastHovered(value: IThreeRealObject | undefined);
13
+ updateMouseNDC(px: number, py: number, left: number, top: number, width: number, height: number): void;
14
+ getObjectByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Object3D | undefined;
15
+ getObjectsByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Intersection[];
16
+ handleClick(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent): IThreeRealObject | undefined;
17
+ handleHover(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent): void;
18
+ destroy(): void;
19
+ }
@@ -0,0 +1,76 @@
1
+ import * as THREE from 'three';
2
+ export class EventManager3D {
3
+ constructor() {
4
+ this._mouse = new THREE.Vector2();
5
+ this._raycaster = new THREE.Raycaster();
6
+ }
7
+ get mouse() {
8
+ return this._mouse;
9
+ }
10
+ get lastFocused() {
11
+ return this._lastFocused;
12
+ }
13
+ set lastFocused(value) {
14
+ this._lastFocused = value;
15
+ }
16
+ get lastHovered() {
17
+ return this._lastHovered;
18
+ }
19
+ set lastHovered(value) {
20
+ this._lastHovered = value;
21
+ }
22
+ updateMouseNDC(px, py, left, top, width, height) {
23
+ this._mouse.x = ((px - left) / width) * 2 - 1;
24
+ this._mouse.y = -((py - top) / height) * 2 + 1;
25
+ }
26
+ getObjectByRaycast(camera, scene) {
27
+ const intersects = this.getObjectsByRaycast(camera, scene);
28
+ if (intersects && intersects.length > 0) {
29
+ let object = intersects[0].object;
30
+ while (object) {
31
+ if (object.userData.context) {
32
+ return object;
33
+ }
34
+ object = object.parent;
35
+ }
36
+ }
37
+ }
38
+ getObjectsByRaycast(camera, scene) {
39
+ this._raycaster.setFromCamera(this._mouse, camera);
40
+ return this._raycaster.intersectObjects(scene.children, true);
41
+ }
42
+ handleClick(camera, scene, event) {
43
+ var _a;
44
+ if (this._lastFocused) {
45
+ this._lastFocused.focused = false;
46
+ }
47
+ const object = this.getObjectByRaycast(camera, scene);
48
+ const realObject = object === null || object === void 0 ? void 0 : object.userData.context;
49
+ if (realObject) {
50
+ realObject.focused = true;
51
+ this._lastFocused = realObject;
52
+ (_a = realObject.component) === null || _a === void 0 ? void 0 : _a.trigger('click', event);
53
+ }
54
+ return realObject;
55
+ }
56
+ handleHover(camera, scene, event) {
57
+ var _a, _b;
58
+ const object = this.getObjectByRaycast(camera, scene);
59
+ const realObject = object === null || object === void 0 ? void 0 : object.userData.context;
60
+ if (realObject !== this._lastHovered) {
61
+ if (this._lastHovered) {
62
+ (_a = this._lastHovered.component) === null || _a === void 0 ? void 0 : _a.trigger('mouseleave', event);
63
+ this._lastHovered = undefined;
64
+ }
65
+ if (realObject) {
66
+ this._lastHovered = realObject;
67
+ (_b = this._lastHovered.component) === null || _b === void 0 ? void 0 : _b.trigger('mouseenter', event);
68
+ }
69
+ }
70
+ }
71
+ destroy() {
72
+ this._lastFocused = undefined;
73
+ this._lastHovered = undefined;
74
+ }
75
+ }
76
+ //# sourceMappingURL=event-manager3d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"event-manager3d.js","sourceRoot":"","sources":["../../../src/threed/managers/event-manager3d.ts"],"names":[],"mappings":"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","sourcesContent":["import * as THREE from 'three'\nimport type { IThreeRealObject } from '../interfaces.js'\n\nexport class EventManager3D {\n private _mouse = new THREE.Vector2()\n private _raycaster = new THREE.Raycaster()\n private _lastFocused?: IThreeRealObject\n private _lastHovered?: IThreeRealObject\n\n get mouse() {\n return this._mouse\n }\n\n get lastFocused() {\n return this._lastFocused\n }\n\n set lastFocused(value: IThreeRealObject | undefined) {\n this._lastFocused = value\n }\n\n get lastHovered() {\n return this._lastHovered\n }\n\n set lastHovered(value: IThreeRealObject | undefined) {\n this._lastHovered = value\n }\n\n updateMouseNDC(px: number, py: number, left: number, top: number, width: number, height: number) {\n this._mouse.x = ((px - left) / width) * 2 - 1\n this._mouse.y = -((py - top) / height) * 2 + 1\n }\n\n getObjectByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Object3D | undefined {\n const intersects = this.getObjectsByRaycast(camera, scene)\n\n if (intersects && intersects.length > 0) {\n let object: THREE.Object3D | null = intersects[0].object\n while (object) {\n if (object.userData.context) {\n return object\n }\n object = object.parent\n }\n }\n }\n\n getObjectsByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Intersection[] {\n this._raycaster.setFromCamera(this._mouse, camera)\n return this._raycaster.intersectObjects(scene.children, true)\n }\n\n handleClick(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent): IThreeRealObject | undefined {\n if (this._lastFocused) {\n this._lastFocused.focused = false\n }\n\n const object = this.getObjectByRaycast(camera, scene)\n const realObject = object?.userData.context as IThreeRealObject | undefined\n\n if (realObject) {\n realObject.focused = true\n this._lastFocused = realObject\n realObject.component?.trigger('click', event)\n }\n\n return realObject\n }\n\n handleHover(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent) {\n const object = this.getObjectByRaycast(camera, scene)\n const realObject = object?.userData.context as IThreeRealObject | undefined\n\n if (realObject !== this._lastHovered) {\n if (this._lastHovered) {\n this._lastHovered.component?.trigger('mouseleave', event)\n this._lastHovered = undefined\n }\n\n if (realObject) {\n this._lastHovered = realObject\n this._lastHovered.component?.trigger('mouseenter', event)\n }\n }\n }\n\n destroy() {\n this._lastFocused = undefined\n this._lastHovered = undefined\n }\n}\n"]}
@@ -0,0 +1,7 @@
1
+ export { SceneManager } from './scene-manager.js';
2
+ export { CameraManager } from './camera-manager.js';
3
+ export { RendererManager } from './renderer-manager.js';
4
+ export { LightManager } from './light-manager.js';
5
+ export { ControlsManager } from './controls-manager.js';
6
+ export { EventManager3D } from './event-manager3d.js';
7
+ export type { CameraConfig, RendererConfig, LightingConfig } from './types.js';
@@ -0,0 +1,7 @@
1
+ export { SceneManager } from './scene-manager.js';
2
+ export { CameraManager } from './camera-manager.js';
3
+ export { RendererManager } from './renderer-manager.js';
4
+ export { LightManager } from './light-manager.js';
5
+ export { ControlsManager } from './controls-manager.js';
6
+ export { EventManager3D } from './event-manager3d.js';
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threed/managers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA","sourcesContent":["export { SceneManager } from './scene-manager.js'\nexport { CameraManager } from './camera-manager.js'\nexport { RendererManager } from './renderer-manager.js'\nexport { LightManager } from './light-manager.js'\nexport { ControlsManager } from './controls-manager.js'\nexport { EventManager3D } from './event-manager3d.js'\nexport type { CameraConfig, RendererConfig, LightingConfig } from './types.js'\n"]}
@@ -0,0 +1,7 @@
1
+ import * as THREE from 'three';
2
+ import { LightingConfig } from './types.js';
3
+ export declare class LightManager {
4
+ private lights;
5
+ setup(scene: THREE.Scene, camera: THREE.Camera, config: LightingConfig): void;
6
+ destroy(): void;
7
+ }