You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Cesium-Prequel/Specs/Scene/ScreenSpaceCameraController...

1916 lines
57 KiB
JavaScript

import { Cartesian2 } from "../../Source/Cesium.js";
import { Cartesian3 } from "../../Source/Cesium.js";
import { combine } from "../../Source/Cesium.js";
import { Ellipsoid } from "../../Source/Cesium.js";
import { FeatureDetection } from "../../Source/Cesium.js";
import { GeographicProjection } from "../../Source/Cesium.js";
import { IntersectionTests } from "../../Source/Cesium.js";
import { KeyboardEventModifier } from "../../Source/Cesium.js";
import { Math as CesiumMath } from "../../Source/Cesium.js";
import { OrthographicFrustum } from "../../Source/Cesium.js";
import { OrthographicOffCenterFrustum } from "../../Source/Cesium.js";
import { Ray } from "../../Source/Cesium.js";
import { Transforms } from "../../Source/Cesium.js";
import { Camera } from "../../Source/Cesium.js";
import { CameraEventType } from "../../Source/Cesium.js";
import { MapMode2D } from "../../Source/Cesium.js";
import { SceneMode } from "../../Source/Cesium.js";
import { ScreenSpaceCameraController } from "../../Source/Cesium.js";
import createCamera from "../createCamera.js";
import createCanvas from "../createCanvas.js";
import DomEventSimulator from "../DomEventSimulator.js";
describe("Scene/ScreenSpaceCameraController", function () {
var usePointerEvents;
var scene;
var canvas;
var camera;
var controller;
function MockScene(canvas, camera, ellipsoid) {
this.canvas = canvas;
this.camera = camera;
this.globe = undefined;
this.mapProjection = new GeographicProjection(ellipsoid);
this.terrainExaggeration = 1.0;
this.screenSpaceCameraController = undefined;
this.cameraUnderground = false;
this.globeHeight = 0.0;
}
function MockGlobe(ellipsoid) {
this.ellipsoid = ellipsoid;
this.getHeight = function (cartographic) {
return 0.0;
};
this.pickWorldCoordinates = function () {
return new Cartesian3(0.0, 0.0, 1.0);
};
this._surface = {
tileProvider: {
ready: true,
},
_tileLoadQueueHigh: [],
_tileLoadQueueMedium: [],
_tileLoadQueueLow: [],
_debug: {
tilesWaitingForChildren: 0,
},
};
this.show = true;
}
beforeAll(function () {
usePointerEvents = FeatureDetection.supportsPointerEvents();
canvas = createCanvas(1024, 768);
});
afterAll(function () {
document.body.removeChild(canvas);
});
beforeEach(function () {
var maxRadii = Ellipsoid.WGS84.maximumRadius;
var offset = Cartesian3.multiplyByScalar(
Cartesian3.normalize(new Cartesian3(0.0, -2.0, 1.0), new Cartesian3()),
2.5 * maxRadii,
new Cartesian3()
);
camera = createCamera({
canvas: canvas,
offset: offset,
near: 1.0,
far: 500000000.0,
});
scene = new MockScene(canvas, camera, Ellipsoid.WGS84);
controller = new ScreenSpaceCameraController(scene);
scene.screenSpaceCameraController = controller;
camera._scene = scene;
});
afterEach(function () {
scene.mapMode2D = MapMode2D.INFINITE_SCROLL;
controller =
controller && !controller.isDestroyed() && controller.destroy();
});
var MouseButtons = {
LEFT: 0,
MIDDLE: 1,
RIGHT: 2,
};
function simulateMouseDown(options) {
if (usePointerEvents) {
DomEventSimulator.firePointerDown(
canvas,
combine(options, {
pointerType: "mouse",
})
);
} else {
DomEventSimulator.fireMouseDown(canvas, options);
}
}
function simulateMouseUp(options) {
if (usePointerEvents) {
DomEventSimulator.firePointerUp(
canvas,
combine(options, {
pointerType: "mouse",
})
);
} else {
DomEventSimulator.fireMouseUp(document, options);
}
}
function simulateMouseMove(options) {
if (usePointerEvents) {
DomEventSimulator.firePointerMove(
canvas,
combine(options, {
pointerType: "mouse",
})
);
} else {
DomEventSimulator.fireMouseMove(document, options);
}
}
function simulateMouseWheel(wheelDelta) {
if ("onwheel" in document) {
DomEventSimulator.fireWheel(
canvas,
combine({
deltaY: -wheelDelta,
})
);
} else if (document.onmousewheel !== undefined) {
DomEventSimulator.fireMouseWheel(
canvas,
combine({
wheelDelta: wheelDelta,
})
);
}
}
function moveMouse(button, startPosition, endPosition, shiftKey) {
var canvasRect = canvas.getBoundingClientRect();
var options = {
button: button,
clientX: startPosition.x + canvasRect.left,
clientY: startPosition.y + canvasRect.top,
shiftKey: shiftKey,
};
simulateMouseDown(options);
options.clientX = endPosition.x + canvasRect.left;
options.clientY = endPosition.y + canvasRect.top;
simulateMouseMove(options);
simulateMouseUp(options);
}
function setUp2D() {
scene.mode = SceneMode.SCENE2D;
var ellipsoid = Ellipsoid.WGS84;
scene.mapProjection = new GeographicProjection(ellipsoid);
scene.frameState = {
mode: scene.mode,
mapProjection: scene.mapProjection,
};
scene.cameraUnderground = false;
var maxRadii = ellipsoid.maximumRadius;
var frustum = new OrthographicOffCenterFrustum();
frustum.right = maxRadii * Math.PI;
frustum.left = -frustum.right;
frustum.top = frustum.right * (canvas.clientHeight / canvas.clientWidth);
frustum.bottom = -frustum.top;
frustum.near = 0.01 * maxRadii;
frustum.far = 60.0 * maxRadii;
camera.frustum = frustum;
camera.position = new Cartesian3(0.0, 0.0, maxRadii);
camera.direction = Cartesian3.negate(Cartesian3.UNIT_Z, new Cartesian3());
camera.up = Cartesian3.clone(Cartesian3.UNIT_Y);
camera.right = Cartesian3.clone(Cartesian3.UNIT_X);
}
function setUpCV() {
scene.mode = SceneMode.COLUMBUS_VIEW;
var ellipsoid = Ellipsoid.WGS84;
scene.mapProjection = new GeographicProjection(ellipsoid);
scene.frameState = {
mode: scene.mode,
mapProjection: scene.mapProjection,
};
scene.cameraUnderground = false;
controller.enableCollisionDetection = true;
var maxRadii = ellipsoid.maximumRadius;
camera.position = new Cartesian3(0.0, 0.0, maxRadii);
camera.direction = Cartesian3.negate(Cartesian3.UNIT_Z, new Cartesian3());
camera.up = Cartesian3.clone(Cartesian3.UNIT_Y);
camera.right = Cartesian3.clone(Cartesian3.UNIT_X);
}
function setUpCVUnderground() {
scene.mode = SceneMode.COLUMBUS_VIEW;
var ellipsoid = Ellipsoid.WGS84;
scene.globe = new MockGlobe(ellipsoid);
scene.mapProjection = new GeographicProjection(ellipsoid);
scene.frameState = {
mode: scene.mode,
mapProjection: scene.mapProjection,
};
scene.cameraUnderground = true;
controller.enableCollisionDetection = false;
camera.position = new Cartesian3(0.0, 0.0, -100.0);
camera.direction = Cartesian3.clone(Cartesian3.UNIT_Z);
camera.up = Cartesian3.clone(Cartesian3.UNIT_Y);
camera.right = Cartesian3.cross(
camera.direction,
camera.up,
new Cartesian3()
);
}
function setUp3D() {
scene.mode = SceneMode.SCENE3D;
var ellipsoid = Ellipsoid.WGS84;
scene.mapProjection = new GeographicProjection(ellipsoid);
scene.frameState = {
mode: scene.mode,
mapProjection: scene.mapProjection,
};
scene.cameraUnderground = false;
controller.enableCollisionDetection = true;
}
function setUp3DUnderground() {
setUp3D();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
scene.cameraUnderground = true;
controller.enableCollisionDetection = false;
camera.setView({ destination: Camera.DEFAULT_VIEW_RECTANGLE });
var positionCart = Ellipsoid.WGS84.cartesianToCartographic(camera.position);
positionCart.height = -100.0;
camera.position = Ellipsoid.WGS84.cartographicToCartesian(positionCart);
}
it("constructor throws without a scene", function () {
expect(function () {
return new ScreenSpaceCameraController();
}).toThrowDeveloperError();
});
function updateController() {
camera.update(scene.mode);
controller.update();
}
it("translate right in 2D", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.x).toBeLessThan(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
});
it("translate left in 2D", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.x).toBeGreaterThan(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
});
it("translate up in 2D", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.y).toBeGreaterThan(camera.position.y);
expect(position.x).toEqual(camera.position.x);
expect(position.z).toEqual(camera.position.z);
});
it("translate down in 2D", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.y).toBeLessThan(camera.position.y);
expect(position.x).toEqual(camera.position.x);
expect(position.z).toEqual(camera.position.z);
});
it("translate in rotated 2D", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
camera.up = Cartesian3.negate(Cartesian3.UNIT_X, new Cartesian3());
camera.right = Cartesian3.clone(Cartesian3.UNIT_Y);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.x).toBeGreaterThan(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
});
it("zoom in 2D", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var frustumDiff = camera.frustum.right - camera.frustum.left;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(frustumDiff).toBeGreaterThan(
camera.frustum.right - camera.frustum.left
);
});
it("zoom out in 2D", function () {
setUp2D();
var frustum = camera.frustum;
frustum.right = 1000.0;
frustum.left = -frustum.right;
frustum.top = frustum.right * (canvas.clientHeight / canvas.clientWidth);
frustum.bottom = -frustum.top;
var position = Cartesian3.clone(camera.position);
var frustumDiff = frustum.right - frustum.left;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(frustumDiff).toBeLessThan(
camera.frustum.right - camera.frustum.left
);
});
it("zoom in 2D with wheel", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var frustumDiff = camera.frustum.right - camera.frustum.left;
simulateMouseWheel(120);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(frustumDiff).toBeGreaterThan(
camera.frustum.right - camera.frustum.left
);
});
it("zoom out in 2D with wheel", function () {
setUp2D();
var frustum = camera.frustum;
frustum.right = 1000.0;
frustum.left = -frustum.right;
frustum.top = frustum.right * (canvas.clientHeight / canvas.clientWidth);
frustum.bottom = -frustum.top;
var position = Cartesian3.clone(camera.position);
var frustumDiff = frustum.right - frustum.left;
simulateMouseWheel(-120);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(frustumDiff).toBeLessThan(
camera.frustum.right - camera.frustum.left
);
});
it("zoom with max zoom rate in 2D", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var factor = 1000000.0;
camera.frustum.right *= factor;
camera.frustum.left *= factor;
camera.frustum.top *= factor;
camera.frustum.bottom *= factor;
var frustumDiff = camera.frustum.right - camera.frustum.left;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(frustumDiff).toBeGreaterThan(
camera.frustum.right - camera.frustum.left
);
});
it("zoom with no mouse movement has no effect on the camera", function () {
setUp2D();
var position = Cartesian3.clone(camera.position);
var frustumDiff = camera.frustum.right - camera.frustum.left;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(frustumDiff).toEqual(camera.frustum.right - camera.frustum.left);
});
it("zoom in does not affect camera close to the surface", function () {
setUp2D();
var frustum = camera.frustum;
var ratio = frustum.top / frustum.right;
frustum.right = (controller.minimumZoomDistance + 1.0) * 0.5;
frustum.left = -frustum.right;
frustum.top = ratio * frustum.right;
frustum.bottom = -frustum.top;
var position = Cartesian3.clone(camera.position);
var frustumDiff = camera.frustum.right - camera.frustum.left;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(frustumDiff).toEqual(camera.frustum.right - camera.frustum.left);
});
it("zooms out with maximum distance in 2D", function () {
setUp2D();
var frustum = camera.frustum;
frustum.near = 1.0;
frustum.far = 2.0;
frustum.left = -2.0;
frustum.right = 2.0;
frustum.top = 1.0;
frustum.bottom = -1.0;
var maxZoom = 10.0;
controller.minimumZoomDistance = 0.0;
controller.maximumZoomDistance = maxZoom;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight
);
var endPosition = new Cartesian2(canvas.clientWidth / 2, 0);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.frustum.right).toEqualEpsilon(
maxZoom * 0.5,
CesiumMath.EPSILON10
);
expect(camera.frustum.left).toEqual(-camera.frustum.right);
expect(camera.frustum.top).toEqualEpsilon(
maxZoom * 0.25,
CesiumMath.EPSILON10
);
expect(camera.frustum.bottom).toEqual(-camera.frustum.top);
});
it("rotate counter-clockwise in 2D", function () {
setUp2D();
scene.mapMode2D = MapMode2D.ROTATE;
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(camera.direction).toEqualEpsilon(
Cartesian3.negate(Cartesian3.UNIT_Z, new Cartesian3()),
CesiumMath.EPSILON15
);
expect(camera.up).toEqualEpsilon(
Cartesian3.negate(Cartesian3.UNIT_X, new Cartesian3()),
CesiumMath.EPSILON15
);
expect(camera.right).toEqualEpsilon(
Cartesian3.UNIT_Y,
CesiumMath.EPSILON15
);
});
it("rotate clockwise in 2D", function () {
setUp2D();
scene.mapMode2D = MapMode2D.ROTATE;
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(camera.direction).toEqualEpsilon(
Cartesian3.negate(Cartesian3.UNIT_Z, new Cartesian3()),
CesiumMath.EPSILON15
);
expect(camera.up).toEqualEpsilon(Cartesian3.UNIT_X, CesiumMath.EPSILON15);
expect(camera.right).toEqualEpsilon(
Cartesian3.negate(Cartesian3.UNIT_Y, new Cartesian3()),
CesiumMath.EPSILON15
);
});
it("rotates counter-clockwise with mouse position at bottom of the screen", function () {
setUp2D();
scene.mapMode2D = MapMode2D.ROTATE;
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
(3 * canvas.clientWidth) / 4,
(3 * canvas.clientHeight) / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 4,
(3 * canvas.clientHeight) / 4
);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(camera.direction).toEqualEpsilon(
Cartesian3.negate(Cartesian3.UNIT_Z, new Cartesian3()),
CesiumMath.EPSILON15
);
expect(camera.up).toEqualEpsilon(
Cartesian3.negate(Cartesian3.UNIT_X, new Cartesian3()),
CesiumMath.EPSILON15
);
expect(camera.right).toEqualEpsilon(
Cartesian3.UNIT_Y,
CesiumMath.EPSILON15
);
});
it("translate right in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.x).toBeLessThan(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
});
it("translate left in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.x).toBeGreaterThan(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
});
it("translate up in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.y).toBeGreaterThan(camera.position.y);
expect(position.x).toEqual(camera.position.x);
expect(position.z).toEqual(camera.position.z);
});
it("translate down in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.y).toBeLessThan(camera.position.y);
expect(position.x).toEqual(camera.position.x);
expect(position.z).toEqual(camera.position.z);
});
it("translates in Columbus view when camera is underground", function () {
setUpCVUnderground();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).not.toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
});
it("looks in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition, true);
updateController();
expect(camera.position).toEqual(position);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON12);
expect(
Cartesian3.cross(camera.up, camera.right, new Cartesian3())
).toEqualEpsilon(camera.direction, CesiumMath.EPSILON12);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON12);
});
it("zoom in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toBeGreaterThan(camera.position.z);
});
it("zoom out in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toBeLessThan(camera.position.z);
});
it("zoom in Columbus view with wheel", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
simulateMouseWheel(120);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toBeGreaterThan(camera.position.z);
});
it("zoom out in Columbus view with wheel", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
simulateMouseWheel(-120);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toBeLessThan(camera.position.z);
});
it("zoom in Columbus view when camera is underground", function () {
setUpCVUnderground();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.z).toBeLessThan(camera.position.z);
});
it("rotates in Columbus view", function () {
setUpCV();
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
(3 * canvas.clientWidth) / 8,
(3 * canvas.clientHeight) / 8
);
camera.position.y = -100.0;
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(
Cartesian3.dot(
Cartesian3.normalize(camera.position, new Cartesian3()),
Cartesian3.UNIT_Z
)
).toBeGreaterThan(0.0);
expect(Cartesian3.dot(camera.direction, Cartesian3.UNIT_Z)).toBeLessThan(
0.0
);
expect(Cartesian3.dot(camera.up, Cartesian3.UNIT_Z)).toBeGreaterThan(0.0);
expect(Cartesian3.dot(camera.right, Cartesian3.UNIT_Z)).toBeLessThan(
CesiumMath.EPSILON6
);
});
it("rotates in Columus view with camera transform set", function () {
setUpCV();
var origin = Cartesian3.fromDegrees(-72.0, 40.0);
camera.lookAtTransform(
Transforms.eastNorthUpToFixedFrame(origin),
new Cartesian3(1.0, 0.0, 0.0)
);
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(0, 0);
var endPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
expect(camera.direction).toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON14
);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON14);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON14);
});
it("rotates in Columbus view when camera is underground", function () {
setUpCVUnderground();
camera.position.y = -100.0;
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
(3 * canvas.clientWidth) / 8,
(3 * canvas.clientHeight) / 8
);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
});
it("zooms in Columus view with camera transform set", function () {
setUpCV();
var origin = Cartesian3.fromDegrees(-72.0, 40.0);
camera._transform = Transforms.eastNorthUpToFixedFrame(origin);
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toBeGreaterThan(camera.position.z);
});
it("zoom in Columbus view with camera transform set and with wheel", function () {
setUpCV();
var origin = Cartesian3.fromDegrees(-72.0, 40.0);
camera._transform = Transforms.eastNorthUpToFixedFrame(origin);
var position = Cartesian3.clone(camera.position);
simulateMouseWheel(120);
updateController();
expect(position.x).toEqual(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toBeGreaterThan(camera.position.z);
});
it("adds an animation to correct position or zoom in Columbus view", function () {
setUpCV();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(0, canvas.clientHeight / 2);
var endPosition = new Cartesian2(
4.0 * canvas.clientWidth,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(position.x).toBeGreaterThan(camera.position.x);
expect(position.y).toEqual(camera.position.y);
expect(position.z).toEqual(camera.position.z);
expect(controller._tweens.length).toEqual(1);
});
it("pans in 3D", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
(3 * canvas.clientWidth) / 8,
(3 * canvas.clientHeight) / 8
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
expect(camera.direction).toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON12
);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON12);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON12);
});
it("pans in 3D with constrained axis", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
(3 * canvas.clientWidth) / 8,
canvas.clientHeight / 2
);
camera.constrainedAxis = Cartesian3.clone(Cartesian3.UNIT_Z);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
expect(camera.direction).toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON14
);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON14);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON14);
});
it("strafes in 3D when camera is underground", function () {
setUp3DUnderground();
var position = Cartesian3.clone(camera.position);
var direction = Cartesian3.clone(camera.direction);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
(3 * canvas.clientWidth) / 8,
(3 * canvas.clientHeight) / 8
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
expect(camera.direction).toEqual(direction);
});
it("rotates in 3D", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(0, 0);
var endPosition = new Cartesian2(
canvas.clientWidth / 4,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
expect(camera.direction).toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON15
);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON15);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON15);
});
it("rotates with constrained axis", function () {
setUp3D();
var axis = Cartesian3.clone(Cartesian3.UNIT_Z);
camera.constrainedAxis = axis;
var startPosition = new Cartesian2(0.0, 0.0);
var endPosition = new Cartesian2(0.0, canvas.clientHeight);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(camera.position.z).toEqualEpsilon(
Cartesian3.magnitude(camera.position),
CesiumMath.EPSILON1
);
expect(camera.direction).toEqualEpsilon(
Cartesian3.negate(axis, new Cartesian3()),
CesiumMath.EPSILON4
);
expect(Cartesian3.dot(camera.up, axis)).toBeLessThan(CesiumMath.EPSILON2);
expect(camera.right).toEqualEpsilon(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3()),
CesiumMath.EPSILON4
);
});
it("zoom in 3D", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(Cartesian3.magnitude(position)).toBeGreaterThan(
Cartesian3.magnitude(camera.position)
);
});
it("zoom in 3D to point 0,0", function () {
setUp3D();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
updateController();
camera.setView({
destination: Cartesian3.fromDegrees(-72.0, 40.0, 1.0),
});
updateController();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(0, 0);
var endPosition = new Cartesian2(0, canvas.clientHeight / 2);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(Cartesian3.magnitude(position)).toBeGreaterThan(
Cartesian3.magnitude(camera.position)
);
});
it("zoom out in 3D", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(Cartesian3.magnitude(position)).toBeLessThan(
Cartesian3.magnitude(camera.position)
);
});
it("zooms out to maximum height in 3D", function () {
setUp3D();
var positionCart = Ellipsoid.WGS84.cartesianToCartographic(camera.position);
positionCart.height = 0.0;
camera.position = Ellipsoid.WGS84.cartographicToCartesian(positionCart);
var maxDist = 100.0;
controller.minimumZoomDistance = 0.0;
controller.maximumZoomDistance = maxDist;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight * 50
);
var endPosition = new Cartesian2(canvas.clientWidth / 2, 0);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
var height = Ellipsoid.WGS84.cartesianToCartographic(camera.position)
.height;
expect(height).toEqualEpsilon(maxDist, CesiumMath.EPSILON2);
});
it("zoom in 3D with wheel", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var heading = camera.heading;
var pitch = camera.pitch;
var roll = camera.roll;
simulateMouseWheel(120);
updateController();
expect(Cartesian3.magnitude(position)).toBeGreaterThan(
Cartesian3.magnitude(camera.position)
);
expect(camera.heading).toBeCloseTo(heading, 10);
expect(camera.pitch).toBeCloseTo(pitch, 10);
expect(camera.roll).toBeCloseTo(roll, 10);
});
it("zoom out in 3D with wheel", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var heading = camera.heading;
var pitch = camera.pitch;
var roll = camera.roll;
simulateMouseWheel(-120);
updateController();
expect(Cartesian3.magnitude(position)).toBeLessThan(
Cartesian3.magnitude(camera.position)
);
expect(camera.heading).toBeCloseTo(heading, 10);
expect(camera.pitch).toBeCloseTo(pitch, 10);
expect(camera.roll).toBeCloseTo(roll, 10);
});
it("zoom in 3D with orthographic projection", function () {
setUp3D();
var frustum = new OrthographicFrustum();
frustum.aspectRatio = 1.0;
frustum.width = 20.0;
camera.frustum = frustum;
expect(frustum.projectionMatrix).toBeDefined();
camera.setView({ destination: Camera.DEFAULT_VIEW_RECTANGLE });
var position = Cartesian3.clone(camera.position);
var frustumWidth = camera.frustum.width;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(Cartesian3.magnitude(position)).toBeGreaterThan(
Cartesian3.magnitude(camera.position)
);
expect(frustumWidth).toBeGreaterThan(camera.frustum.width);
});
it("zoom out in 3D with orthographic projection", function () {
setUp3D();
var frustum = new OrthographicFrustum();
frustum.aspectRatio = 1.0;
frustum.width = 20.0;
camera.frustum = frustum;
expect(frustum.projectionMatrix).toBeDefined();
camera.setView({ destination: Camera.DEFAULT_VIEW_RECTANGLE });
var position = Cartesian3.clone(camera.position);
var frustumWidth = camera.frustum.width;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(Cartesian3.magnitude(position)).toBeLessThan(
Cartesian3.magnitude(camera.position)
);
expect(frustumWidth).toBeLessThan(camera.frustum.width);
});
it("zoom in 3D when camera is underground", function () {
setUp3DUnderground();
var position = Cartesian3.clone(camera.position);
var direction = Cartesian3.clone(camera.direction);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
var vector = Cartesian3.subtract(
camera.position,
position,
new Cartesian3()
);
var normalizedVector = Cartesian3.normalize(vector, vector);
expect(normalizedVector).toEqualEpsilon(direction, CesiumMath.EPSILON2);
expect(camera.direction).toEqualEpsilon(direction, CesiumMath.EPSILON6);
});
it("tilts in 3D", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
expect(camera.direction).not.toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON14
);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON14);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON14);
var ray = new Ray(camera.positionWC, camera.directionWC);
var intersection = IntersectionTests.rayEllipsoid(
ray,
scene.mapProjection.ellipsoid
);
expect(intersection).toBeDefined();
});
it("does not tilt in the wrong direction", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
(3 * canvas.clientHeight) / 4
);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(camera.position).toEqualEpsilon(position, CesiumMath.EPSILON8);
expect(camera.direction).toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON15
);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON14);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON15);
});
it("tilts at the minimum zoom distance", function () {
setUp3D();
var positionCart = Ellipsoid.WGS84.cartesianToCartographic(camera.position);
positionCart.height = controller.minimumZoomDistance;
camera.position = Ellipsoid.WGS84.cartographicToCartesian(positionCart);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight
);
var endPosition = new Cartesian2(canvas.clientWidth / 2, 0);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
var height = Ellipsoid.WGS84.cartesianToCartographic(camera.position)
.height;
expect(height).toBeLessThan(controller.minimumZoomDistance + 10.0);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON14);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON14);
});
it("tilts in 3D when camera is underground", function () {
setUp3DUnderground();
var position = Cartesian3.clone(camera.position);
var direction = Cartesian3.clone(camera.direction);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(camera.position).not.toEqual(position);
expect(camera.direction).not.toEqual(direction);
});
it("looks in 3D", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition, true);
updateController();
expect(camera.position).toEqual(position);
expect(camera.direction).not.toEqual(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
)
);
expect(
Cartesian3.cross(camera.direction, camera.up, new Cartesian3())
).toEqualEpsilon(camera.right, CesiumMath.EPSILON12);
expect(
Cartesian3.cross(camera.up, camera.right, new Cartesian3())
).toEqualEpsilon(camera.direction, CesiumMath.EPSILON12);
expect(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3())
).toEqualEpsilon(camera.up, CesiumMath.EPSILON12);
});
it("pans with constrained axis other than z-axis", function () {
setUp3D();
camera.position = new Cartesian3(
0.0,
2.0 * Ellipsoid.WGS84.maximumRadius,
0.0
);
camera.direction = Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
);
camera.up = Cartesian3.clone(Cartesian3.UNIT_X);
camera.right = Cartesian3.cross(
camera.direction,
camera.up,
new Cartesian3()
);
var axis = Cartesian3.clone(Cartesian3.UNIT_X);
camera.constrainedAxis = axis;
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(Cartesian3.dot(camera.position, axis)).toBeGreaterThan(0.0);
expect(camera.direction).toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.negate(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON14
);
expect(camera.right).toEqualEpsilon(
Cartesian3.normalize(
Cartesian3.cross(axis, camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON14
);
expect(camera.up).toEqualEpsilon(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3()),
CesiumMath.EPSILON14
);
});
it("pans with constrained axis and is tilted", function () {
setUp3D();
camera.position = new Cartesian3(
0.0,
2.0 * Ellipsoid.WGS84.maximumRadius,
0.0
);
camera.direction = Cartesian3.negate(
Cartesian3.normalize(camera.position, new Cartesian3()),
new Cartesian3()
);
camera.up = Cartesian3.clone(Cartesian3.UNIT_X);
camera.right = Cartesian3.cross(
camera.direction,
camera.up,
new Cartesian3()
);
var axis = Cartesian3.clone(Cartesian3.UNIT_Z);
camera.constrainedAxis = axis;
var startPosition = new Cartesian2(
canvas.clientWidth * 0.5,
canvas.clientHeight * 0.25
);
var endPosition = new Cartesian2(
canvas.clientWidth * 0.5,
canvas.clientHeight * 0.75
);
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(Cartesian3.dot(camera.position, axis)).toBeLessThan(
CesiumMath.EPSILON2
);
expect(camera.direction).toEqualEpsilon(
Cartesian3.negate(
Cartesian3.normalize(camera.position, new Cartesian3()),
new Cartesian3()
),
CesiumMath.EPSILON12
);
expect(camera.right).toEqualEpsilon(axis, CesiumMath.EPSILON12);
expect(camera.up).toEqualEpsilon(
Cartesian3.cross(camera.right, camera.direction, new Cartesian3()),
CesiumMath.EPSILON12
);
});
it("controller does not modify the camera after re-enabling motion", function () {
setUp3D();
var position = Cartesian3.clone(camera.position);
var direction = Cartesian3.clone(camera.direction);
var up = Cartesian3.clone(camera.up);
var right = Cartesian3.clone(camera.right);
var startPosition = new Cartesian2(0.0, 0.0);
var endPosition = new Cartesian2(canvas.clientWidth, canvas.clientHeight);
controller.enableRotate = false;
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(camera.position).toEqualEpsilon(position, CesiumMath.EPSILON7);
expect(camera.direction).toEqualEpsilon(direction, CesiumMath.EPSILON7);
expect(camera.up).toEqualEpsilon(up, CesiumMath.EPSILON7);
expect(camera.right).toEqualEpsilon(right, CesiumMath.EPSILON7);
controller.enableRotate = true;
updateController();
expect(camera.position).toEqualEpsilon(position, CesiumMath.EPSILON7);
expect(camera.direction).toEqualEpsilon(direction, CesiumMath.EPSILON7);
expect(camera.up).toEqualEpsilon(up, CesiumMath.EPSILON7);
expect(camera.right).toEqualEpsilon(right, CesiumMath.EPSILON7);
});
it("can set input type to undefined", function () {
setUp3D();
controller.zoomEventTypes = undefined;
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.position).toEqual(position);
});
it("can change default input", function () {
setUp3D();
controller.translateEventTypes = undefined;
controller.rotateEventTypes = undefined;
controller.tiltEventTypes = undefined;
controller.lookEventTypes = undefined;
var position = Cartesian3.clone(camera.position);
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
controller.zoomEventTypes = CameraEventType.LEFT_DRAG;
moveMouse(MouseButtons.LEFT, startPosition, endPosition);
updateController();
expect(Cartesian3.magnitude(camera.position)).toBeLessThan(
Cartesian3.magnitude(position)
);
position = Cartesian3.clone(camera.position);
controller.zoomEventTypes = {
eventType: CameraEventType.LEFT_DRAG,
modifier: KeyboardEventModifier.SHIFT,
};
moveMouse(MouseButtons.LEFT, endPosition, startPosition, true);
updateController();
expect(Cartesian3.magnitude(camera.position)).toBeGreaterThan(
Cartesian3.magnitude(position)
);
position = Cartesian3.clone(camera.position);
controller.zoomEventTypes = [
CameraEventType.MIDDLE_DRAG,
{
eventType: CameraEventType.LEFT_DRAG,
modifier: KeyboardEventModifier.SHIFT,
},
];
moveMouse(MouseButtons.MIDDLE, startPosition, endPosition);
updateController();
expect(Cartesian3.magnitude(camera.position)).toBeLessThan(
Cartesian3.magnitude(position)
);
position = Cartesian3.clone(camera.position);
moveMouse(MouseButtons.LEFT, endPosition, startPosition, true);
updateController();
expect(Cartesian3.magnitude(camera.position)).toBeGreaterThan(
Cartesian3.magnitude(position)
);
});
it("camera does not go below the terrain in 3D", function () {
setUp3D();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
updateController();
camera.setView({
destination: Cartesian3.fromDegrees(-72.0, 40.0, -10.0),
});
// Trigger terrain adjustment with a small mouse movement
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.positionCartographic.height).toEqualEpsilon(
controller.minimumZoomDistance,
CesiumMath.EPSILON5
);
});
it("camera does not go below the terrain in CV", function () {
setUpCV();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
updateController();
camera.setView({
destination: Cartesian3.fromDegrees(-72.0, 40.0, -10.0),
});
// Trigger terrain adjustment with a small mouse movement
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.position.z).toEqualEpsilon(
controller.minimumZoomDistance,
CesiumMath.EPSILON7
);
});
it("camera does go below the terrain in 3D when collision detection is disabled", function () {
setUp3D();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
controller.enableCollisionDetection = false;
updateController();
camera.setView({
destination: Cartesian3.fromDegrees(-72.0, 40.0, -10.0),
});
// Trigger terrain adjustment with a small mouse movement
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.positionCartographic.height).toBeLessThan(
controller.minimumZoomDistance
);
});
it("camera does go below the terrain in CV when collision detection is disabled", function () {
setUpCV();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
controller.enableCollisionDetection = false;
updateController();
camera.setView({
destination: Cartesian3.fromDegrees(-72.0, 40.0, -10.0),
});
// Trigger terrain adjustment with a small mouse movement
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.position.z).toBeLessThan(controller.minimumZoomDistance);
});
it("camera does not go below the terrain in 3D with the transform set", function () {
setUp3D();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
updateController();
camera.lookAt(
Cartesian3.fromDegrees(-72.0, 40.0, 1.0),
new Cartesian3(1.0, 1.0, -10.0)
);
// Trigger terrain adjustment with a small mouse movement
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.positionCartographic.height).toBeGreaterThanOrEqualTo(
controller.minimumZoomDistance
);
});
it("camera does not go below the terrain in CV with the transform set", function () {
setUpCV();
scene.globe = new MockGlobe(scene.mapProjection.ellipsoid);
updateController();
camera.lookAt(
Cartesian3.fromDegrees(-72.0, 40.0, 1.0),
new Cartesian3(1.0, 1.0, -10.0)
);
// Trigger terrain adjustment with a small mouse movement
var startPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 4
);
var endPosition = new Cartesian2(
canvas.clientWidth / 2,
canvas.clientHeight / 2
);
moveMouse(MouseButtons.RIGHT, startPosition, endPosition);
updateController();
expect(camera.positionWC.x).toEqualEpsilon(
controller.minimumZoomDistance,
CesiumMath.EPSILON8
);
});
it("is destroyed", function () {
expect(controller.isDestroyed()).toEqual(false);
controller.destroy();
expect(controller.isDestroyed()).toEqual(true);
});
});