redhotmagma-visualization 1.44.9 → 1.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/Constants.js +1 -0
  2. package/DevApp.js +14 -0
  3. package/Three/Three2D.js +25 -4
  4. package/Three/Three3D.js +121 -83
  5. package/Three/Three3DScene.js +132 -58
  6. package/Utils/createBakedShadow.js +1 -2
  7. package/Utils/initTextureCanvas.js +3 -1
  8. package/Utils/optimizeTextureImage.js +1 -1
  9. package/Utils/rememberCameraViewOffset.js +12 -7
  10. package/Utils/restrictCameraMovement.js +2 -2
  11. package/package.json +3 -3
  12. package/public/libs/draco/README.md +2 -2
  13. package/public/libs/draco/draco_decoder.js +17 -35
  14. package/public/libs/draco/draco_decoder.wasm +0 -0
  15. package/public/libs/draco/draco_wasm_wrapper.js +117 -104
  16. package/public/libs/draco/gltf/draco_decoder.js +16 -31
  17. package/public/libs/draco/gltf/draco_decoder.wasm +0 -0
  18. package/public/libs/draco/gltf/draco_wasm_wrapper.js +116 -104
  19. package/src/Constants.js +1 -0
  20. package/src/DevApp.js +12 -0
  21. package/src/Three/Three2D.js +4 -3
  22. package/src/Three/Three3D.js +15 -8
  23. package/src/Three/Three3DScene.js +85 -29
  24. package/src/Three/__tests__/Three3D.test.js +0 -33
  25. package/src/Utils/createBakedShadow.js +2 -4
  26. package/src/Utils/initTextureCanvas.js +2 -1
  27. package/src/Utils/optimizeTextureImage.js +1 -1
  28. package/src/Utils/rememberCameraViewOffset.js +5 -3
  29. package/src/Utils/restrictCameraMovement.js +1 -1
  30. package/Three/Controls/OrbitControls.js +0 -724
  31. package/Three/Loaders/ColladaLoader.js +0 -2568
  32. package/Three/Loaders/MTLLoader.js +0 -418
  33. package/Three/Loaders/OBJLoader.js +0 -516
  34. package/src/Three/Controls/OrbitControls.js +0 -934
  35. package/src/Three/Loaders/ColladaLoader.js +0 -3245
  36. package/src/Three/Loaders/MTLLoader.js +0 -512
  37. package/src/Three/Loaders/OBJLoader.js +0 -640
@@ -1,724 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var THREE_imp = _interopRequireWildcard(require("three"));
9
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
10
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
- /* eslint-disable */
12
-
13
- // original source: three/examples/js/controls/OrbitControls.js
14
-
15
- var THREE = THREE_imp;
16
-
17
- // important: update file from here if needed
18
- // important: be careful when updating, there is a custom updateQuat function inside the update function
19
-
20
- /**
21
- * @author qiao / https://github.com/qiao
22
- * @author mrdoob / http://mrdoob.com
23
- * @author alteredq / http://alteredqualia.com/
24
- * @author WestLangley / http://github.com/WestLangley
25
- * @author erich666 / http://erichaines.com
26
- */
27
-
28
- // This set of controls performs orbiting, dollying (zooming), and panning.
29
- // Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
30
- //
31
- // Orbit - left mouse / touch: one-finger move
32
- // Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
33
- // Pan - right mouse, or left mouse + ctrl/meta/shiftKey, or arrow keys / touch: two-finger move
34
-
35
- THREE.OrbitControls = function (object, domElement) {
36
- this.object = object;
37
- this.domElement = domElement !== undefined ? domElement : document;
38
-
39
- // Set to false to disable this control
40
- this.enabled = true;
41
-
42
- // "target" sets the location of focus, where the object orbits around
43
- this.target = new THREE.Vector3();
44
-
45
- // How far you can dolly in and out ( PerspectiveCamera only )
46
- this.minDistance = 0;
47
- this.maxDistance = Infinity;
48
-
49
- // How far you can zoom in and out ( OrthographicCamera only )
50
- this.minZoom = 0;
51
- this.maxZoom = Infinity;
52
-
53
- // How far you can orbit vertically, upper and lower limits.
54
- // Range is 0 to Math.PI radians.
55
- this.minPolarAngle = 0; // radians
56
- this.maxPolarAngle = Math.PI; // radians
57
-
58
- // How far you can orbit horizontally, upper and lower limits.
59
- // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
60
- this.minAzimuthAngle = -Infinity; // radians
61
- this.maxAzimuthAngle = Infinity; // radians
62
-
63
- // Set to true to enable damping (inertia)
64
- // If damping is enabled, you must call controls.update() in your animation loop
65
- this.enableDamping = false;
66
- this.dampingFactor = 0.25;
67
-
68
- // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
69
- // Set to false to disable zooming
70
- this.enableZoom = true;
71
- this.zoomSpeed = 1.0;
72
-
73
- // Set to false to disable rotating
74
- this.enableRotate = true;
75
- this.rotateSpeed = 1.0;
76
-
77
- // Set to false to disable panning
78
- this.enablePan = true;
79
- this.panSpeed = 1.0;
80
- this.screenSpacePanning = false; // if true, pan in screen-space
81
- this.keyPanSpeed = 7.0; // pixels moved per arrow key push
82
-
83
- // Set to true to automatically rotate around the target
84
- // If auto-rotate is enabled, you must call controls.update() in your animation loop
85
- this.autoRotate = false;
86
- this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60
87
-
88
- // Set to false to disable use of the keys
89
- this.enableKeys = true;
90
-
91
- // The four arrow keys
92
- this.keys = {
93
- LEFT: 37,
94
- UP: 38,
95
- RIGHT: 39,
96
- BOTTOM: 40
97
- };
98
-
99
- // Mouse buttons
100
- this.mouseButtons = {
101
- LEFT: THREE.MOUSE.LEFT,
102
- MIDDLE: THREE.MOUSE.MIDDLE,
103
- RIGHT: THREE.MOUSE.RIGHT
104
- };
105
-
106
- // for reset
107
- this.target0 = this.target.clone();
108
- this.position0 = this.object.position.clone();
109
- this.zoom0 = this.object.zoom;
110
-
111
- //
112
- // public methods
113
- //
114
-
115
- this.getPolarAngle = function () {
116
- return spherical.phi;
117
- };
118
- this.getAzimuthalAngle = function () {
119
- return spherical.theta;
120
- };
121
- this.saveState = function () {
122
- scope.target0.copy(scope.target);
123
- scope.position0.copy(scope.object.position);
124
- scope.zoom0 = scope.object.zoom;
125
- };
126
- this.reset = function () {
127
- scope.target.copy(scope.target0);
128
- scope.object.position.copy(scope.position0);
129
- scope.object.zoom = scope.zoom0;
130
- scope.object.updateProjectionMatrix();
131
- scope.dispatchEvent(changeEvent);
132
- scope.update();
133
- state = STATE.NONE;
134
- };
135
-
136
- // this method is exposed, but perhaps it would be better if we can make it private...
137
- this.update = function () {
138
- var offset = new THREE.Vector3();
139
- var up = object.up.clone();
140
-
141
- // so camera.up is the orbit axis
142
- var quat;
143
- var quatInverse;
144
-
145
- // the up vector of the camera object can be changed by its rotation,
146
- // to make sure the controls will continue to work the quaternions also have to be updated
147
- function updateQuat(object) {
148
- quat = new THREE.Quaternion().setFromUnitVectors(object.up, new THREE.Vector3(0, 1, 0));
149
- quatInverse = quat.clone().invert();
150
- up = object.up.clone();
151
- }
152
- updateQuat(object);
153
- var lastPosition = new THREE.Vector3();
154
- var lastQuaternion = new THREE.Quaternion();
155
- return function update() {
156
- if (!up.equals(scope.object.up)) {
157
- updateQuat(scope.object);
158
- }
159
- var position = scope.object.position;
160
- offset.copy(position).sub(scope.target);
161
-
162
- // rotate offset to "y-axis-is-up" space
163
- offset.applyQuaternion(quat);
164
-
165
- // angle from z-axis around y-axis
166
- spherical.setFromVector3(offset);
167
- if (scope.autoRotate && state === STATE.NONE) {
168
- rotateLeft(getAutoRotationAngle());
169
- }
170
- spherical.theta += sphericalDelta.theta;
171
- spherical.phi += sphericalDelta.phi;
172
-
173
- // restrict theta to be between desired limits
174
- spherical.theta = Math.max(scope.minAzimuthAngle, Math.min(scope.maxAzimuthAngle, spherical.theta));
175
-
176
- // restrict phi to be between desired limits
177
- spherical.phi = Math.max(scope.minPolarAngle, Math.min(scope.maxPolarAngle, spherical.phi));
178
- spherical.makeSafe();
179
- spherical.radius *= scale;
180
-
181
- // restrict radius to be between desired limits
182
- spherical.radius = Math.max(scope.minDistance, Math.min(scope.maxDistance, spherical.radius));
183
-
184
- // move target to panned location
185
- scope.target.add(panOffset);
186
- offset.setFromSpherical(spherical);
187
-
188
- // rotate offset back to "camera-up-vector-is-up" space
189
- offset.applyQuaternion(quatInverse);
190
- position.copy(scope.target).add(offset);
191
- scope.object.lookAt(scope.target);
192
- if (scope.enableDamping === true) {
193
- sphericalDelta.theta *= 1 - scope.dampingFactor;
194
- sphericalDelta.phi *= 1 - scope.dampingFactor;
195
- panOffset.multiplyScalar(1 - scope.dampingFactor);
196
- } else {
197
- sphericalDelta.set(0, 0, 0);
198
- panOffset.set(0, 0, 0);
199
- }
200
- scale = 1;
201
-
202
- // update condition is:
203
- // min(camera displacement, camera rotation in radians)^2 > EPS
204
- // using small-angle approximation cos(x/2) = 1 - x^2 / 8
205
-
206
- if (zoomChanged || lastPosition.distanceToSquared(scope.object.position) > EPS || 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS) {
207
- scope.dispatchEvent(changeEvent);
208
- lastPosition.copy(scope.object.position);
209
- lastQuaternion.copy(scope.object.quaternion);
210
- zoomChanged = false;
211
- return true;
212
- }
213
- return false;
214
- };
215
- }();
216
- this.dispose = function () {
217
- scope.domElement.removeEventListener("contextmenu", onContextMenu, false);
218
- scope.domElement.removeEventListener("mousedown", onMouseDown, false);
219
- scope.domElement.removeEventListener("wheel", onMouseWheel, false);
220
- scope.domElement.removeEventListener("DOMMouseScroll", onMouseWheel, false);
221
- scope.domElement.removeEventListener("touchstart", onTouchStart, false);
222
- scope.domElement.removeEventListener("touchend", onTouchEnd, false);
223
- scope.domElement.removeEventListener("touchmove", onTouchMove, false);
224
- document.removeEventListener("mousemove", onMouseMove, false);
225
- document.removeEventListener("mouseup", onMouseUp, false);
226
- window.removeEventListener("keydown", onKeyDown, false);
227
-
228
- //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here?
229
- };
230
-
231
- //
232
- // internals
233
- //
234
-
235
- var scope = this;
236
- var changeEvent = {
237
- type: "change"
238
- };
239
- var startEvent = {
240
- type: "start"
241
- };
242
- var endEvent = {
243
- type: "end"
244
- };
245
- var STATE = {
246
- NONE: -1,
247
- ROTATE: 0,
248
- DOLLY: 1,
249
- PAN: 2,
250
- TOUCH_ROTATE: 3,
251
- TOUCH_DOLLY_PAN: 4
252
- };
253
- var state = STATE.NONE;
254
- var EPS = 0.000001;
255
-
256
- // current position in spherical coordinates
257
- var spherical = new THREE.Spherical();
258
- var sphericalDelta = new THREE.Spherical();
259
- var scale = 1;
260
- var panOffset = new THREE.Vector3();
261
- var zoomChanged = false;
262
- var rotateStart = new THREE.Vector2();
263
- var rotateEnd = new THREE.Vector2();
264
- var rotateDelta = new THREE.Vector2();
265
- var panStart = new THREE.Vector2();
266
- var panEnd = new THREE.Vector2();
267
- var panDelta = new THREE.Vector2();
268
- var dollyStart = new THREE.Vector2();
269
- var dollyEnd = new THREE.Vector2();
270
- var dollyDelta = new THREE.Vector2();
271
- function getAutoRotationAngle() {
272
- return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
273
- }
274
- function getZoomScale() {
275
- return Math.pow(0.95, scope.zoomSpeed);
276
- }
277
- function rotateLeft(angle) {
278
- sphericalDelta.theta -= angle;
279
- }
280
- function rotateUp(angle) {
281
- sphericalDelta.phi -= angle;
282
- }
283
- var panLeft = function () {
284
- var v = new THREE.Vector3();
285
- return function panLeft(distance, objectMatrix) {
286
- v.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix
287
- v.multiplyScalar(-distance);
288
- panOffset.add(v);
289
- };
290
- }();
291
- var panUp = function () {
292
- var v = new THREE.Vector3();
293
- return function panUp(distance, objectMatrix) {
294
- if (scope.screenSpacePanning === true) {
295
- v.setFromMatrixColumn(objectMatrix, 1);
296
- } else {
297
- v.setFromMatrixColumn(objectMatrix, 0);
298
- v.crossVectors(scope.object.up, v);
299
- }
300
- v.multiplyScalar(distance);
301
- panOffset.add(v);
302
- };
303
- }();
304
-
305
- // deltaX and deltaY are in pixels; right and down are positive
306
- var pan = function () {
307
- var offset = new THREE.Vector3();
308
- return function pan(deltaX, deltaY) {
309
- var element = scope.domElement === document ? scope.domElement.body : scope.domElement;
310
- if (scope.object.isPerspectiveCamera) {
311
- // perspective
312
- var position = scope.object.position;
313
- offset.copy(position).sub(scope.target);
314
- var targetDistance = offset.length();
315
-
316
- // half of the fov is center to top of screen
317
- targetDistance *= Math.tan(scope.object.fov / 2 * Math.PI / 180.0);
318
-
319
- // we use only clientHeight here so aspect ratio does not distort speed
320
- panLeft(2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix);
321
- panUp(2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix);
322
- } else if (scope.object.isOrthographicCamera) {
323
- // orthographic
324
- panLeft(deltaX * (scope.object.right - scope.object.left) / scope.object.zoom / element.clientWidth, scope.object.matrix);
325
- panUp(deltaY * (scope.object.top - scope.object.bottom) / scope.object.zoom / element.clientHeight, scope.object.matrix);
326
- } else {
327
- // camera neither orthographic nor perspective
328
- console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.");
329
- scope.enablePan = false;
330
- }
331
- };
332
- }();
333
- function dollyIn(dollyScale) {
334
- if (scope.object.isPerspectiveCamera) {
335
- scale /= dollyScale;
336
- } else if (scope.object.isOrthographicCamera) {
337
- scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom * dollyScale));
338
- scope.object.updateProjectionMatrix();
339
- zoomChanged = true;
340
- } else {
341
- console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.");
342
- scope.enableZoom = false;
343
- }
344
- }
345
- function dollyOut(dollyScale) {
346
- if (scope.object.isPerspectiveCamera) {
347
- scale *= dollyScale;
348
- } else if (scope.object.isOrthographicCamera) {
349
- scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom / dollyScale));
350
- scope.object.updateProjectionMatrix();
351
- zoomChanged = true;
352
- } else {
353
- console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.");
354
- scope.enableZoom = false;
355
- }
356
- }
357
-
358
- //
359
- // event callbacks - update the object state
360
- //
361
-
362
- function handleMouseDownRotate(event) {
363
- //console.log( 'handleMouseDownRotate' );
364
-
365
- rotateStart.set(event.clientX, event.clientY);
366
- }
367
- function handleMouseDownDolly(event) {
368
- //console.log( 'handleMouseDownDolly' );
369
-
370
- dollyStart.set(event.clientX, event.clientY);
371
- }
372
- function handleMouseDownPan(event) {
373
- //console.log( 'handleMouseDownPan' );
374
-
375
- panStart.set(event.clientX, event.clientY);
376
- }
377
- function handleMouseMoveRotate(event) {
378
- //console.log( 'handleMouseMoveRotate' );
379
-
380
- rotateEnd.set(event.clientX, event.clientY);
381
- rotateDelta.subVectors(rotateEnd, rotateStart).multiplyScalar(scope.rotateSpeed);
382
- var element = scope.domElement === document ? scope.domElement.body : scope.domElement;
383
- rotateLeft(2 * Math.PI * rotateDelta.x / element.clientHeight); // yes, height
384
-
385
- rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight);
386
- rotateStart.copy(rotateEnd);
387
- scope.update();
388
- }
389
- function handleMouseMoveDolly(event) {
390
- //console.log( 'handleMouseMoveDolly' );
391
-
392
- dollyEnd.set(event.clientX, event.clientY);
393
- dollyDelta.subVectors(dollyEnd, dollyStart);
394
- if (dollyDelta.y > 0) {
395
- dollyIn(getZoomScale());
396
- } else if (dollyDelta.y < 0) {
397
- dollyOut(getZoomScale());
398
- }
399
- dollyStart.copy(dollyEnd);
400
- scope.update();
401
- }
402
- function handleMouseMovePan(event) {
403
- //console.log( 'handleMouseMovePan' );
404
-
405
- panEnd.set(event.clientX, event.clientY);
406
- panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed);
407
- pan(panDelta.x, panDelta.y);
408
- panStart.copy(panEnd);
409
- scope.update();
410
- }
411
- function handleMouseUp(event) {
412
- // console.log( 'handleMouseUp' );
413
- }
414
- function handleMouseWheel(event) {
415
- // console.log( 'handleMouseWheel' );
416
-
417
- if (event.deltaY < 0) {
418
- dollyOut(getZoomScale());
419
- } else if (event.deltaY > 0) {
420
- dollyIn(getZoomScale());
421
- }
422
- scope.update();
423
- }
424
- function handleKeyDown(event) {
425
- //console.log( 'handleKeyDown' );
426
-
427
- switch (event.keyCode) {
428
- case scope.keys.UP:
429
- pan(0, scope.keyPanSpeed);
430
- scope.update();
431
- break;
432
- case scope.keys.BOTTOM:
433
- pan(0, -scope.keyPanSpeed);
434
- scope.update();
435
- break;
436
- case scope.keys.LEFT:
437
- pan(scope.keyPanSpeed, 0);
438
- scope.update();
439
- break;
440
- case scope.keys.RIGHT:
441
- pan(-scope.keyPanSpeed, 0);
442
- scope.update();
443
- break;
444
- }
445
- }
446
- function handleTouchStartRotate(event) {
447
- //console.log( 'handleTouchStartRotate' );
448
-
449
- rotateStart.set(event.touches[0].pageX, event.touches[0].pageY);
450
- }
451
- function handleTouchStartDollyPan(event) {
452
- //console.log( 'handleTouchStartDollyPan' );
453
-
454
- if (scope.enableZoom) {
455
- var dx = event.touches[0].pageX - event.touches[1].pageX;
456
- var dy = event.touches[0].pageY - event.touches[1].pageY;
457
- var distance = Math.sqrt(dx * dx + dy * dy);
458
- dollyStart.set(0, distance);
459
- }
460
- if (scope.enablePan) {
461
- var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX);
462
- var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY);
463
- panStart.set(x, y);
464
- }
465
- }
466
- function handleTouchMoveRotate(event) {
467
- //console.log( 'handleTouchMoveRotate' );
468
-
469
- rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY);
470
- rotateDelta.subVectors(rotateEnd, rotateStart).multiplyScalar(scope.rotateSpeed);
471
- var element = scope.domElement === document ? scope.domElement.body : scope.domElement;
472
- rotateLeft(2 * Math.PI * rotateDelta.x / element.clientHeight); // yes, height
473
-
474
- rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight);
475
- rotateStart.copy(rotateEnd);
476
- scope.update();
477
- }
478
- function handleTouchMoveDollyPan(event) {
479
- //console.log( 'handleTouchMoveDollyPan' );
480
-
481
- if (scope.enableZoom) {
482
- var dx = event.touches[0].pageX - event.touches[1].pageX;
483
- var dy = event.touches[0].pageY - event.touches[1].pageY;
484
- var distance = Math.sqrt(dx * dx + dy * dy);
485
- dollyEnd.set(0, distance);
486
- dollyDelta.set(0, Math.pow(dollyEnd.y / dollyStart.y, scope.zoomSpeed));
487
- dollyIn(dollyDelta.y);
488
- dollyStart.copy(dollyEnd);
489
- }
490
- if (scope.enablePan) {
491
- var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX);
492
- var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY);
493
- panEnd.set(x, y);
494
- panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed);
495
- pan(panDelta.x, panDelta.y);
496
- panStart.copy(panEnd);
497
- }
498
- scope.update();
499
- }
500
- function handleTouchEnd(event) {
501
- //console.log( 'handleTouchEnd' );
502
- }
503
-
504
- //
505
- // event handlers - FSM: listen for events and reset state
506
- //
507
-
508
- function onMouseDown(event) {
509
- if (scope.enabled === false) return;
510
- event.preventDefault();
511
- switch (event.button) {
512
- case scope.mouseButtons.LEFT:
513
- if (event.ctrlKey || event.metaKey || event.shiftKey) {
514
- if (scope.enablePan === false) return;
515
- handleMouseDownPan(event);
516
- state = STATE.PAN;
517
- } else {
518
- if (scope.enableRotate === false) return;
519
- handleMouseDownRotate(event);
520
- state = STATE.ROTATE;
521
- }
522
- break;
523
- case scope.mouseButtons.MIDDLE:
524
- if (scope.enableZoom === false) return;
525
- handleMouseDownDolly(event);
526
- state = STATE.DOLLY;
527
- break;
528
- case scope.mouseButtons.RIGHT:
529
- if (scope.enablePan === false) return;
530
- handleMouseDownPan(event);
531
- state = STATE.PAN;
532
- break;
533
- }
534
- if (state !== STATE.NONE) {
535
- document.addEventListener("mousemove", onMouseMove, false);
536
- document.addEventListener("mouseup", onMouseUp, false);
537
- scope.dispatchEvent(startEvent);
538
- }
539
- }
540
- function onMouseMove(event) {
541
- if (scope.enabled === false) return;
542
- event.preventDefault();
543
- switch (state) {
544
- case STATE.ROTATE:
545
- if (scope.enableRotate === false) return;
546
- handleMouseMoveRotate(event);
547
- break;
548
- case STATE.DOLLY:
549
- if (scope.enableZoom === false) return;
550
- handleMouseMoveDolly(event);
551
- break;
552
- case STATE.PAN:
553
- if (scope.enablePan === false) return;
554
- handleMouseMovePan(event);
555
- break;
556
- }
557
- }
558
- function onMouseUp(event) {
559
- if (scope.enabled === false) return;
560
- handleMouseUp(event);
561
- document.removeEventListener("mousemove", onMouseMove, false);
562
- document.removeEventListener("mouseup", onMouseUp, false);
563
- scope.dispatchEvent(endEvent);
564
- state = STATE.NONE;
565
- }
566
- function onMouseWheel(event) {
567
- if (scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE && state !== STATE.ROTATE) return;
568
- event.preventDefault();
569
- event.stopPropagation();
570
- scope.dispatchEvent(startEvent);
571
- handleMouseWheel(event);
572
- scope.dispatchEvent(endEvent);
573
- }
574
- function onKeyDown(event) {
575
- if (scope.enabled === false || scope.enableKeys === false || scope.enablePan === false) return;
576
- handleKeyDown(event);
577
- }
578
- function onTouchStart(event) {
579
- if (scope.enabled === false) return;
580
- event.preventDefault();
581
- switch (event.touches.length) {
582
- case 1:
583
- // one-fingered touch: rotate
584
- if (scope.enableRotate === false) return;
585
- handleTouchStartRotate(event);
586
- state = STATE.TOUCH_ROTATE;
587
- break;
588
- case 2:
589
- // two-fingered touch: dolly-pan
590
- if (scope.enableZoom === false && scope.enablePan === false) return;
591
- handleTouchStartDollyPan(event);
592
- state = STATE.TOUCH_DOLLY_PAN;
593
- break;
594
- default:
595
- state = STATE.NONE;
596
- }
597
- if (state !== STATE.NONE) {
598
- scope.dispatchEvent(startEvent);
599
- }
600
- }
601
- function onTouchMove(event) {
602
- if (scope.enabled === false) return;
603
- event.preventDefault();
604
- event.stopPropagation();
605
- switch (event.touches.length) {
606
- case 1:
607
- // one-fingered touch: rotate
608
- if (scope.enableRotate === false) return;
609
- if (state !== STATE.TOUCH_ROTATE) return; // is this needed?
610
-
611
- handleTouchMoveRotate(event);
612
- break;
613
- case 2:
614
- // two-fingered touch: dolly-pan
615
- if (scope.enableZoom === false && scope.enablePan === false) return;
616
- if (state !== STATE.TOUCH_DOLLY_PAN) return; // is this needed?
617
-
618
- handleTouchMoveDollyPan(event);
619
- break;
620
- default:
621
- state = STATE.NONE;
622
- }
623
- }
624
- function onTouchEnd(event) {
625
- if (scope.enabled === false) return;
626
- handleTouchEnd(event);
627
- scope.dispatchEvent(endEvent);
628
- state = STATE.NONE;
629
- }
630
- function onContextMenu(event) {
631
- if (scope.enabled === false) return;
632
- event.preventDefault();
633
- }
634
-
635
- //
636
-
637
- scope.domElement.addEventListener("contextmenu", onContextMenu, false);
638
- scope.domElement.addEventListener("mousedown", onMouseDown, false);
639
- scope.domElement.addEventListener("wheel", onMouseWheel, false);
640
- scope.domElement.addEventListener("DOMMouseScroll", onMouseWheel, false);
641
- scope.domElement.addEventListener("touchstart", onTouchStart, false);
642
- scope.domElement.addEventListener("touchend", onTouchEnd, false);
643
- scope.domElement.addEventListener("touchmove", onTouchMove, false);
644
- window.addEventListener("keydown", onKeyDown, false);
645
-
646
- // force an update at start
647
-
648
- this.update();
649
- };
650
- THREE.OrbitControls.prototype = Object.create(THREE.EventDispatcher.prototype);
651
- THREE.OrbitControls.prototype.constructor = THREE.OrbitControls;
652
- Object.defineProperties(THREE.OrbitControls.prototype, {
653
- center: {
654
- get: function get() {
655
- console.warn("THREE.OrbitControls: .center has been renamed to .target");
656
- return this.target;
657
- }
658
- },
659
- // backward compatibility
660
-
661
- noZoom: {
662
- get: function get() {
663
- console.warn("THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.");
664
- return !this.enableZoom;
665
- },
666
- set: function set(value) {
667
- console.warn("THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.");
668
- this.enableZoom = !value;
669
- }
670
- },
671
- noRotate: {
672
- get: function get() {
673
- console.warn("THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.");
674
- return !this.enableRotate;
675
- },
676
- set: function set(value) {
677
- console.warn("THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.");
678
- this.enableRotate = !value;
679
- }
680
- },
681
- noPan: {
682
- get: function get() {
683
- console.warn("THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.");
684
- return !this.enablePan;
685
- },
686
- set: function set(value) {
687
- console.warn("THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.");
688
- this.enablePan = !value;
689
- }
690
- },
691
- noKeys: {
692
- get: function get() {
693
- console.warn("THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.");
694
- return !this.enableKeys;
695
- },
696
- set: function set(value) {
697
- console.warn("THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.");
698
- this.enableKeys = !value;
699
- }
700
- },
701
- staticMoving: {
702
- get: function get() {
703
- console.warn("THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.");
704
- return !this.enableDamping;
705
- },
706
- set: function set(value) {
707
- console.warn("THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.");
708
- this.enableDamping = !value;
709
- }
710
- },
711
- dynamicDampingFactor: {
712
- get: function get() {
713
- console.warn("THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.");
714
- return this.dampingFactor;
715
- },
716
- set: function set(value) {
717
- console.warn("THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.");
718
- this.dampingFactor = value;
719
- }
720
- }
721
- });
722
-
723
- // important: don't forget to export it
724
- var _default = exports["default"] = THREE.OrbitControls;