@p100-web/core-three 100.0.60
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/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/pcomponents.d.ts +23 -0
- package/dist/pcomponents.d.ts.map +1 -0
- package/dist/pcomponents.js +29 -0
- package/dist/pcomponents.js.map +1 -0
- package/dist/src/App.d.ts +40 -0
- package/dist/src/App.d.ts.map +1 -0
- package/dist/src/App.js +171 -0
- package/dist/src/App.js.map +1 -0
- package/dist/src/ComponentFactory.d.ts +5 -0
- package/dist/src/ComponentFactory.d.ts.map +1 -0
- package/dist/src/ComponentFactory.js +17 -0
- package/dist/src/ComponentFactory.js.map +1 -0
- package/dist/src/PCanvas.d.ts +171 -0
- package/dist/src/PCanvas.d.ts.map +1 -0
- package/dist/src/PCanvas.js +992 -0
- package/dist/src/PCanvas.js.map +1 -0
- package/dist/src/ThreeEngine.d.ts +25 -0
- package/dist/src/ThreeEngine.d.ts.map +1 -0
- package/dist/src/ThreeEngine.js +102 -0
- package/dist/src/ThreeEngine.js.map +1 -0
- package/dist/src/ThreeNodeRenderer.d.ts +32 -0
- package/dist/src/ThreeNodeRenderer.d.ts.map +1 -0
- package/dist/src/ThreeNodeRenderer.js +87 -0
- package/dist/src/ThreeNodeRenderer.js.map +1 -0
- package/dist/src/media/AudioLoader.d.ts +32 -0
- package/dist/src/media/AudioLoader.d.ts.map +1 -0
- package/dist/src/media/AudioLoader.js +110 -0
- package/dist/src/media/AudioLoader.js.map +1 -0
- package/dist/src/media/EnvironmentLoader.d.ts +40 -0
- package/dist/src/media/EnvironmentLoader.d.ts.map +1 -0
- package/dist/src/media/EnvironmentLoader.js +120 -0
- package/dist/src/media/EnvironmentLoader.js.map +1 -0
- package/dist/src/media/ImageLoader.d.ts +36 -0
- package/dist/src/media/ImageLoader.d.ts.map +1 -0
- package/dist/src/media/ImageLoader.js +160 -0
- package/dist/src/media/ImageLoader.js.map +1 -0
- package/dist/src/media/MediaLoader.d.ts +14 -0
- package/dist/src/media/MediaLoader.d.ts.map +1 -0
- package/dist/src/media/MediaLoader.js +70 -0
- package/dist/src/media/MediaLoader.js.map +1 -0
- package/dist/src/media/ModelLoader.d.ts +49 -0
- package/dist/src/media/ModelLoader.d.ts.map +1 -0
- package/dist/src/media/ModelLoader.js +223 -0
- package/dist/src/media/ModelLoader.js.map +1 -0
- package/dist/src/media/VideoLoader.d.ts +35 -0
- package/dist/src/media/VideoLoader.d.ts.map +1 -0
- package/dist/src/media/VideoLoader.js +105 -0
- package/dist/src/media/VideoLoader.js.map +1 -0
- package/dist/src/pcomponents/PAnimator.d.ts +24 -0
- package/dist/src/pcomponents/PAnimator.d.ts.map +1 -0
- package/dist/src/pcomponents/PAnimator.js +129 -0
- package/dist/src/pcomponents/PAnimator.js.map +1 -0
- package/dist/src/pcomponents/PBasicMaterial.d.ts +17 -0
- package/dist/src/pcomponents/PBasicMaterial.d.ts.map +1 -0
- package/dist/src/pcomponents/PBasicMaterial.js +142 -0
- package/dist/src/pcomponents/PBasicMaterial.js.map +1 -0
- package/dist/src/pcomponents/PCollider.d.ts +11 -0
- package/dist/src/pcomponents/PCollider.d.ts.map +1 -0
- package/dist/src/pcomponents/PCollider.js +61 -0
- package/dist/src/pcomponents/PCollider.js.map +1 -0
- package/dist/src/pcomponents/PCubeGeometry.d.ts +8 -0
- package/dist/src/pcomponents/PCubeGeometry.d.ts.map +1 -0
- package/dist/src/pcomponents/PCubeGeometry.js +23 -0
- package/dist/src/pcomponents/PCubeGeometry.js.map +1 -0
- package/dist/src/pcomponents/PEnvironment.d.ts +14 -0
- package/dist/src/pcomponents/PEnvironment.d.ts.map +1 -0
- package/dist/src/pcomponents/PEnvironment.js +86 -0
- package/dist/src/pcomponents/PEnvironment.js.map +1 -0
- package/dist/src/pcomponents/PImageBackground.d.ts +14 -0
- package/dist/src/pcomponents/PImageBackground.d.ts.map +1 -0
- package/dist/src/pcomponents/PImageBackground.js +85 -0
- package/dist/src/pcomponents/PImageBackground.js.map +1 -0
- package/dist/src/pcomponents/PLight.d.ts +8 -0
- package/dist/src/pcomponents/PLight.d.ts.map +1 -0
- package/dist/src/pcomponents/PLight.js +22 -0
- package/dist/src/pcomponents/PLight.js.map +1 -0
- package/dist/src/pcomponents/PLightDirectional.d.ts +8 -0
- package/dist/src/pcomponents/PLightDirectional.d.ts.map +1 -0
- package/dist/src/pcomponents/PLightDirectional.js +36 -0
- package/dist/src/pcomponents/PLightDirectional.js.map +1 -0
- package/dist/src/pcomponents/PMaskedMaterial.d.ts +17 -0
- package/dist/src/pcomponents/PMaskedMaterial.d.ts.map +1 -0
- package/dist/src/pcomponents/PMaskedMaterial.js +214 -0
- package/dist/src/pcomponents/PMaskedMaterial.js.map +1 -0
- package/dist/src/pcomponents/PModelGLTF.d.ts +18 -0
- package/dist/src/pcomponents/PModelGLTF.d.ts.map +1 -0
- package/dist/src/pcomponents/PModelGLTF.js +98 -0
- package/dist/src/pcomponents/PModelGLTF.js.map +1 -0
- package/dist/src/pcomponents/PPhysicalMaterial.d.ts +13 -0
- package/dist/src/pcomponents/PPhysicalMaterial.d.ts.map +1 -0
- package/dist/src/pcomponents/PPhysicalMaterial.js +106 -0
- package/dist/src/pcomponents/PPhysicalMaterial.js.map +1 -0
- package/dist/src/pcomponents/PPlaneGeometry.d.ts +8 -0
- package/dist/src/pcomponents/PPlaneGeometry.d.ts.map +1 -0
- package/dist/src/pcomponents/PPlaneGeometry.js +23 -0
- package/dist/src/pcomponents/PPlaneGeometry.js.map +1 -0
- package/dist/src/pcomponents/PProjectRoot.d.ts +8 -0
- package/dist/src/pcomponents/PProjectRoot.d.ts.map +1 -0
- package/dist/src/pcomponents/PProjectRoot.js +24 -0
- package/dist/src/pcomponents/PProjectRoot.js.map +1 -0
- package/dist/src/pcomponents/PSlider.d.ts +16 -0
- package/dist/src/pcomponents/PSlider.d.ts.map +1 -0
- package/dist/src/pcomponents/PSlider.js +69 -0
- package/dist/src/pcomponents/PSlider.js.map +1 -0
- package/dist/src/pcomponents/PSound.d.ts +17 -0
- package/dist/src/pcomponents/PSound.d.ts.map +1 -0
- package/dist/src/pcomponents/PSound.js +110 -0
- package/dist/src/pcomponents/PSound.js.map +1 -0
- package/dist/src/pcomponents/PSphereGeometry.d.ts +9 -0
- package/dist/src/pcomponents/PSphereGeometry.d.ts.map +1 -0
- package/dist/src/pcomponents/PSphereGeometry.js +24 -0
- package/dist/src/pcomponents/PSphereGeometry.js.map +1 -0
- package/dist/src/pcomponents/PSprite.d.ts +14 -0
- package/dist/src/pcomponents/PSprite.d.ts.map +1 -0
- package/dist/src/pcomponents/PSprite.js +79 -0
- package/dist/src/pcomponents/PSprite.js.map +1 -0
- package/dist/src/pcomponents/PSpriteAnimation.d.ts +15 -0
- package/dist/src/pcomponents/PSpriteAnimation.d.ts.map +1 -0
- package/dist/src/pcomponents/PSpriteAnimation.js +80 -0
- package/dist/src/pcomponents/PSpriteAnimation.js.map +1 -0
- package/dist/src/pcomponents/PText.d.ts +10 -0
- package/dist/src/pcomponents/PText.d.ts.map +1 -0
- package/dist/src/pcomponents/PText.js +44 -0
- package/dist/src/pcomponents/PText.js.map +1 -0
- package/dist/src/pcomponents/PVideoBackground.d.ts +13 -0
- package/dist/src/pcomponents/PVideoBackground.d.ts.map +1 -0
- package/dist/src/pcomponents/PVideoBackground.js +85 -0
- package/dist/src/pcomponents/PVideoBackground.js.map +1 -0
- package/dist/src/pcomponents/PVideoPlayer.d.ts +5 -0
- package/dist/src/pcomponents/PVideoPlayer.d.ts.map +1 -0
- package/dist/src/pcomponents/PVideoPlayer.js +12 -0
- package/dist/src/pcomponents/PVideoPlayer.js.map +1 -0
- package/dist/src/postprocessing/PSSRPass.d.ts +19 -0
- package/dist/src/postprocessing/PSSRPass.d.ts.map +1 -0
- package/dist/src/postprocessing/PSSRPass.js +69 -0
- package/dist/src/postprocessing/PSSRPass.js.map +1 -0
- package/dist/src/postprocessing/ThreeJsPostProcessor.d.ts +32 -0
- package/dist/src/postprocessing/ThreeJsPostProcessor.d.ts.map +1 -0
- package/dist/src/postprocessing/ThreeJsPostProcessor.js +264 -0
- package/dist/src/postprocessing/ThreeJsPostProcessor.js.map +1 -0
- package/dist/src/three/ColliderObject3D.d.ts +19 -0
- package/dist/src/three/ColliderObject3D.d.ts.map +1 -0
- package/dist/src/three/ColliderObject3D.js +146 -0
- package/dist/src/three/ColliderObject3D.js.map +1 -0
- package/dist/src/three/FreeCameraControls.d.ts +30 -0
- package/dist/src/three/FreeCameraControls.d.ts.map +1 -0
- package/dist/src/three/FreeCameraControls.js +158 -0
- package/dist/src/three/FreeCameraControls.js.map +1 -0
- package/dist/src/three/OrbitCameraControls.d.ts +24 -0
- package/dist/src/three/OrbitCameraControls.d.ts.map +1 -0
- package/dist/src/three/OrbitCameraControls.js +81 -0
- package/dist/src/three/OrbitCameraControls.js.map +1 -0
- package/dist/src/three/VrCameraControls.d.ts +28 -0
- package/dist/src/three/VrCameraControls.d.ts.map +1 -0
- package/dist/src/three/VrCameraControls.js +124 -0
- package/dist/src/three/VrCameraControls.js.map +1 -0
- package/package.json +27 -0
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import { Matrix4, Vector3 } from "three";
|
|
2
|
+
import { PVector3, Workers, } from "@p100-web/core";
|
|
3
|
+
export default class FreeCameraControls {
|
|
4
|
+
constructor(context, pcanvas, position, target) {
|
|
5
|
+
this.button = 0;
|
|
6
|
+
this.enabled = false;
|
|
7
|
+
this.target = new PVector3(null);
|
|
8
|
+
//
|
|
9
|
+
// EditorCameraControls
|
|
10
|
+
//
|
|
11
|
+
this.onDomElementExit = () => {
|
|
12
|
+
if (!this.enabled)
|
|
13
|
+
true;
|
|
14
|
+
if (this.button > 0) {
|
|
15
|
+
this.onPointerUp();
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
this.onContextMenu = (event) => {
|
|
19
|
+
event.stopPropagation();
|
|
20
|
+
event.preventDefault();
|
|
21
|
+
if (this.enabled === false)
|
|
22
|
+
return;
|
|
23
|
+
event.preventDefault();
|
|
24
|
+
};
|
|
25
|
+
this.onWheel = (event) => {
|
|
26
|
+
if (!this.enabled || !this.camera)
|
|
27
|
+
return;
|
|
28
|
+
event.preventDefault();
|
|
29
|
+
if (event.deltaY !== 0) {
|
|
30
|
+
const multiplier = event.ctrlKey ? 0.1 : 1;
|
|
31
|
+
const localMove = new Vector3(0, 0, event.deltaY / 200);
|
|
32
|
+
const matrix = new Matrix4();
|
|
33
|
+
matrix.copy(this.camera.matrixWorld);
|
|
34
|
+
matrix.setPosition(new Vector3());
|
|
35
|
+
localMove.applyMatrix4(matrix);
|
|
36
|
+
const speed = Math.max(this.camera.position.distanceTo(_ZERO) * 0.25, 0.1) *
|
|
37
|
+
multiplier;
|
|
38
|
+
localMove.multiplyScalar(speed);
|
|
39
|
+
this.camera.position.add(localMove);
|
|
40
|
+
this.context.snooze();
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
this.onPointerDown = (event) => {
|
|
44
|
+
event.preventDefault();
|
|
45
|
+
if (!this.enabled)
|
|
46
|
+
return;
|
|
47
|
+
if (event.button === 1 || event.button === 2) {
|
|
48
|
+
this.button = event.button + 1;
|
|
49
|
+
if (!this._wasWorking) {
|
|
50
|
+
this._wasWorking = true;
|
|
51
|
+
this.context.setWorkFlag(Workers.CameraControls);
|
|
52
|
+
}
|
|
53
|
+
document.body.addEventListener("pointermove", this.onPointerMove);
|
|
54
|
+
document.body.addEventListener("pointerup", this.onPointerUp);
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
this.button = 0;
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
this.onPointerUp = () => {
|
|
61
|
+
if (!this.enabled)
|
|
62
|
+
return;
|
|
63
|
+
this.button = 0;
|
|
64
|
+
document.body.removeEventListener("pointermove", this.onPointerMove);
|
|
65
|
+
document.body.removeEventListener("pointerup", this.onPointerUp);
|
|
66
|
+
if (this._wasWorking) {
|
|
67
|
+
this.context.clearWorkFlag(Workers.CameraControls);
|
|
68
|
+
this._wasWorking = false;
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
this._wasWorking = false;
|
|
72
|
+
this.onPointerMove = (event) => {
|
|
73
|
+
if (!this.enabled || !this.camera)
|
|
74
|
+
return;
|
|
75
|
+
if (this.button === 3) {
|
|
76
|
+
this.camera.rotateOnAxis(_SIDES, -event.movementY / 250);
|
|
77
|
+
this.camera.rotateOnWorldAxis(_UP, -event.movementX / 250);
|
|
78
|
+
}
|
|
79
|
+
else if (this.button === 2) {
|
|
80
|
+
const localMove = new Vector3(-event.movementX / 100, event.movementY / 100, 0);
|
|
81
|
+
const matrix = new Matrix4();
|
|
82
|
+
matrix.copy(this.camera.matrixWorld);
|
|
83
|
+
matrix.setPosition(new Vector3());
|
|
84
|
+
localMove.applyMatrix4(matrix);
|
|
85
|
+
const speed = Math.max(this.camera.position.distanceTo(_ZERO) * 0.25, 0.1);
|
|
86
|
+
localMove.multiplyScalar(speed);
|
|
87
|
+
this.camera.position.add(localMove);
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
this.camera = pcanvas.getThreeCamera();
|
|
91
|
+
this.canvasElement = pcanvas.getCanvasElement();
|
|
92
|
+
this.context = context;
|
|
93
|
+
if (!this.canvasElement?.parentElement)
|
|
94
|
+
throw new Error("Missing parent");
|
|
95
|
+
this.domElement = this.canvasElement.parentElement;
|
|
96
|
+
// Always add listeners
|
|
97
|
+
this.domElement.addEventListener("contextmenu", this.onContextMenu);
|
|
98
|
+
this.domElement.addEventListener("pointerdown", this.onPointerDown);
|
|
99
|
+
this.domElement.addEventListener("pointercancel", this.onPointerUp);
|
|
100
|
+
this.domElement.addEventListener("wheel", this.onWheel);
|
|
101
|
+
document.body.addEventListener("mouseleave", this.onDomElementExit);
|
|
102
|
+
// Set start position
|
|
103
|
+
this.setPosition(position);
|
|
104
|
+
this.setTarget(target);
|
|
105
|
+
this.lookAtTarget();
|
|
106
|
+
this.enable();
|
|
107
|
+
}
|
|
108
|
+
dispose() {
|
|
109
|
+
if (!this.domElement)
|
|
110
|
+
throw new Error("Missing domElement");
|
|
111
|
+
this.domElement.removeEventListener("contextmenu", this.onContextMenu);
|
|
112
|
+
this.domElement.removeEventListener("pointerdown", this.onPointerDown);
|
|
113
|
+
this.domElement.removeEventListener("pointercancel", this.onPointerUp);
|
|
114
|
+
document.body.removeEventListener("mouseleave", this.onDomElementExit);
|
|
115
|
+
this.domElement.removeEventListener("wheel", this.onWheel);
|
|
116
|
+
document.body.removeEventListener("pointermove", this.onPointerMove);
|
|
117
|
+
document.body.removeEventListener("pointerup", this.onPointerUp);
|
|
118
|
+
this.camera = null;
|
|
119
|
+
this.canvasElement = null;
|
|
120
|
+
this.domElement = null;
|
|
121
|
+
}
|
|
122
|
+
//
|
|
123
|
+
// ICameraControls
|
|
124
|
+
//
|
|
125
|
+
setDamping() { }
|
|
126
|
+
getPosition() {
|
|
127
|
+
return new PVector3(this.camera.position);
|
|
128
|
+
}
|
|
129
|
+
setPosition(position) {
|
|
130
|
+
this.camera.position.copy(position);
|
|
131
|
+
}
|
|
132
|
+
setTarget(target) {
|
|
133
|
+
this.target = target;
|
|
134
|
+
}
|
|
135
|
+
getTarget() {
|
|
136
|
+
return new PVector3(this.target);
|
|
137
|
+
}
|
|
138
|
+
lookAtTarget() {
|
|
139
|
+
this.camera.lookAt(this.target.x, this.target.y, this.target.z);
|
|
140
|
+
}
|
|
141
|
+
enable() {
|
|
142
|
+
this.enabled = true;
|
|
143
|
+
}
|
|
144
|
+
disable() {
|
|
145
|
+
if (this.enabled === false)
|
|
146
|
+
return;
|
|
147
|
+
this.enabled = false;
|
|
148
|
+
if (this.button > 0) {
|
|
149
|
+
this.onPointerUp();
|
|
150
|
+
}
|
|
151
|
+
document.body.removeEventListener("pointermove", this.onPointerMove);
|
|
152
|
+
document.body.removeEventListener("pointerup", this.onPointerUp);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
const _ZERO = new Vector3(0, 0, 0);
|
|
156
|
+
const _UP = new Vector3(0, 1, 0);
|
|
157
|
+
const _SIDES = new Vector3(1, 0, 0);
|
|
158
|
+
//# sourceMappingURL=FreeCameraControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FreeCameraControls.js","sourceRoot":"","sources":["../../../src/three/FreeCameraControls.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import PCanvas from "../PCanvas";
|
|
2
|
+
import { OrbitControls } from "three/addons/controls/OrbitControls.js";
|
|
3
|
+
import { GameContext, PVector3, type ICameraControls } from "@p100-web/core";
|
|
4
|
+
export default class OrbitCameraControls extends OrbitControls implements ICameraControls {
|
|
5
|
+
private _pcanvas;
|
|
6
|
+
private _camera;
|
|
7
|
+
private _context;
|
|
8
|
+
private _wasDown;
|
|
9
|
+
constructor(context: GameContext, pcanvas: PCanvas, position: PVector3, target: PVector3, damping: number);
|
|
10
|
+
dispose(): void;
|
|
11
|
+
onContextMenu: (event: any) => void;
|
|
12
|
+
enable(): void;
|
|
13
|
+
disable(): void;
|
|
14
|
+
private startMoving;
|
|
15
|
+
private endMoving;
|
|
16
|
+
animate: () => void;
|
|
17
|
+
setDamping(damping: number): void;
|
|
18
|
+
getTarget(): PVector3;
|
|
19
|
+
setPosition(position: PVector3): void;
|
|
20
|
+
getPosition(): PVector3;
|
|
21
|
+
setTarget(target: PVector3): void;
|
|
22
|
+
lookAtTarget(): void;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=OrbitCameraControls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrbitCameraControls.d.ts","sourceRoot":"","sources":["../../../src/three/OrbitCameraControls.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EACL,WAAW,EACX,QAAQ,EACR,KAAK,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAExB,MAAM,CAAC,OAAO,OAAO,mBACnB,SAAQ,aACR,YAAW,eAAe;IAE1B,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,QAAQ,CAAc;IAE9B,OAAO,CAAC,QAAQ,CAAS;gBAGvB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,MAAM;IAmBjB,OAAO;IAEP,aAAa,GAAI,OAAO,GAAG,UAGzB;IAEF,MAAM;IAON,OAAO;IAKP,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,SAAS,CAKf;IAEF,OAAO,aAGL;IAMF,UAAU,CAAC,OAAO,EAAE,MAAM;IAS1B,SAAS;IAIT,WAAW,CAAC,QAAQ,EAAE,QAAQ;IAI9B,WAAW;IAIX,SAAS,CAAC,MAAM,EAAE,QAAQ;IAM1B,YAAY;CAGb"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { OrbitControls } from "three/addons/controls/OrbitControls.js";
|
|
2
|
+
import { PVector3, Workers, } from "@p100-web/core";
|
|
3
|
+
export default class OrbitCameraControls extends OrbitControls {
|
|
4
|
+
constructor(context, pcanvas, position, target, damping) {
|
|
5
|
+
const camera = pcanvas.getThreeCamera();
|
|
6
|
+
super(camera, pcanvas.getCanvasElement());
|
|
7
|
+
this._wasDown = false;
|
|
8
|
+
this.onContextMenu = (event) => {
|
|
9
|
+
event.stopPropagation();
|
|
10
|
+
event.preventDefault();
|
|
11
|
+
};
|
|
12
|
+
this.startMoving = () => {
|
|
13
|
+
this._wasDown = true;
|
|
14
|
+
this._context.setWorkFlag(Workers.CameraControls);
|
|
15
|
+
};
|
|
16
|
+
this.endMoving = () => {
|
|
17
|
+
if (this._wasDown) {
|
|
18
|
+
this._context.clearWorkFlag(Workers.CameraControls);
|
|
19
|
+
this._wasDown = false;
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
this.animate = () => {
|
|
23
|
+
if (!this.enabled)
|
|
24
|
+
return;
|
|
25
|
+
this.update();
|
|
26
|
+
};
|
|
27
|
+
this._context = context;
|
|
28
|
+
this._pcanvas = pcanvas;
|
|
29
|
+
this._camera = camera;
|
|
30
|
+
camera.position.copy(position);
|
|
31
|
+
this.target.copy(target);
|
|
32
|
+
if (damping > 0) {
|
|
33
|
+
this.enableDamping = true;
|
|
34
|
+
this.dampingFactor = damping;
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
this.enableDamping = false;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
dispose() { }
|
|
41
|
+
enable() {
|
|
42
|
+
this.enabled = true;
|
|
43
|
+
this._pcanvas.setCameraUpdate(this.animate);
|
|
44
|
+
this.addEventListener("start", this.startMoving);
|
|
45
|
+
this.addEventListener("end", this.endMoving);
|
|
46
|
+
}
|
|
47
|
+
disable() {
|
|
48
|
+
this.enabled = false;
|
|
49
|
+
this._pcanvas.setCameraUpdate(null);
|
|
50
|
+
}
|
|
51
|
+
//
|
|
52
|
+
// ICameraControls
|
|
53
|
+
//
|
|
54
|
+
setDamping(damping) {
|
|
55
|
+
if (damping > 0) {
|
|
56
|
+
this.enableDamping = true;
|
|
57
|
+
this.dampingFactor = damping;
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
this.enableDamping = false;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
getTarget() {
|
|
64
|
+
return new PVector3(this.target);
|
|
65
|
+
}
|
|
66
|
+
setPosition(position) {
|
|
67
|
+
this._camera.position.copy(position);
|
|
68
|
+
}
|
|
69
|
+
getPosition() {
|
|
70
|
+
return new PVector3(this._camera.position);
|
|
71
|
+
}
|
|
72
|
+
setTarget(target) {
|
|
73
|
+
this.target.copy(target);
|
|
74
|
+
this.update();
|
|
75
|
+
// this.target = new Vector3(target.x, target.y, target.z);
|
|
76
|
+
}
|
|
77
|
+
lookAtTarget() {
|
|
78
|
+
// this._camera.lookAt(this.target);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=OrbitCameraControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrbitCameraControls.js","sourceRoot":"","sources":["../../../src/three/OrbitCameraControls.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import PCanvas from "../PCanvas";
|
|
2
|
+
import { PerspectiveCamera } from "three";
|
|
3
|
+
import { PVector3, type ICameraControls } from "@p100-web/core";
|
|
4
|
+
export default class VrCameraControls implements ICameraControls {
|
|
5
|
+
camera: PerspectiveCamera | null;
|
|
6
|
+
domElement: HTMLElement | null;
|
|
7
|
+
canvasElement: HTMLCanvasElement | null;
|
|
8
|
+
button: number;
|
|
9
|
+
private enabled;
|
|
10
|
+
target: PVector3;
|
|
11
|
+
constructor(pcanvas: PCanvas, position: PVector3, target: PVector3);
|
|
12
|
+
setDamping(): void;
|
|
13
|
+
dispose(): void;
|
|
14
|
+
enable(): void;
|
|
15
|
+
disable(): void;
|
|
16
|
+
setPosition(position: PVector3): void;
|
|
17
|
+
getPosition(): PVector3;
|
|
18
|
+
setTarget(target: PVector3): void;
|
|
19
|
+
getTarget(): PVector3;
|
|
20
|
+
lookAtTarget(): void;
|
|
21
|
+
syncToCamera(): void;
|
|
22
|
+
onDomElementExit: () => void;
|
|
23
|
+
onContextMenu: (event: any) => void;
|
|
24
|
+
onPointerDown: (event: any) => void;
|
|
25
|
+
onPointerUp: () => void;
|
|
26
|
+
onPointerMove: (event: any) => void;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=VrCameraControls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VrCameraControls.d.ts","sourceRoot":"","sources":["../../../src/three/VrCameraControls.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,CAAC,OAAO,OAAO,gBAAiB,YAAW,eAAe;IAC9D,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,CAAK;IACnB,OAAO,CAAC,OAAO,CAAS;IACxB,MAAM,EAAE,QAAQ,CAAsB;gBAE1B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ;IAqBlE,UAAU,IAAI,IAAI;IAElB,OAAO;IAoBP,MAAM;IAIN,OAAO;IAcP,WAAW,CAAC,QAAQ,EAAE,QAAQ;IAI9B,WAAW;IAIX,SAAS,CAAC,MAAM,EAAE,QAAQ;IAI1B,SAAS;IAIT,YAAY;IAQZ,YAAY;IAOZ,gBAAgB,aAKd;IAEF,aAAa,GAAI,OAAO,GAAG,UAKzB;IAEF,aAAa,GAAI,OAAO,GAAG,UAYzB;IAEF,WAAW,aAOT;IAEF,aAAa,GAAI,OAAO,GAAG,UAOzB;CACH"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import { Quaternion, Vector3 } from "three";
|
|
2
|
+
import { PVector3 } from "@p100-web/core";
|
|
3
|
+
export default class VrCameraControls {
|
|
4
|
+
constructor(pcanvas, position, target) {
|
|
5
|
+
this.button = 0;
|
|
6
|
+
this.enabled = false;
|
|
7
|
+
this.target = new PVector3(null);
|
|
8
|
+
this.onDomElementExit = () => {
|
|
9
|
+
if (!this.enabled)
|
|
10
|
+
true;
|
|
11
|
+
if (this.button > 0) {
|
|
12
|
+
this.onPointerUp();
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
this.onContextMenu = (event) => {
|
|
16
|
+
event.stopPropagation();
|
|
17
|
+
event.preventDefault();
|
|
18
|
+
if (this.enabled === false)
|
|
19
|
+
return;
|
|
20
|
+
event.preventDefault();
|
|
21
|
+
};
|
|
22
|
+
this.onPointerDown = (event) => {
|
|
23
|
+
event.preventDefault();
|
|
24
|
+
if (!this.enabled)
|
|
25
|
+
return;
|
|
26
|
+
if (event.button === 0 || event.button === 1 || event.button === 2) {
|
|
27
|
+
this.button = event.button + 1;
|
|
28
|
+
document.body.addEventListener("pointermove", this.onPointerMove);
|
|
29
|
+
document.body.addEventListener("pointerup", this.onPointerUp);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
this.button = 0;
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
this.onPointerUp = () => {
|
|
36
|
+
if (!this.enabled)
|
|
37
|
+
return;
|
|
38
|
+
this.button = 0;
|
|
39
|
+
document.body.removeEventListener("pointermove", this.onPointerMove);
|
|
40
|
+
document.body.removeEventListener("pointerup", this.onPointerUp);
|
|
41
|
+
};
|
|
42
|
+
this.onPointerMove = (event) => {
|
|
43
|
+
if (!this.enabled || !this.camera)
|
|
44
|
+
return;
|
|
45
|
+
if (this.button === 1 || this.button === 3) {
|
|
46
|
+
this.camera.rotateOnAxis(_SIDES, -event.movementY / 250);
|
|
47
|
+
this.camera.rotateOnWorldAxis(_UP, -event.movementX / 250);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
this.camera = pcanvas.getThreeCamera();
|
|
51
|
+
this.canvasElement = pcanvas.getCanvasElement();
|
|
52
|
+
if (!this.canvasElement?.parentElement)
|
|
53
|
+
throw new Error("Missing parent");
|
|
54
|
+
this.domElement = this.canvasElement.parentElement;
|
|
55
|
+
// Always add listeners
|
|
56
|
+
this.domElement.addEventListener("contextmenu", this.onContextMenu);
|
|
57
|
+
this.domElement.addEventListener("pointerdown", this.onPointerDown);
|
|
58
|
+
this.domElement.addEventListener("pointercancel", this.onPointerUp);
|
|
59
|
+
document.body.addEventListener("mouseleave", this.onDomElementExit);
|
|
60
|
+
// Set start position
|
|
61
|
+
this.setPosition(position);
|
|
62
|
+
this.setTarget(target);
|
|
63
|
+
this.lookAtTarget();
|
|
64
|
+
this.enable();
|
|
65
|
+
}
|
|
66
|
+
setDamping() { }
|
|
67
|
+
dispose() {
|
|
68
|
+
if (!this.domElement)
|
|
69
|
+
throw new Error("Missing domElement");
|
|
70
|
+
this.domElement.removeEventListener("contextmenu", this.onContextMenu);
|
|
71
|
+
this.domElement.removeEventListener("pointerdown", this.onPointerDown);
|
|
72
|
+
this.domElement.removeEventListener("pointercancel", this.onPointerUp);
|
|
73
|
+
document.body.removeEventListener("mouseleave", this.onDomElementExit);
|
|
74
|
+
document.body.removeEventListener("pointermove", this.onPointerMove);
|
|
75
|
+
document.body.removeEventListener("pointerup", this.onPointerUp);
|
|
76
|
+
this.camera = null;
|
|
77
|
+
this.canvasElement = null;
|
|
78
|
+
this.domElement = null;
|
|
79
|
+
}
|
|
80
|
+
//
|
|
81
|
+
// ICameraControls
|
|
82
|
+
//
|
|
83
|
+
enable() {
|
|
84
|
+
this.enabled = true;
|
|
85
|
+
}
|
|
86
|
+
disable() {
|
|
87
|
+
if (this.enabled === false)
|
|
88
|
+
return;
|
|
89
|
+
this.enabled = false;
|
|
90
|
+
if (this.button > 0) {
|
|
91
|
+
this.onPointerUp();
|
|
92
|
+
}
|
|
93
|
+
this.syncToCamera();
|
|
94
|
+
document.body.removeEventListener("pointermove", this.onPointerMove);
|
|
95
|
+
document.body.removeEventListener("pointerup", this.onPointerUp);
|
|
96
|
+
}
|
|
97
|
+
setPosition(position) {
|
|
98
|
+
this.camera.position.copy(position);
|
|
99
|
+
}
|
|
100
|
+
getPosition() {
|
|
101
|
+
return new PVector3(this.camera.position);
|
|
102
|
+
}
|
|
103
|
+
setTarget(target) {
|
|
104
|
+
this.target = target;
|
|
105
|
+
}
|
|
106
|
+
getTarget() {
|
|
107
|
+
return new PVector3(this.target);
|
|
108
|
+
}
|
|
109
|
+
lookAtTarget() {
|
|
110
|
+
this.camera.lookAt(this.target.x, this.target.y, this.target.z);
|
|
111
|
+
}
|
|
112
|
+
//
|
|
113
|
+
// VrCameraControls
|
|
114
|
+
//
|
|
115
|
+
syncToCamera() {
|
|
116
|
+
const camera = this.camera;
|
|
117
|
+
const forward = new Vector3(0, 0, -1); // local forward
|
|
118
|
+
forward.applyQuaternion(camera.getWorldQuaternion(new Quaternion()));
|
|
119
|
+
this.target = forward.add(camera.position);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
const _UP = new Vector3(0, 1, 0);
|
|
123
|
+
const _SIDES = new Vector3(1, 0, 0);
|
|
124
|
+
//# sourceMappingURL=VrCameraControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VrCameraControls.js","sourceRoot":"","sources":["../../../src/three/VrCameraControls.ts"],"names":[],"mappings":"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"}
|
package/package.json
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@p100-web/core-three",
|
|
3
|
+
"version": "100.0.60",
|
|
4
|
+
"author": "Peter Drugge",
|
|
5
|
+
"license": "ISC",
|
|
6
|
+
"description": "",
|
|
7
|
+
"devDependencies": {
|
|
8
|
+
"eslint": "^8.57.0",
|
|
9
|
+
"@types/three": "^0.179.0",
|
|
10
|
+
"typescript": "^5.4.2"
|
|
11
|
+
},
|
|
12
|
+
"peerDependencies": {
|
|
13
|
+
"three": "^0.179.1",
|
|
14
|
+
"troika-three-text": "^0.52.4",
|
|
15
|
+
"@tweenjs/tween.js": "^25.0.0"
|
|
16
|
+
},
|
|
17
|
+
"files": [
|
|
18
|
+
"dist"
|
|
19
|
+
],
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"detect-gpu": "^5.0.70"
|
|
22
|
+
},
|
|
23
|
+
"scripts": {
|
|
24
|
+
"clean": "del dist",
|
|
25
|
+
"build": "tsc -p tsconfig.json"
|
|
26
|
+
}
|
|
27
|
+
}
|