@p100-web/core-three 100.0.63 → 100.0.65
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/App.d.ts +40 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/App.js +171 -0
- package/dist/App.js.map +1 -0
- package/dist/ComponentFactory.d.ts +5 -0
- package/dist/ComponentFactory.d.ts.map +1 -0
- package/dist/ComponentFactory.js +17 -0
- package/dist/ComponentFactory.js.map +1 -0
- package/dist/PCanvas.d.ts +171 -0
- package/dist/PCanvas.d.ts.map +1 -0
- package/dist/PCanvas.js +992 -0
- package/dist/PCanvas.js.map +1 -0
- package/dist/ThreeEngine.d.ts +25 -0
- package/dist/ThreeEngine.d.ts.map +1 -0
- package/dist/ThreeEngine.js +102 -0
- package/dist/ThreeEngine.js.map +1 -0
- package/dist/ThreeNodeRenderer.d.ts +32 -0
- package/dist/ThreeNodeRenderer.d.ts.map +1 -0
- package/dist/ThreeNodeRenderer.js +87 -0
- package/dist/ThreeNodeRenderer.js.map +1 -0
- package/dist/index.d.ts +7 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/media/AudioLoader.d.ts +32 -0
- package/dist/media/AudioLoader.d.ts.map +1 -0
- package/dist/media/AudioLoader.js +110 -0
- package/dist/media/AudioLoader.js.map +1 -0
- package/dist/media/EnvironmentLoader.d.ts +40 -0
- package/dist/media/EnvironmentLoader.d.ts.map +1 -0
- package/dist/media/EnvironmentLoader.js +120 -0
- package/dist/media/EnvironmentLoader.js.map +1 -0
- package/dist/media/ImageLoader.d.ts +36 -0
- package/dist/media/ImageLoader.d.ts.map +1 -0
- package/dist/media/ImageLoader.js +160 -0
- package/dist/media/ImageLoader.js.map +1 -0
- package/dist/media/MediaLoader.d.ts +14 -0
- package/dist/media/MediaLoader.d.ts.map +1 -0
- package/dist/media/MediaLoader.js +70 -0
- package/dist/media/MediaLoader.js.map +1 -0
- package/dist/media/ModelLoader.d.ts +49 -0
- package/dist/media/ModelLoader.d.ts.map +1 -0
- package/dist/media/ModelLoader.js +223 -0
- package/dist/media/ModelLoader.js.map +1 -0
- package/dist/media/VideoLoader.d.ts +35 -0
- package/dist/media/VideoLoader.d.ts.map +1 -0
- package/dist/media/VideoLoader.js +105 -0
- package/dist/media/VideoLoader.js.map +1 -0
- package/dist/pcomponents/PAnimator.d.ts +24 -0
- package/dist/pcomponents/PAnimator.d.ts.map +1 -0
- package/dist/pcomponents/PAnimator.js +129 -0
- package/dist/pcomponents/PAnimator.js.map +1 -0
- package/dist/pcomponents/PBasicMaterial.d.ts +17 -0
- package/dist/pcomponents/PBasicMaterial.d.ts.map +1 -0
- package/dist/pcomponents/PBasicMaterial.js +142 -0
- package/dist/pcomponents/PBasicMaterial.js.map +1 -0
- package/dist/pcomponents/PCollider.d.ts +11 -0
- package/dist/pcomponents/PCollider.d.ts.map +1 -0
- package/dist/pcomponents/PCollider.js +61 -0
- package/dist/pcomponents/PCollider.js.map +1 -0
- package/dist/pcomponents/PCubeGeometry.d.ts +8 -0
- package/dist/pcomponents/PCubeGeometry.d.ts.map +1 -0
- package/dist/pcomponents/PCubeGeometry.js +23 -0
- package/dist/pcomponents/PCubeGeometry.js.map +1 -0
- package/dist/pcomponents/PEnvironment.d.ts +14 -0
- package/dist/pcomponents/PEnvironment.d.ts.map +1 -0
- package/dist/pcomponents/PEnvironment.js +86 -0
- package/dist/pcomponents/PEnvironment.js.map +1 -0
- package/dist/pcomponents/PImageBackground.d.ts +14 -0
- package/dist/pcomponents/PImageBackground.d.ts.map +1 -0
- package/dist/pcomponents/PImageBackground.js +85 -0
- package/dist/pcomponents/PImageBackground.js.map +1 -0
- package/dist/pcomponents/PLight.d.ts +8 -0
- package/dist/pcomponents/PLight.d.ts.map +1 -0
- package/dist/pcomponents/PLight.js +22 -0
- package/dist/pcomponents/PLight.js.map +1 -0
- package/dist/pcomponents/PLightDirectional.d.ts +8 -0
- package/dist/pcomponents/PLightDirectional.d.ts.map +1 -0
- package/dist/pcomponents/PLightDirectional.js +36 -0
- package/dist/pcomponents/PLightDirectional.js.map +1 -0
- package/dist/pcomponents/PMaskedMaterial.d.ts +17 -0
- package/dist/pcomponents/PMaskedMaterial.d.ts.map +1 -0
- package/dist/pcomponents/PMaskedMaterial.js +214 -0
- package/dist/pcomponents/PMaskedMaterial.js.map +1 -0
- package/dist/pcomponents/PModelGLTF.d.ts +18 -0
- package/dist/pcomponents/PModelGLTF.d.ts.map +1 -0
- package/dist/pcomponents/PModelGLTF.js +98 -0
- package/dist/pcomponents/PModelGLTF.js.map +1 -0
- package/dist/pcomponents/PPhysicalMaterial.d.ts +13 -0
- package/dist/pcomponents/PPhysicalMaterial.d.ts.map +1 -0
- package/dist/pcomponents/PPhysicalMaterial.js +106 -0
- package/dist/pcomponents/PPhysicalMaterial.js.map +1 -0
- package/dist/pcomponents/PPlaneGeometry.d.ts +8 -0
- package/dist/pcomponents/PPlaneGeometry.d.ts.map +1 -0
- package/dist/pcomponents/PPlaneGeometry.js +23 -0
- package/dist/pcomponents/PPlaneGeometry.js.map +1 -0
- package/dist/pcomponents/PProjectRoot.d.ts +8 -0
- package/dist/pcomponents/PProjectRoot.d.ts.map +1 -0
- package/dist/pcomponents/PProjectRoot.js +24 -0
- package/dist/pcomponents/PProjectRoot.js.map +1 -0
- package/dist/pcomponents/PSlider.d.ts +16 -0
- package/dist/pcomponents/PSlider.d.ts.map +1 -0
- package/dist/pcomponents/PSlider.js +69 -0
- package/dist/pcomponents/PSlider.js.map +1 -0
- package/dist/pcomponents/PSound.d.ts +17 -0
- package/dist/pcomponents/PSound.d.ts.map +1 -0
- package/dist/pcomponents/PSound.js +110 -0
- package/dist/pcomponents/PSound.js.map +1 -0
- package/dist/pcomponents/PSphereGeometry.d.ts +9 -0
- package/dist/pcomponents/PSphereGeometry.d.ts.map +1 -0
- package/dist/pcomponents/PSphereGeometry.js +24 -0
- package/dist/pcomponents/PSphereGeometry.js.map +1 -0
- package/dist/pcomponents/PSprite.d.ts +14 -0
- package/dist/pcomponents/PSprite.d.ts.map +1 -0
- package/dist/pcomponents/PSprite.js +79 -0
- package/dist/pcomponents/PSprite.js.map +1 -0
- package/dist/pcomponents/PSpriteAnimation.d.ts +15 -0
- package/dist/pcomponents/PSpriteAnimation.d.ts.map +1 -0
- package/dist/pcomponents/PSpriteAnimation.js +80 -0
- package/dist/pcomponents/PSpriteAnimation.js.map +1 -0
- package/dist/pcomponents/PText.d.ts +10 -0
- package/dist/pcomponents/PText.d.ts.map +1 -0
- package/dist/pcomponents/PText.js +44 -0
- package/dist/pcomponents/PText.js.map +1 -0
- package/dist/pcomponents/PVideoBackground.d.ts +13 -0
- package/dist/pcomponents/PVideoBackground.d.ts.map +1 -0
- package/dist/pcomponents/PVideoBackground.js +85 -0
- package/dist/pcomponents/PVideoBackground.js.map +1 -0
- package/dist/pcomponents/PVideoPlayer.d.ts +5 -0
- package/dist/pcomponents/PVideoPlayer.d.ts.map +1 -0
- package/dist/pcomponents/PVideoPlayer.js +12 -0
- package/dist/pcomponents/PVideoPlayer.js.map +1 -0
- package/dist/pcomponents.d.ts +21 -21
- package/dist/pcomponents.d.ts.map +1 -1
- package/dist/pcomponents.js +21 -21
- package/dist/pcomponents.js.map +1 -1
- package/dist/postprocessing/PSSRPass.d.ts +19 -0
- package/dist/postprocessing/PSSRPass.d.ts.map +1 -0
- package/dist/postprocessing/PSSRPass.js +69 -0
- package/dist/postprocessing/PSSRPass.js.map +1 -0
- package/dist/postprocessing/ThreeJsPostProcessor.d.ts +32 -0
- package/dist/postprocessing/ThreeJsPostProcessor.d.ts.map +1 -0
- package/dist/postprocessing/ThreeJsPostProcessor.js +264 -0
- package/dist/postprocessing/ThreeJsPostProcessor.js.map +1 -0
- package/dist/three/ColliderObject3D.d.ts +19 -0
- package/dist/three/ColliderObject3D.d.ts.map +1 -0
- package/dist/three/ColliderObject3D.js +146 -0
- package/dist/three/ColliderObject3D.js.map +1 -0
- package/dist/three/FreeCameraControls.d.ts +30 -0
- package/dist/three/FreeCameraControls.d.ts.map +1 -0
- package/dist/three/FreeCameraControls.js +158 -0
- package/dist/three/FreeCameraControls.js.map +1 -0
- package/dist/three/OrbitCameraControls.d.ts +24 -0
- package/dist/three/OrbitCameraControls.d.ts.map +1 -0
- package/dist/three/OrbitCameraControls.js +81 -0
- package/dist/three/OrbitCameraControls.js.map +1 -0
- package/dist/three/VrCameraControls.d.ts +28 -0
- package/dist/three/VrCameraControls.d.ts.map +1 -0
- package/dist/three/VrCameraControls.js +124 -0
- package/dist/three/VrCameraControls.js.map +1 -0
- package/package.json +9 -4
- package/index.ts +0 -14
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { Box3, Matrix4, Object3D, Ray, Sphere, Vector3, } from "three";
|
|
2
|
+
const _ray = new Ray();
|
|
3
|
+
const _sphere = new Sphere();
|
|
4
|
+
const _sphereHitAt = new Vector3();
|
|
5
|
+
const _worldPosition = new Vector3();
|
|
6
|
+
const _inverseMatrix = new Matrix4();
|
|
7
|
+
export default class ColliderObject3D extends Object3D {
|
|
8
|
+
constructor(collider) {
|
|
9
|
+
super();
|
|
10
|
+
this.boundingBox = null;
|
|
11
|
+
this.boundingSphere = null;
|
|
12
|
+
this.raycastBox = true;
|
|
13
|
+
this.raycastSphere = true;
|
|
14
|
+
this.collider = collider;
|
|
15
|
+
this.layers.mask = 2;
|
|
16
|
+
}
|
|
17
|
+
show() {
|
|
18
|
+
if (this.collider) {
|
|
19
|
+
this.layers.mask = this.collider.hidden ? 2 : 3;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
hide() {
|
|
23
|
+
this.layers.mask = 0;
|
|
24
|
+
}
|
|
25
|
+
computeBounds() {
|
|
26
|
+
if (this.collider) {
|
|
27
|
+
this.raycastBox = this.collider.box;
|
|
28
|
+
this.raycastSphere = this.collider.sphere;
|
|
29
|
+
}
|
|
30
|
+
this.boundingBox = null;
|
|
31
|
+
this.boundingSphere = null;
|
|
32
|
+
this.computeBoundingBox();
|
|
33
|
+
this.computeBoundingSphere();
|
|
34
|
+
}
|
|
35
|
+
computeBoundingBox() {
|
|
36
|
+
if (!this.collider)
|
|
37
|
+
return;
|
|
38
|
+
if (this.collider.autoSize) {
|
|
39
|
+
if (this.parent === null)
|
|
40
|
+
return;
|
|
41
|
+
const parent = this.parent;
|
|
42
|
+
if (parent !== null && parent.isMesh && parent.geometry) {
|
|
43
|
+
if (parent.geometry.boundingBox === null) {
|
|
44
|
+
parent.geometry.computeBoundingBox();
|
|
45
|
+
}
|
|
46
|
+
this.boundingBox = parent.geometry.boundingBox;
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
const box = new Box3();
|
|
50
|
+
for (const child of parent.children) {
|
|
51
|
+
if (child === this)
|
|
52
|
+
continue;
|
|
53
|
+
child.traverse((c) => {
|
|
54
|
+
if (c.isMesh && c.geometry) {
|
|
55
|
+
if (c.geometry.boundingBox === null) {
|
|
56
|
+
c.geometry.computeBoundingBox();
|
|
57
|
+
}
|
|
58
|
+
box.union(c.geometry.boundingBox);
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
this.boundingBox = box;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
const size = this.collider.box_size;
|
|
67
|
+
const box = new Box3(new Vector3(size.x * -0.5, size.y * -0.5, size.z * -0.5), new Vector3(size.x * 0.5, size.y * 0.5, size.z * 0.5));
|
|
68
|
+
this.boundingBox = box;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
computeBoundingSphere() {
|
|
72
|
+
if (!this.collider)
|
|
73
|
+
return;
|
|
74
|
+
if (this.collider.autoSize) {
|
|
75
|
+
const center = new Vector3();
|
|
76
|
+
const sphere = new Sphere();
|
|
77
|
+
if (this.boundingBox === null) {
|
|
78
|
+
console.error("No bounding box");
|
|
79
|
+
sphere.radius = 1;
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
this.boundingBox.getCenter(center);
|
|
83
|
+
const width = this.boundingBox.max.x - this.boundingBox.min.x;
|
|
84
|
+
const height = this.boundingBox.max.y - this.boundingBox.min.y;
|
|
85
|
+
const depth = this.boundingBox.max.z - this.boundingBox.min.z;
|
|
86
|
+
const radius = Math.max(width, height, depth) * 0.5;
|
|
87
|
+
sphere.center = center;
|
|
88
|
+
sphere.radius = radius;
|
|
89
|
+
this.boundingSphere = sphere;
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
const sphere = new Sphere();
|
|
93
|
+
sphere.radius = this.collider.sphere_radius;
|
|
94
|
+
this.boundingSphere = sphere;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
dispose() {
|
|
98
|
+
this.collider = null;
|
|
99
|
+
}
|
|
100
|
+
raycast(raycaster, intersects) {
|
|
101
|
+
const matrixWorld = this.matrixWorld;
|
|
102
|
+
if (this.boundingSphere === null) {
|
|
103
|
+
console.error("Missing bounding sphere");
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
_sphere.copy(this.boundingSphere);
|
|
107
|
+
_sphere.applyMatrix4(matrixWorld);
|
|
108
|
+
// check distance from ray origin to bounding sphere
|
|
109
|
+
_ray.copy(raycaster.ray).recast(raycaster.near);
|
|
110
|
+
if (this.raycastSphere && _sphere.containsPoint(_ray.origin) === false) {
|
|
111
|
+
if (_ray.intersectSphere(_sphere, _sphereHitAt) === null)
|
|
112
|
+
return;
|
|
113
|
+
if (_ray.origin.distanceToSquared(_sphereHitAt) >
|
|
114
|
+
(raycaster.far - raycaster.near) ** 2)
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
this.getWorldPosition(_worldPosition);
|
|
118
|
+
const distance = raycaster.ray.origin.distanceTo(_worldPosition);
|
|
119
|
+
if (this.raycastBox === false) {
|
|
120
|
+
if (this.raycastSphere) {
|
|
121
|
+
intersects.push({
|
|
122
|
+
distance: distance,
|
|
123
|
+
point: _worldPosition,
|
|
124
|
+
object: this,
|
|
125
|
+
});
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
// convert ray to local space of mesh
|
|
130
|
+
_inverseMatrix.copy(matrixWorld).invert();
|
|
131
|
+
_ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix);
|
|
132
|
+
// test with bounding box in local space
|
|
133
|
+
if (this.boundingBox !== null) {
|
|
134
|
+
if (_ray.intersectsBox(this.boundingBox) === false)
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
if (distance < raycaster.near || distance > raycaster.far)
|
|
138
|
+
return null;
|
|
139
|
+
intersects.push({
|
|
140
|
+
distance: distance,
|
|
141
|
+
point: _worldPosition,
|
|
142
|
+
object: this,
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
//# sourceMappingURL=ColliderObject3D.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColliderObject3D.js","sourceRoot":"","sources":["../../src/three/ColliderObject3D.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import PCanvas from "../PCanvas";
|
|
2
|
+
import { PerspectiveCamera } from "three";
|
|
3
|
+
import { GameContext, PVector3, type ICameraControls } from "@p100-web/core";
|
|
4
|
+
export default class FreeCameraControls implements ICameraControls {
|
|
5
|
+
camera: PerspectiveCamera | null;
|
|
6
|
+
domElement: HTMLElement | null;
|
|
7
|
+
canvasElement: HTMLCanvasElement | null;
|
|
8
|
+
context: GameContext;
|
|
9
|
+
button: number;
|
|
10
|
+
private enabled;
|
|
11
|
+
target: PVector3;
|
|
12
|
+
constructor(context: GameContext, pcanvas: PCanvas, position: PVector3, target: PVector3);
|
|
13
|
+
dispose(): void;
|
|
14
|
+
setDamping(): void;
|
|
15
|
+
getPosition(): PVector3;
|
|
16
|
+
setPosition(position: PVector3): void;
|
|
17
|
+
setTarget(target: PVector3): void;
|
|
18
|
+
getTarget(): PVector3;
|
|
19
|
+
lookAtTarget(): void;
|
|
20
|
+
enable(): void;
|
|
21
|
+
disable(): void;
|
|
22
|
+
onDomElementExit: () => void;
|
|
23
|
+
onContextMenu: (event: any) => void;
|
|
24
|
+
onWheel: (event: any) => void;
|
|
25
|
+
onPointerDown: (event: any) => void;
|
|
26
|
+
onPointerUp: () => void;
|
|
27
|
+
_wasWorking: boolean;
|
|
28
|
+
onPointerMove: (event: any) => void;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=FreeCameraControls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FreeCameraControls.d.ts","sourceRoot":"","sources":["../../src/three/FreeCameraControls.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAW,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,WAAW,EACX,QAAQ,EAER,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,MAAM,CAAC,OAAO,OAAO,kBAAmB,YAAW,eAAe;IAChE,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAK;IACnB,OAAO,CAAC,OAAO,CAAS;IAExB,MAAM,EAAE,QAAQ,CAAsB;gBAGpC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,QAAQ;IAwBlB,OAAO;IAqBP,UAAU,IAAI,IAAI;IAElB,WAAW;IAIX,WAAW,CAAC,QAAQ,EAAE,QAAQ;IAI9B,SAAS,CAAC,MAAM,EAAE,QAAQ;IAI1B,SAAS;IAIT,YAAY;IAIZ,MAAM;IAIN,OAAO;IAcP,gBAAgB,aAKd;IAEF,aAAa,GAAI,OAAO,GAAG,UAKzB;IAEF,OAAO,GAAI,OAAO,GAAG,UAqBnB;IAEF,aAAa,GAAI,OAAO,GAAG,UAkBzB;IAEF,WAAW,aAWT;IAEF,WAAW,UAAS;IAEpB,aAAa,GAAI,OAAO,GAAG,UAuBzB;CACH"}
|
|
@@ -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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"}
|