@openglobus/og 0.15.3 → 0.15.5
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/README.md +3 -7
- package/css/og.css +24 -15
- package/dist/@openglobus/og.css +1 -1
- package/dist/@openglobus/og.esm.js +2 -2
- package/dist/@openglobus/og.esm.js.map +1 -1
- package/dist/@openglobus/og.umd.js +2 -2
- package/dist/@openglobus/og.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/og/Globe.js +4 -0
- package/src/og/LonLat.js +207 -193
- package/src/og/Object3d.js +1 -1
- package/src/og/camera/Camera.js +4 -16
- package/src/og/camera/PlanetCamera.js +12 -6
- package/src/og/control/DebugInfo.js +263 -165
- package/src/og/control/KeyboardNavigation.js +153 -169
- package/src/og/control/MouseNavigation.js +0 -20
- package/src/og/control/RulerSwitcher.js +4 -1
- package/src/og/control/SimpleNavigation.js +123 -128
- package/src/og/control/heightRuler/HeightRuler.js +12 -0
- package/src/og/control/heightRuler/HeightRulerScene.js +224 -0
- package/src/og/control/heightRuler/HeightRulerSwitcher.js +15 -0
- package/src/og/control/index.js +2 -0
- package/src/og/control/ruler/RulerScene.js +106 -79
- package/src/og/ellipsoid/Ellipsoid.js +20 -3
- package/src/og/entity/Entity.js +6 -6
- package/src/og/entity/EntityCollection.js +4 -0
- package/src/og/entity/GeoObjectHandler.js +3 -0
- package/src/og/layer/BaseGeoImage.js +152 -16
- package/src/og/layer/GeoImage.js +0 -91
- package/src/og/layer/GeoTexture2d.js +54 -143
- package/src/og/layer/GeoVideo.js +6 -107
- package/src/og/layer/Material.js +1 -1
- package/src/og/layer/Vector.js +8 -6
- package/src/og/layer/XYZ.js +2 -2
- package/src/og/quadTree/EntityCollectionNode.js +8 -2
- package/src/og/renderer/Renderer.js +91 -94
- package/src/og/renderer/RendererEvents.js +39 -23
- package/src/og/scene/BaseNode.js +113 -113
- package/src/og/scene/Planet.js +20 -13
- package/src/og/scene/RenderNode.js +42 -9
- package/src/og/segment/Segment.js +38 -45
- package/src/og/shaders/geoObject.js +12 -10
- package/src/og/shaders/pickingMask.js +1 -1
- package/src/og/utils/GeoImageCreator.js +61 -21
- package/src/og/utils/VectorTileCreator.js +32 -49
- package/src/og/webgl/Framebuffer.js +5 -0
- package/types/LonLat.d.ts +8 -0
- package/types/camera/PlanetCamera.d.ts +1 -1
- package/types/control/DebugInfo.d.ts +4 -0
- package/types/control/SimpleNavigation.d.ts +1 -0
- package/types/control/heightRuler/HeightRuler.d.ts +6 -0
- package/types/control/heightRuler/HeightRulerScene.d.ts +23 -0
- package/types/control/index.d.ts +2 -1
- package/types/control/ruler/RulerScene.d.ts +8 -5
- package/types/control/selection/SelectionScene.d.ts +0 -1
- package/types/ellipsoid/Ellipsoid.d.ts +13 -1
- package/types/entity/EntityCollection.d.ts +1 -0
- package/types/layer/BaseGeoImage.d.ts +17 -3
- package/types/layer/GeoImage.d.ts +0 -8
- package/types/layer/GeoTexture2d.d.ts +0 -2
- package/types/layer/GeoVideo.d.ts +0 -8
- package/types/layer/XYZ.d.ts +1 -1
- package/types/renderer/Renderer.d.ts +12 -3
- package/types/scene/Axes.d.ts +1 -1
- package/types/scene/BaseNode.d.ts +2 -2
- package/types/scene/Planet.d.ts +0 -5
- package/types/scene/RenderNode.d.ts +16 -9
- package/types/scene/SkyBox.d.ts +1 -1
- package/types/segment/Segment.d.ts +2 -3
- package/types/utils/VectorTileCreator.d.ts +1 -3
- package/types/webgl/Framebuffer.d.ts +1 -0
|
@@ -1,169 +1,153 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @module og/control/KeyboardNavigation
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
"use strict";
|
|
6
|
-
|
|
7
|
-
import { input } from "../input/input.js";
|
|
8
|
-
import * as math from "../math.js";
|
|
9
|
-
import { Vec3 } from "../math/Vec3.js";
|
|
10
|
-
import { Control } from "./Control.js";
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Planet camera keyboard navigation. Use W,S,A,D and left shift key for fly around a planet.
|
|
14
|
-
* @class
|
|
15
|
-
* @extends {Control}
|
|
16
|
-
* @param {Object} [options] - Control options.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
class KeyboardNavigation extends Control {
|
|
20
|
-
constructor(options) {
|
|
21
|
-
options = options || {};
|
|
22
|
-
super(options);
|
|
23
|
-
this.step = options.step || 250;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
oninit() {
|
|
27
|
-
this.renderer.events.on("keypress", input.KEY_PGUP, this.onCameraMoveForward, this);
|
|
28
|
-
this.renderer.events.on("keypress", input.KEY_PGDN, this.onCameraMoveBackward, this);
|
|
29
|
-
this.renderer.events.on("keypress", input.KEY_PLUS, this.onCameraMoveForward, this);
|
|
30
|
-
this.renderer.events.on("keypress", input.KEY_EQUALS, this.onCameraMoveForward, this);
|
|
31
|
-
this.renderer.events.on("keypress", input.KEY_MINUS, this.onCameraMoveBackward, this);
|
|
32
|
-
this.renderer.events.on("keypress", input.KEY_W, this.onCameraMoveForward, this);
|
|
33
|
-
this.renderer.events.on("keypress", input.KEY_S, this.onCameraMoveBackward, this);
|
|
34
|
-
this.renderer.events.on("keypress", input.KEY_A, this.onCameraStrifeLeft, this);
|
|
35
|
-
this.renderer.events.on("keypress", input.KEY_D, this.onCameraStrifeRight, this);
|
|
36
|
-
this.renderer.events.on("keypress", input.KEY_UP, this.onCameraLookUp, this);
|
|
37
|
-
this.renderer.events.on("keypress", input.KEY_DOWN, this.onCameraLookDown, this);
|
|
38
|
-
this.renderer.events.on("keypress", input.KEY_LEFT, this.onCameraLookLeft, this);
|
|
39
|
-
this.renderer.events.on("keypress", input.KEY_RIGHT, this.onCameraLookRight, this);
|
|
40
|
-
this.renderer.events.on("keypress", input.KEY_Q, this.onCameraRollLeft, this);
|
|
41
|
-
this.renderer.events.on("keypress", input.KEY_E, this.onCameraRollRight, this);
|
|
42
|
-
this.renderer.events.on("keypress", input.KEY_N, this.onCameraRollNorth, this);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
onCameraMoveForward(event) {
|
|
46
|
-
var cam = this.renderer.activeCamera;
|
|
47
|
-
cam.slide(0, 0, -cam._lonLat.height / this.step);
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
cam.
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
cam
|
|
62
|
-
cam.
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
var cam = this.renderer.activeCamera;
|
|
85
|
-
if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
|
|
86
|
-
cam.
|
|
87
|
-
} else {
|
|
88
|
-
cam.
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
cam.
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
this.renderer.activeCamera.roll(-15 / this.renderer.handler.deltaTime);
|
|
155
|
-
this.renderer.activeCamera.update();
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
onCameraRollRight(event) {
|
|
159
|
-
this.renderer.activeCamera.roll(15 / this.renderer.handler.deltaTime);
|
|
160
|
-
this.renderer.activeCamera.update();
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
export function keyboardNavigation(options) {
|
|
165
|
-
return new KeyboardNavigation(options);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
export { KeyboardNavigation };
|
|
169
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @module og/control/KeyboardNavigation
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
"use strict";
|
|
6
|
+
|
|
7
|
+
import { input } from "../input/input.js";
|
|
8
|
+
import * as math from "../math.js";
|
|
9
|
+
import { Vec3 } from "../math/Vec3.js";
|
|
10
|
+
import { Control } from "./Control.js";
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Planet camera keyboard navigation. Use W,S,A,D and left shift key for fly around a planet.
|
|
14
|
+
* @class
|
|
15
|
+
* @extends {Control}
|
|
16
|
+
* @param {Object} [options] - Control options.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
class KeyboardNavigation extends Control {
|
|
20
|
+
constructor(options) {
|
|
21
|
+
options = options || {};
|
|
22
|
+
super(options);
|
|
23
|
+
this.step = options.step || 250;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
oninit() {
|
|
27
|
+
this.renderer.events.on("keypress", input.KEY_PGUP, this.onCameraMoveForward, this);
|
|
28
|
+
this.renderer.events.on("keypress", input.KEY_PGDN, this.onCameraMoveBackward, this);
|
|
29
|
+
this.renderer.events.on("keypress", input.KEY_PLUS, this.onCameraMoveForward, this);
|
|
30
|
+
this.renderer.events.on("keypress", input.KEY_EQUALS, this.onCameraMoveForward, this);
|
|
31
|
+
this.renderer.events.on("keypress", input.KEY_MINUS, this.onCameraMoveBackward, this);
|
|
32
|
+
this.renderer.events.on("keypress", input.KEY_W, this.onCameraMoveForward, this);
|
|
33
|
+
this.renderer.events.on("keypress", input.KEY_S, this.onCameraMoveBackward, this);
|
|
34
|
+
this.renderer.events.on("keypress", input.KEY_A, this.onCameraStrifeLeft, this);
|
|
35
|
+
this.renderer.events.on("keypress", input.KEY_D, this.onCameraStrifeRight, this);
|
|
36
|
+
this.renderer.events.on("keypress", input.KEY_UP, this.onCameraLookUp, this);
|
|
37
|
+
this.renderer.events.on("keypress", input.KEY_DOWN, this.onCameraLookDown, this);
|
|
38
|
+
this.renderer.events.on("keypress", input.KEY_LEFT, this.onCameraLookLeft, this);
|
|
39
|
+
this.renderer.events.on("keypress", input.KEY_RIGHT, this.onCameraLookRight, this);
|
|
40
|
+
this.renderer.events.on("keypress", input.KEY_Q, this.onCameraRollLeft, this);
|
|
41
|
+
this.renderer.events.on("keypress", input.KEY_E, this.onCameraRollRight, this);
|
|
42
|
+
this.renderer.events.on("keypress", input.KEY_N, this.onCameraRollNorth, this);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
onCameraMoveForward(event) {
|
|
46
|
+
var cam = this.renderer.activeCamera;
|
|
47
|
+
cam.slide(0, 0, -cam._lonLat.height / this.step);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
onCameraMoveBackward(event) {
|
|
51
|
+
var cam = this.renderer.activeCamera;
|
|
52
|
+
cam.slide(0, 0, cam._lonLat.height / this.step);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
onCameraStrifeLeft(event) {
|
|
56
|
+
var cam = this.renderer.activeCamera;
|
|
57
|
+
cam.slide(-cam._lonLat.height / this.step, 0, 0);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
onCameraStrifeRight(event) {
|
|
61
|
+
var cam = this.renderer.activeCamera;
|
|
62
|
+
cam.slide(cam._lonLat.height / this.step, 0, 0);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
onCameraLookUp(event) {
|
|
66
|
+
var cam = this.renderer.activeCamera;
|
|
67
|
+
if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
|
|
68
|
+
cam.pitch(15 / this.renderer.handler.deltaTime);
|
|
69
|
+
} else {
|
|
70
|
+
cam.rotateVertical((cam._lonLat.height / 3000000) * math.RADIANS, Vec3.ZERO);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
onCameraLookDown(event) {
|
|
75
|
+
var cam = this.renderer.activeCamera;
|
|
76
|
+
if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
|
|
77
|
+
cam.pitch(-15 / this.renderer.handler.deltaTime);
|
|
78
|
+
} else {
|
|
79
|
+
cam.rotateVertical((-cam._lonLat.height / 3000000) * math.RADIANS, Vec3.ZERO);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
onCameraLookLeft(event) {
|
|
84
|
+
var cam = this.renderer.activeCamera;
|
|
85
|
+
if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
|
|
86
|
+
cam.roll(15 / this.renderer.handler.deltaTime);
|
|
87
|
+
} else {
|
|
88
|
+
cam.rotateHorizontal((cam._lonLat.height / 3000000) * math.RADIANS, Vec3.ZERO);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
onCameraLookRight(event) {
|
|
93
|
+
var cam = this.renderer.activeCamera;
|
|
94
|
+
if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
|
|
95
|
+
cam.roll(-15 / this.renderer.handler.deltaTime);
|
|
96
|
+
} else {
|
|
97
|
+
cam.rotateHorizontal((-cam._lonLat.height / 3000000) * math.RADIANS, Vec3.ZERO);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
onCameraTurnLeft(event) {
|
|
102
|
+
var cam = this.renderer.activeCamera;
|
|
103
|
+
if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
|
|
104
|
+
cam.yaw(15 / this.renderer.handler.deltaTime);
|
|
105
|
+
} else {
|
|
106
|
+
cam.rotateHorizontal((cam._lonLat.height / 3000000) * math.RADIANS, false, Vec3.ZERO);
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
onCameraTurnRight(event) {
|
|
111
|
+
var cam = this.renderer.activeCamera;
|
|
112
|
+
if (this.renderer.events.isKeyPressed(input.KEY_SHIFT)) {
|
|
113
|
+
cam.yaw(-15 / this.renderer.handler.deltaTime);
|
|
114
|
+
} else {
|
|
115
|
+
cam.rotateHorizontal((-cam._lonLat.height / 3000000) * math.RADIANS, false, Vec3.ZERO);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
// from CompassButton._onClick()
|
|
120
|
+
onCameraRollNorth(event) {
|
|
121
|
+
let c = this.planet.getCartesianFromPixelTerrain(this.renderer.handler.getCenter());
|
|
122
|
+
if (c) {
|
|
123
|
+
this.planet.flyCartesian(
|
|
124
|
+
c.normal().scaleTo(c.length() + c.distance(this.planet.camera.eye)),
|
|
125
|
+
null,
|
|
126
|
+
null,
|
|
127
|
+
0,
|
|
128
|
+
null,
|
|
129
|
+
null,
|
|
130
|
+
() => {
|
|
131
|
+
this.planet.camera.look(c);
|
|
132
|
+
}
|
|
133
|
+
);
|
|
134
|
+
} else {
|
|
135
|
+
this.planet.flyCartesian(this.planet.camera.eye);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
onCameraRollLeft(event) {
|
|
140
|
+
this.renderer.activeCamera.roll(-15 / this.renderer.handler.deltaTime);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
onCameraRollRight(event) {
|
|
144
|
+
this.renderer.activeCamera.roll(15 / this.renderer.handler.deltaTime);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
export function keyboardNavigation(options) {
|
|
149
|
+
return new KeyboardNavigation(options);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
export { KeyboardNavigation };
|
|
153
|
+
|
|
@@ -319,10 +319,6 @@ class MouseNavigation extends Control {
|
|
|
319
319
|
cam._u = rot.mulVec3(cam._u);
|
|
320
320
|
cam._r = rot.mulVec3(cam._r);
|
|
321
321
|
cam._b = rot.mulVec3(cam._b);
|
|
322
|
-
|
|
323
|
-
cam.checkTerrainCollision();
|
|
324
|
-
|
|
325
|
-
cam.update();
|
|
326
322
|
}
|
|
327
323
|
} else {
|
|
328
324
|
var p0 = this.grabbedPoint,
|
|
@@ -332,10 +328,6 @@ class MouseNavigation extends Control {
|
|
|
332
328
|
var px = new Vec3();
|
|
333
329
|
if (new Ray(cam.eye, e.direction).hitPlane(p0, p1, p2, px) === Ray.INSIDE) {
|
|
334
330
|
cam.eye = this._eye0.addA(px.subA(p0).negate());
|
|
335
|
-
|
|
336
|
-
cam.checkTerrainCollision();
|
|
337
|
-
|
|
338
|
-
cam.update();
|
|
339
331
|
}
|
|
340
332
|
}
|
|
341
333
|
}
|
|
@@ -361,10 +353,6 @@ class MouseNavigation extends Control {
|
|
|
361
353
|
cam.rotateHorizontal(l * (e.x - e.prev_x), false, this.pointOnEarth, this.earthUp);
|
|
362
354
|
|
|
363
355
|
cam.rotateVertical(l * (e.y - e.prev_y), this.pointOnEarth, this.minSlope);
|
|
364
|
-
|
|
365
|
-
cam.checkTerrainCollision();
|
|
366
|
-
|
|
367
|
-
cam.update();
|
|
368
356
|
}
|
|
369
357
|
}
|
|
370
358
|
|
|
@@ -405,10 +393,6 @@ class MouseNavigation extends Control {
|
|
|
405
393
|
cam._u = sf.v;
|
|
406
394
|
cam._r = sf.u;
|
|
407
395
|
cam._b = sf.n;
|
|
408
|
-
|
|
409
|
-
cam.checkTerrainCollision();
|
|
410
|
-
|
|
411
|
-
cam.update();
|
|
412
396
|
} else {
|
|
413
397
|
if (this._deactivate) {
|
|
414
398
|
this._deactivate = false;
|
|
@@ -438,10 +422,6 @@ class MouseNavigation extends Control {
|
|
|
438
422
|
cam._u = rot.mulVec3(cam._u);
|
|
439
423
|
cam._r = rot.mulVec3(cam._r);
|
|
440
424
|
cam._b = rot.mulVec3(cam._b);
|
|
441
|
-
|
|
442
|
-
cam.checkTerrainCollision();
|
|
443
|
-
|
|
444
|
-
cam.update();
|
|
445
425
|
}
|
|
446
426
|
|
|
447
427
|
if (cam.eye.distance(prevEye) / cam._terrainAltitude > 0.01) {
|
|
@@ -32,7 +32,10 @@ const ICON_BUTTON_SVG = `<?xml version="1.0" encoding="iso-8859-1"?>
|
|
|
32
32
|
*/
|
|
33
33
|
class RulerSwitcher extends Control {
|
|
34
34
|
constructor(options = {}) {
|
|
35
|
-
super(
|
|
35
|
+
super({
|
|
36
|
+
name: "RulerSwitcher",
|
|
37
|
+
...options
|
|
38
|
+
});
|
|
36
39
|
|
|
37
40
|
this.ruler = new Ruler({
|
|
38
41
|
ignoreTerrain: options.ignoreTerrain
|
|
@@ -1,128 +1,123 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { input } from "../input/input.js";
|
|
4
|
-
import { Control } from "./Control.js";
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Simple keyboard camera navigation with W,S,A,D and shift keys to fly around the scene.
|
|
8
|
-
* @class
|
|
9
|
-
* @extends {Control}
|
|
10
|
-
* @param {Object} [options] - Control options.
|
|
11
|
-
*/
|
|
12
|
-
class SimpleNavigation extends Control {
|
|
13
|
-
constructor(options) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
this.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
this.
|
|
27
|
-
this.renderer.events.on("keypress", input.
|
|
28
|
-
this.renderer.events.on("keypress", input.
|
|
29
|
-
this.renderer.events.on("keypress", input.
|
|
30
|
-
this.renderer.events.on("keypress", input.
|
|
31
|
-
this.renderer.events.on("keypress", input.
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
return new SimpleNavigation(options);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
export { SimpleNavigation };
|
|
128
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { input } from "../input/input.js";
|
|
4
|
+
import { Control } from "./Control.js";
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Simple keyboard camera navigation with W,S,A,D and shift keys to fly around the scene.
|
|
8
|
+
* @class
|
|
9
|
+
* @extends {Control}
|
|
10
|
+
* @param {Object} [options] - Control options.
|
|
11
|
+
*/
|
|
12
|
+
class SimpleNavigation extends Control {
|
|
13
|
+
constructor(options = {}) {
|
|
14
|
+
super({ autoActivate: true, ...options });
|
|
15
|
+
|
|
16
|
+
this.camera = null;
|
|
17
|
+
this.speed = options.speed || 1.0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
oninit() {
|
|
21
|
+
this.camera = this.renderer.activeCamera;
|
|
22
|
+
this.renderer.events.on("keypress", input.KEY_W, this.onCameraMoveForward, this);
|
|
23
|
+
this.renderer.events.on("keypress", input.KEY_S, this.onCameraMoveBackward, this);
|
|
24
|
+
this.renderer.events.on("keypress", input.KEY_A, this.onCameraStrifeLeft, this);
|
|
25
|
+
this.renderer.events.on("keypress", input.KEY_D, this.onCameraStrifeRight, this);
|
|
26
|
+
this.renderer.events.on("keypress", input.KEY_UP, this.onCameraLookUp, this);
|
|
27
|
+
this.renderer.events.on("keypress", input.KEY_DOWN, this.onCameraLookDown, this);
|
|
28
|
+
this.renderer.events.on("keypress", input.KEY_LEFT, this.onCameraTurnLeft, this);
|
|
29
|
+
this.renderer.events.on("keypress", input.KEY_RIGHT, this.onCameraTurnRight, this);
|
|
30
|
+
this.renderer.events.on("keypress", input.KEY_Q, this.onCameraRollLeft, this);
|
|
31
|
+
this.renderer.events.on("keypress", input.KEY_E, this.onCameraRollRight, this);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
onCameraMoveForward() {
|
|
35
|
+
if (this._active) {
|
|
36
|
+
var camera = this.camera;
|
|
37
|
+
camera.slide(0, 0, -this.speed);
|
|
38
|
+
//camera.update();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
onCameraMoveBackward() {
|
|
43
|
+
if (this._active) {
|
|
44
|
+
var camera = this.camera;
|
|
45
|
+
camera.slide(0, 0, this.speed);
|
|
46
|
+
//camera.update();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
onCameraStrifeLeft() {
|
|
51
|
+
if (this._active) {
|
|
52
|
+
var camera = this.camera;
|
|
53
|
+
camera.slide(-this.speed, 0, 0);
|
|
54
|
+
//camera.update();
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
onCameraStrifeRight() {
|
|
59
|
+
if (this._active) {
|
|
60
|
+
var camera = this.camera;
|
|
61
|
+
camera.slide(this.speed, 0, 0);
|
|
62
|
+
//camera.update();
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
onCameraLookUp() {
|
|
67
|
+
if (this._active) {
|
|
68
|
+
var cam = this.camera;
|
|
69
|
+
cam.pitch(0.5);
|
|
70
|
+
//cam.update();
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
onCameraLookDown() {
|
|
75
|
+
if (this._active) {
|
|
76
|
+
var cam = this.camera;
|
|
77
|
+
cam.pitch(-0.5);
|
|
78
|
+
//cam.update();
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
onCameraTurnLeft() {
|
|
83
|
+
if (this._active) {
|
|
84
|
+
var cam = this.camera;
|
|
85
|
+
cam.yaw(0.5);
|
|
86
|
+
//cam.update();
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
onCameraTurnRight() {
|
|
91
|
+
if (this._active) {
|
|
92
|
+
var cam = this.camera;
|
|
93
|
+
cam.yaw(-0.5);
|
|
94
|
+
//cam.update();
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
onCameraRollLeft() {
|
|
99
|
+
if (this._active) {
|
|
100
|
+
var cam = this.camera;
|
|
101
|
+
cam.roll(-0.5);
|
|
102
|
+
//cam.update();
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
onCameraRollRight() {
|
|
107
|
+
if (this._active) {
|
|
108
|
+
var cam = this.camera;
|
|
109
|
+
cam.roll(0.5);
|
|
110
|
+
//cam.update();
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/**
|
|
116
|
+
* Creates simple navigation control instance.
|
|
117
|
+
*/
|
|
118
|
+
export function simpleNavigation(options) {
|
|
119
|
+
return new SimpleNavigation(options);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
export { SimpleNavigation };
|
|
123
|
+
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Ruler } from "../ruler/Ruler.js";
|
|
2
|
+
import { HeightRulerScene } from "./HeightRulerScene.js";
|
|
3
|
+
|
|
4
|
+
export class HeightRuler extends Ruler {
|
|
5
|
+
constructor(options) {
|
|
6
|
+
super({ ...options });
|
|
7
|
+
this._rulerScene = new HeightRulerScene({
|
|
8
|
+
name: `heightRulerScene:${this._id}`,
|
|
9
|
+
ignoreTerrain: false
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
}
|