@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.
- package/dist/banner.d.ts +232 -3
- package/dist/banner.js +1 -2
- package/dist/banner.js.map +1 -1
- package/dist/camera.d.ts +232 -3
- package/dist/camera.js +1 -2
- package/dist/camera.js.map +1 -1
- package/dist/carrier.d.ts +263 -0
- package/dist/carrier.js +272 -0
- package/dist/carrier.js.map +1 -0
- package/dist/cube.d.ts +232 -4
- package/dist/cube.js +1 -2
- package/dist/cube.js.map +1 -1
- package/dist/cylinder.d.ts +1 -3
- package/dist/cylinder.js +1 -2
- package/dist/cylinder.js.map +1 -1
- package/dist/desk.d.ts +238 -3
- package/dist/desk.js +1 -2
- package/dist/desk.js.map +1 -1
- package/dist/editors/index.d.ts +1 -0
- package/dist/editors/index.js +5 -0
- package/dist/editors/index.js.map +1 -1
- package/dist/editors/property-editor-gltf-fill-targets.d.ts +17 -0
- package/dist/editors/property-editor-gltf-fill-targets.js +211 -0
- package/dist/editors/property-editor-gltf-fill-targets.js.map +1 -0
- package/dist/editors/property-editor-gltf-info.js +38 -29
- package/dist/editors/property-editor-gltf-info.js.map +1 -1
- package/dist/editors/property-editor-location-increase-pattern.js +91 -95
- package/dist/editors/property-editor-location-increase-pattern.js.map +1 -1
- package/dist/effects/outline.js +1 -1
- package/dist/effects/outline.js.map +1 -1
- package/dist/ellipse.js +2 -4
- package/dist/ellipse.js.map +1 -1
- package/dist/gltf-object.d.ts +232 -3
- package/dist/gltf-object.js +1 -2
- package/dist/gltf-object.js.map +1 -1
- package/dist/html-overlay-element.js +3 -7
- package/dist/html-overlay-element.js.map +1 -1
- package/dist/index.d.ts +5 -17
- package/dist/index.js +7 -17
- package/dist/index.js.map +1 -1
- package/dist/light.d.ts +1 -2
- package/dist/light.js +1 -2
- package/dist/light.js.map +1 -1
- package/dist/polygon.js +2 -4
- package/dist/polygon.js.map +1 -1
- package/dist/rack-table-3d.d.ts +16 -0
- package/dist/rack-table-3d.js +94 -0
- package/dist/rack-table-3d.js.map +1 -0
- package/dist/rack-table-cell.d.ts +238 -3
- package/dist/rack-table-cell.js +44 -51
- package/dist/rack-table-cell.js.map +1 -1
- package/dist/rack-table-location.d.ts +37 -0
- package/dist/rack-table-location.js +227 -0
- package/dist/rack-table-location.js.map +1 -0
- package/dist/rack-table.d.ts +13 -29
- package/dist/rack-table.js +108 -380
- package/dist/rack-table.js.map +1 -1
- package/dist/rack.d.ts +3 -5
- package/dist/rack.js +7 -9
- package/dist/rack.js.map +1 -1
- package/dist/rect.js +2 -4
- package/dist/rect.js.map +1 -1
- package/dist/signal-tower.d.ts +492 -0
- package/dist/signal-tower.js +275 -0
- package/dist/signal-tower.js.map +1 -0
- package/dist/sphere.d.ts +1 -3
- package/dist/sphere.js +1 -2
- package/dist/sphere.js.map +1 -1
- package/dist/sprite.d.ts +232 -3
- package/dist/sprite.js +1 -2
- package/dist/sprite.js.map +1 -1
- package/dist/stock.d.ts +22 -10
- package/dist/stock.js +87 -81
- package/dist/stock.js.map +1 -1
- package/dist/tank.d.ts +492 -0
- package/dist/tank.js +312 -0
- package/dist/tank.js.map +1 -0
- package/dist/templates/carrier.d.ts +19 -0
- package/dist/templates/carrier.js +20 -0
- package/dist/templates/carrier.js.map +1 -0
- package/dist/templates/cube.js +1 -1
- package/dist/templates/cube.js.map +1 -1
- package/dist/templates/cylinder.js +3 -3
- package/dist/templates/cylinder.js.map +1 -1
- package/dist/templates/index.d.ts +1 -0
- package/dist/templates/index.js +9 -1
- package/dist/templates/index.js.map +1 -1
- package/dist/templates/signal-tower.d.ts +21 -0
- package/dist/templates/signal-tower.js +22 -0
- package/dist/templates/signal-tower.js.map +1 -0
- package/dist/templates/sphere.d.ts +1 -0
- package/dist/templates/sphere.js +5 -4
- package/dist/templates/sphere.js.map +1 -1
- package/dist/templates/tank.d.ts +21 -0
- package/dist/templates/tank.js +22 -0
- package/dist/templates/tank.js.map +1 -0
- package/dist/templates/vehicle.d.ts +19 -0
- package/dist/templates/vehicle.js +20 -0
- package/dist/templates/vehicle.js.map +1 -0
- package/dist/text.js +2 -4
- package/dist/text.js.map +1 -1
- package/dist/three-container.d.ts +11 -35
- package/dist/three-container.js +128 -322
- package/dist/three-container.js.map +1 -1
- package/dist/three-controls.d.ts +101 -1
- package/dist/three-controls.js +339 -541
- package/dist/three-controls.js.map +1 -1
- package/dist/three-space.d.ts +6 -83
- package/dist/three-space.js +25 -537
- package/dist/three-space.js.map +1 -1
- package/dist/threed/index.d.ts +1 -0
- package/dist/threed/index.js +1 -0
- package/dist/threed/index.js.map +1 -1
- package/dist/threed/interfaces.d.ts +15 -0
- package/dist/threed/interfaces.js +5 -0
- package/dist/threed/interfaces.js.map +1 -0
- package/dist/threed/managers/camera-manager.d.ts +14 -0
- package/dist/threed/managers/camera-manager.js +60 -0
- package/dist/threed/managers/camera-manager.js.map +1 -0
- package/dist/threed/managers/controls-manager.d.ts +50 -0
- package/dist/threed/managers/controls-manager.js +249 -0
- package/dist/threed/managers/controls-manager.js.map +1 -0
- package/dist/threed/managers/event-manager3d.d.ts +19 -0
- package/dist/threed/managers/event-manager3d.js +76 -0
- package/dist/threed/managers/event-manager3d.js.map +1 -0
- package/dist/threed/managers/index.d.ts +7 -0
- package/dist/threed/managers/index.js +7 -0
- package/dist/threed/managers/index.js.map +1 -0
- package/dist/threed/managers/light-manager.d.ts +7 -0
- package/dist/threed/managers/light-manager.js +37 -0
- package/dist/threed/managers/light-manager.js.map +1 -0
- package/dist/threed/managers/renderer-manager.d.ts +30 -0
- package/dist/threed/managers/renderer-manager.js +120 -0
- package/dist/threed/managers/renderer-manager.js.map +1 -0
- package/dist/threed/managers/scene-manager.d.ts +15 -0
- package/dist/threed/managers/scene-manager.js +48 -0
- package/dist/threed/managers/scene-manager.js.map +1 -0
- package/dist/threed/managers/types.d.ts +36 -0
- package/dist/threed/managers/types.js +2 -0
- package/dist/threed/managers/types.js.map +1 -0
- package/dist/threed/real-object-dom-element.js +11 -3
- package/dist/threed/real-object-dom-element.js.map +1 -1
- package/dist/threed/real-object-extrude.d.ts +1 -0
- package/dist/threed/real-object-extrude.js +7 -0
- package/dist/threed/real-object-extrude.js.map +1 -1
- package/dist/threed/real-object-gltf.js +6 -2
- package/dist/threed/real-object-gltf.js.map +1 -1
- package/dist/threed/real-object-mesh.js +4 -6
- package/dist/threed/real-object-mesh.js.map +1 -1
- package/dist/threed/real-object-registry.d.ts +7 -0
- package/dist/threed/real-object-registry.js +32 -0
- package/dist/threed/real-object-registry.js.map +1 -0
- package/dist/threed/real-object-scene.js +10 -5
- package/dist/threed/real-object-scene.js.map +1 -1
- package/dist/threed/real-object-sprite-2d.js.map +1 -1
- package/dist/threed/real-object-sprite.js +2 -0
- package/dist/threed/real-object-sprite.js.map +1 -1
- package/dist/threed/real-object-text.js +2 -0
- package/dist/threed/real-object-text.js.map +1 -1
- package/dist/threed/real-object.d.ts +3 -2
- package/dist/threed/real-object.js +7 -16
- package/dist/threed/real-object.js.map +1 -1
- package/dist/threed/three-dimensional-container.d.ts +1 -2
- package/dist/threed/three-dimensional-container.js.map +1 -1
- package/dist/threed/utils/dispose.d.ts +2 -0
- package/dist/threed/utils/dispose.js +32 -0
- package/dist/threed/utils/dispose.js.map +1 -0
- package/dist/vehicle.d.ts +248 -0
- package/dist/vehicle.js +133 -0
- package/dist/vehicle.js.map +1 -0
- package/dist/visualizer.d.ts +4 -5
- package/dist/visualizer.js +15 -28
- package/dist/visualizer.js.map +1 -1
- package/dist/wall.d.ts +232 -4
- package/dist/wall.js +1 -2
- package/dist/wall.js.map +1 -1
- package/icons/carrier.png +0 -0
- package/icons/signal-tower.png +0 -0
- package/icons/tank.png +0 -0
- package/icons/vehicle.png +0 -0
- package/package.json +16 -18
package/dist/threed/index.d.ts
CHANGED
|
@@ -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';
|
package/dist/threed/index.js
CHANGED
|
@@ -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';
|
package/dist/threed/index.js.map
CHANGED
|
@@ -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 @@
|
|
|
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"]}
|