@vertexvis/viewer 0.13.1 → 0.13.2-canary.2

package/dist/custom-elements/index.js

@@ -15509,6 +15509,39 @@ function makePerspective(near, far, fovY, aspect) {
     var bottom = -ymax;
     return makeFrustum(left, right, top, bottom, near, far);
 }
+/**
+ * Creates an orthographic projection matrix.
+ *
+ * Related to: gluOrtho. The viewing volume is cube-shaped and defined by
+ * the six parameters. The left and right values represent the coordinates of
+ * the vertical clipping planes, top and bottom values represent the coordinates
+ * of the horizontal clipping planes, and near and far values represent the
+ * coordinates of the depth clipping planes.
+ *
+ * @param left The coordinate of the left horizontal clipping plane.
+ * @param right The coordinate of the right horizontal clipping plane.
+ * @param bottom The coordinate of the bottom vertical clipping plane.
+ * @param top The coordinate of the top vertical clipping plane.
+ * @param near The coordinate of the near depth clipping plane.
+ * @param far The coordinate of the far depth clipping plane.
+ * @returns A matrix.
+ */
+function makeOrthographic(left, right, bottom, top, near, far) {
+    var w = 1.0 / (right - left);
+    var h = 1.0 / (top - bottom);
+    var d = 1.0 / (far - near);
+    var x = (right + left) * w;
+    var y = (top + bottom) * h;
+    var z = (far + near) / d;
+    /* eslint-disable prettier/prettier */
+    return [
+        2 * w, 0, 0, -x,
+        0, 2 * h, 0, -y,
+        0, 0, -2 * d, -z,
+        0, 0, 0, 1
+    ];
+    /* eslint-enable prettier/prettier */
+}
 /**
  * Matrix becomes a combination of an inverse translation and rotation.
  *
@@ -15769,6 +15802,7 @@ var matrix4 = /*#__PURE__*/Object.freeze({
   makeRotationAxis: makeRotationAxis,
   makeFrustum: makeFrustum,
   makePerspective: makePerspective,
+  makeOrthographic: makeOrthographic,
   makeLookAtView: makeLookAtView,
   makeLookAt: makeLookAt,
   invert: invert,
@@ -19925,6 +19959,522 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
              */
             const stream = {};
 
+            stream.PerspectiveCamera = (function() {
+
+                /**
+                 * Properties of a PerspectiveCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @interface IPerspectiveCamera
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [position] PerspectiveCamera position
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [lookAt] PerspectiveCamera lookAt
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [up] PerspectiveCamera up
+                 */
+
+                /**
+                 * Constructs a new PerspectiveCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @classdesc Represents a PerspectiveCamera.
+                 * @implements IPerspectiveCamera
+                 * @constructor
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera=} [properties] Properties to set
+                 */
+                function PerspectiveCamera(properties) {
+                    if (properties)
+                        for (let keys = Object.keys(properties), i = 0; i < keys.length; ++i)
+                            if (properties[keys[i]] != null)
+                                this[keys[i]] = properties[keys[i]];
+                }
+
+                /**
+                 * PerspectiveCamera position.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} position
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 */
+                PerspectiveCamera.prototype.position = null;
+
+                /**
+                 * PerspectiveCamera lookAt.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} lookAt
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 */
+                PerspectiveCamera.prototype.lookAt = null;
+
+                /**
+                 * PerspectiveCamera up.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} up
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 */
+                PerspectiveCamera.prototype.up = null;
+
+                /**
+                 * Creates a new PerspectiveCamera instance using the specified properties.
+                 * @function create
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera=} [properties] Properties to set
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera instance
+                 */
+                PerspectiveCamera.create = function create(properties) {
+                    return new PerspectiveCamera(properties);
+                };
+
+                /**
+                 * Encodes the specified PerspectiveCamera message. Does not implicitly {@link vertexvis.protobuf.stream.PerspectiveCamera.verify|verify} messages.
+                 * @function encode
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera} message PerspectiveCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                PerspectiveCamera.encode = function encode(message, writer) {
+                    if (!writer)
+                        writer = $Writer$1.create();
+                    if (message.position != null && Object.hasOwnProperty.call(message, "position"))
+                        $root$1.vertexvis.protobuf.core.Vector3f.encode(message.position, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();
+                    if (message.lookAt != null && Object.hasOwnProperty.call(message, "lookAt"))
+                        $root$1.vertexvis.protobuf.core.Vector3f.encode(message.lookAt, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
+                    if (message.up != null && Object.hasOwnProperty.call(message, "up"))
+                        $root$1.vertexvis.protobuf.core.Vector3f.encode(message.up, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
+                    return writer;
+                };
+
+                /**
+                 * Encodes the specified PerspectiveCamera message, length delimited. Does not implicitly {@link vertexvis.protobuf.stream.PerspectiveCamera.verify|verify} messages.
+                 * @function encodeDelimited
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera} message PerspectiveCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                PerspectiveCamera.encodeDelimited = function encodeDelimited(message, writer) {
+                    return this.encode(message, writer).ldelim();
+                };
+
+                /**
+                 * Decodes a PerspectiveCamera message from the specified reader or buffer.
+                 * @function decode
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @param {number} [length] Message length if known beforehand
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                PerspectiveCamera.decode = function decode(reader, length) {
+                    if (!(reader instanceof $Reader$1))
+                        reader = $Reader$1.create(reader);
+                    let end = length === undefined ? reader.len : reader.pos + length, message = new $root$1.vertexvis.protobuf.stream.PerspectiveCamera();
+                    while (reader.pos < end) {
+                        let tag = reader.uint32();
+                        switch (tag >>> 3) {
+                        case 1:
+                            message.position = $root$1.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 2:
+                            message.lookAt = $root$1.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 3:
+                            message.up = $root$1.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        default:
+                            reader.skipType(tag & 7);
+                            break;
+                        }
+                    }
+                    return message;
+                };
+
+                /**
+                 * Decodes a PerspectiveCamera message from the specified reader or buffer, length delimited.
+                 * @function decodeDelimited
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                PerspectiveCamera.decodeDelimited = function decodeDelimited(reader) {
+                    if (!(reader instanceof $Reader$1))
+                        reader = new $Reader$1(reader);
+                    return this.decode(reader, reader.uint32());
+                };
+
+                /**
+                 * Verifies a PerspectiveCamera message.
+                 * @function verify
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {Object.<string,*>} message Plain object to verify
+                 * @returns {string|null} `null` if valid, otherwise the reason why it is not
+                 */
+                PerspectiveCamera.verify = function verify(message) {
+                    if (typeof message !== "object" || message === null)
+                        return "object expected";
+                    if (message.position != null && message.hasOwnProperty("position")) {
+                        let error = $root$1.vertexvis.protobuf.core.Vector3f.verify(message.position);
+                        if (error)
+                            return "position." + error;
+                    }
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt")) {
+                        let error = $root$1.vertexvis.protobuf.core.Vector3f.verify(message.lookAt);
+                        if (error)
+                            return "lookAt." + error;
+                    }
+                    if (message.up != null && message.hasOwnProperty("up")) {
+                        let error = $root$1.vertexvis.protobuf.core.Vector3f.verify(message.up);
+                        if (error)
+                            return "up." + error;
+                    }
+                    return null;
+                };
+
+                /**
+                 * Creates a PerspectiveCamera message from a plain object. Also converts values to their respective internal types.
+                 * @function fromObject
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {Object.<string,*>} object Plain object
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera
+                 */
+                PerspectiveCamera.fromObject = function fromObject(object) {
+                    if (object instanceof $root$1.vertexvis.protobuf.stream.PerspectiveCamera)
+                        return object;
+                    let message = new $root$1.vertexvis.protobuf.stream.PerspectiveCamera();
+                    if (object.position != null) {
+                        if (typeof object.position !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.PerspectiveCamera.position: object expected");
+                        message.position = $root$1.vertexvis.protobuf.core.Vector3f.fromObject(object.position);
+                    }
+                    if (object.lookAt != null) {
+                        if (typeof object.lookAt !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.PerspectiveCamera.lookAt: object expected");
+                        message.lookAt = $root$1.vertexvis.protobuf.core.Vector3f.fromObject(object.lookAt);
+                    }
+                    if (object.up != null) {
+                        if (typeof object.up !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.PerspectiveCamera.up: object expected");
+                        message.up = $root$1.vertexvis.protobuf.core.Vector3f.fromObject(object.up);
+                    }
+                    return message;
+                };
+
+                /**
+                 * Creates a plain object from a PerspectiveCamera message. Also converts values to other types if specified.
+                 * @function toObject
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.PerspectiveCamera} message PerspectiveCamera
+                 * @param {$protobuf.IConversionOptions} [options] Conversion options
+                 * @returns {Object.<string,*>} Plain object
+                 */
+                PerspectiveCamera.toObject = function toObject(message, options) {
+                    if (!options)
+                        options = {};
+                    let object = {};
+                    if (options.defaults) {
+                        object.position = null;
+                        object.lookAt = null;
+                        object.up = null;
+                    }
+                    if (message.position != null && message.hasOwnProperty("position"))
+                        object.position = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.position, options);
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt"))
+                        object.lookAt = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.lookAt, options);
+                    if (message.up != null && message.hasOwnProperty("up"))
+                        object.up = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.up, options);
+                    return object;
+                };
+
+                /**
+                 * Converts this PerspectiveCamera to JSON.
+                 * @function toJSON
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 * @returns {Object.<string,*>} JSON object
+                 */
+                PerspectiveCamera.prototype.toJSON = function toJSON() {
+                    return this.constructor.toObject(this, minimal$2.util.toJSONOptions);
+                };
+
+                return PerspectiveCamera;
+            })();
+
+            stream.OrthographicCamera = (function() {
+
+                /**
+                 * Properties of an OrthographicCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @interface IOrthographicCamera
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [viewVector] OrthographicCamera viewVector
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [lookAt] OrthographicCamera lookAt
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [up] OrthographicCamera up
+                 * @property {number|null} [fovHeight] OrthographicCamera fovHeight
+                 */
+
+                /**
+                 * Constructs a new OrthographicCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @classdesc Represents an OrthographicCamera.
+                 * @implements IOrthographicCamera
+                 * @constructor
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera=} [properties] Properties to set
+                 */
+                function OrthographicCamera(properties) {
+                    if (properties)
+                        for (let keys = Object.keys(properties), i = 0; i < keys.length; ++i)
+                            if (properties[keys[i]] != null)
+                                this[keys[i]] = properties[keys[i]];
+                }
+
+                /**
+                 * OrthographicCamera viewVector.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} viewVector
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.viewVector = null;
+
+                /**
+                 * OrthographicCamera lookAt.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} lookAt
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.lookAt = null;
+
+                /**
+                 * OrthographicCamera up.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} up
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.up = null;
+
+                /**
+                 * OrthographicCamera fovHeight.
+                 * @member {number} fovHeight
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.fovHeight = 0;
+
+                /**
+                 * Creates a new OrthographicCamera instance using the specified properties.
+                 * @function create
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera=} [properties] Properties to set
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera instance
+                 */
+                OrthographicCamera.create = function create(properties) {
+                    return new OrthographicCamera(properties);
+                };
+
+                /**
+                 * Encodes the specified OrthographicCamera message. Does not implicitly {@link vertexvis.protobuf.stream.OrthographicCamera.verify|verify} messages.
+                 * @function encode
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera} message OrthographicCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                OrthographicCamera.encode = function encode(message, writer) {
+                    if (!writer)
+                        writer = $Writer$1.create();
+                    if (message.viewVector != null && Object.hasOwnProperty.call(message, "viewVector"))
+                        $root$1.vertexvis.protobuf.core.Vector3f.encode(message.viewVector, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();
+                    if (message.lookAt != null && Object.hasOwnProperty.call(message, "lookAt"))
+                        $root$1.vertexvis.protobuf.core.Vector3f.encode(message.lookAt, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
+                    if (message.up != null && Object.hasOwnProperty.call(message, "up"))
+                        $root$1.vertexvis.protobuf.core.Vector3f.encode(message.up, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
+                    if (message.fovHeight != null && Object.hasOwnProperty.call(message, "fovHeight"))
+                        writer.uint32(/* id 4, wireType 5 =*/37).float(message.fovHeight);
+                    return writer;
+                };
+
+                /**
+                 * Encodes the specified OrthographicCamera message, length delimited. Does not implicitly {@link vertexvis.protobuf.stream.OrthographicCamera.verify|verify} messages.
+                 * @function encodeDelimited
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera} message OrthographicCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                OrthographicCamera.encodeDelimited = function encodeDelimited(message, writer) {
+                    return this.encode(message, writer).ldelim();
+                };
+
+                /**
+                 * Decodes an OrthographicCamera message from the specified reader or buffer.
+                 * @function decode
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @param {number} [length] Message length if known beforehand
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                OrthographicCamera.decode = function decode(reader, length) {
+                    if (!(reader instanceof $Reader$1))
+                        reader = $Reader$1.create(reader);
+                    let end = length === undefined ? reader.len : reader.pos + length, message = new $root$1.vertexvis.protobuf.stream.OrthographicCamera();
+                    while (reader.pos < end) {
+                        let tag = reader.uint32();
+                        switch (tag >>> 3) {
+                        case 1:
+                            message.viewVector = $root$1.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 2:
+                            message.lookAt = $root$1.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 3:
+                            message.up = $root$1.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 4:
+                            message.fovHeight = reader.float();
+                            break;
+                        default:
+                            reader.skipType(tag & 7);
+                            break;
+                        }
+                    }
+                    return message;
+                };
+
+                /**
+                 * Decodes an OrthographicCamera message from the specified reader or buffer, length delimited.
+                 * @function decodeDelimited
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                OrthographicCamera.decodeDelimited = function decodeDelimited(reader) {
+                    if (!(reader instanceof $Reader$1))
+                        reader = new $Reader$1(reader);
+                    return this.decode(reader, reader.uint32());
+                };
+
+                /**
+                 * Verifies an OrthographicCamera message.
+                 * @function verify
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {Object.<string,*>} message Plain object to verify
+                 * @returns {string|null} `null` if valid, otherwise the reason why it is not
+                 */
+                OrthographicCamera.verify = function verify(message) {
+                    if (typeof message !== "object" || message === null)
+                        return "object expected";
+                    if (message.viewVector != null && message.hasOwnProperty("viewVector")) {
+                        let error = $root$1.vertexvis.protobuf.core.Vector3f.verify(message.viewVector);
+                        if (error)
+                            return "viewVector." + error;
+                    }
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt")) {
+                        let error = $root$1.vertexvis.protobuf.core.Vector3f.verify(message.lookAt);
+                        if (error)
+                            return "lookAt." + error;
+                    }
+                    if (message.up != null && message.hasOwnProperty("up")) {
+                        let error = $root$1.vertexvis.protobuf.core.Vector3f.verify(message.up);
+                        if (error)
+                            return "up." + error;
+                    }
+                    if (message.fovHeight != null && message.hasOwnProperty("fovHeight"))
+                        if (typeof message.fovHeight !== "number")
+                            return "fovHeight: number expected";
+                    return null;
+                };
+
+                /**
+                 * Creates an OrthographicCamera message from a plain object. Also converts values to their respective internal types.
+                 * @function fromObject
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {Object.<string,*>} object Plain object
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera
+                 */
+                OrthographicCamera.fromObject = function fromObject(object) {
+                    if (object instanceof $root$1.vertexvis.protobuf.stream.OrthographicCamera)
+                        return object;
+                    let message = new $root$1.vertexvis.protobuf.stream.OrthographicCamera();
+                    if (object.viewVector != null) {
+                        if (typeof object.viewVector !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.OrthographicCamera.viewVector: object expected");
+                        message.viewVector = $root$1.vertexvis.protobuf.core.Vector3f.fromObject(object.viewVector);
+                    }
+                    if (object.lookAt != null) {
+                        if (typeof object.lookAt !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.OrthographicCamera.lookAt: object expected");
+                        message.lookAt = $root$1.vertexvis.protobuf.core.Vector3f.fromObject(object.lookAt);
+                    }
+                    if (object.up != null) {
+                        if (typeof object.up !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.OrthographicCamera.up: object expected");
+                        message.up = $root$1.vertexvis.protobuf.core.Vector3f.fromObject(object.up);
+                    }
+                    if (object.fovHeight != null)
+                        message.fovHeight = Number(object.fovHeight);
+                    return message;
+                };
+
+                /**
+                 * Creates a plain object from an OrthographicCamera message. Also converts values to other types if specified.
+                 * @function toObject
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.OrthographicCamera} message OrthographicCamera
+                 * @param {$protobuf.IConversionOptions} [options] Conversion options
+                 * @returns {Object.<string,*>} Plain object
+                 */
+                OrthographicCamera.toObject = function toObject(message, options) {
+                    if (!options)
+                        options = {};
+                    let object = {};
+                    if (options.defaults) {
+                        object.viewVector = null;
+                        object.lookAt = null;
+                        object.up = null;
+                        object.fovHeight = 0;
+                    }
+                    if (message.viewVector != null && message.hasOwnProperty("viewVector"))
+                        object.viewVector = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.viewVector, options);
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt"))
+                        object.lookAt = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.lookAt, options);
+                    if (message.up != null && message.hasOwnProperty("up"))
+                        object.up = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.up, options);
+                    if (message.fovHeight != null && message.hasOwnProperty("fovHeight"))
+                        object.fovHeight = options.json && !isFinite(message.fovHeight) ? String(message.fovHeight) : message.fovHeight;
+                    return object;
+                };
+
+                /**
+                 * Converts this OrthographicCamera to JSON.
+                 * @function toJSON
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 * @returns {Object.<string,*>} JSON object
+                 */
+                OrthographicCamera.prototype.toJSON = function toJSON() {
+                    return this.constructor.toObject(this, minimal$2.util.toJSONOptions);
+                };
+
+                return OrthographicCamera;
+            })();
+
             stream.Camera = (function() {
 
                 /**
@@ -19934,6 +20484,8 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                  * @property {vertexvis.protobuf.core.IVector3f|null} [position] Camera position
                  * @property {vertexvis.protobuf.core.IVector3f|null} [lookAt] Camera lookAt
                  * @property {vertexvis.protobuf.core.IVector3f|null} [up] Camera up
+                 * @property {vertexvis.protobuf.stream.IPerspectiveCamera|null} [perspective] Camera perspective
+                 * @property {vertexvis.protobuf.stream.IOrthographicCamera|null} [orthographic] Camera orthographic
                  */
 
                 /**
@@ -19975,6 +20527,36 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                  */
                 Camera.prototype.up = null;
 
+                /**
+                 * Camera perspective.
+                 * @member {vertexvis.protobuf.stream.IPerspectiveCamera|null|undefined} perspective
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Camera.prototype.perspective = null;
+
+                /**
+                 * Camera orthographic.
+                 * @member {vertexvis.protobuf.stream.IOrthographicCamera|null|undefined} orthographic
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Camera.prototype.orthographic = null;
+
+                // OneOf field names bound to virtual getters and setters
+                let $oneOfFields;
+
+                /**
+                 * Camera type.
+                 * @member {"perspective"|"orthographic"|undefined} type
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Object.defineProperty(Camera.prototype, "type", {
+                    get: $util$1.oneOfGetter($oneOfFields = ["perspective", "orthographic"]),
+                    set: $util$1.oneOfSetter($oneOfFields)
+                });
+
                 /**
                  * Creates a new Camera instance using the specified properties.
                  * @function create
@@ -20005,6 +20587,10 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                         $root$1.vertexvis.protobuf.core.Vector3f.encode(message.lookAt, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                     if (message.up != null && Object.hasOwnProperty.call(message, "up"))
                         $root$1.vertexvis.protobuf.core.Vector3f.encode(message.up, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
+                    if (message.perspective != null && Object.hasOwnProperty.call(message, "perspective"))
+                        $root$1.vertexvis.protobuf.stream.PerspectiveCamera.encode(message.perspective, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
+                    if (message.orthographic != null && Object.hasOwnProperty.call(message, "orthographic"))
+                        $root$1.vertexvis.protobuf.stream.OrthographicCamera.encode(message.orthographic, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                     return writer;
                 };
 
@@ -20048,6 +20634,12 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                         case 3:
                             message.up = $root$1.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
                             break;
+                        case 4:
+                            message.perspective = $root$1.vertexvis.protobuf.stream.PerspectiveCamera.decode(reader, reader.uint32());
+                            break;
+                        case 5:
+                            message.orthographic = $root$1.vertexvis.protobuf.stream.OrthographicCamera.decode(reader, reader.uint32());
+                            break;
                         default:
                             reader.skipType(tag & 7);
                             break;
@@ -20083,6 +20675,7 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                 Camera.verify = function verify(message) {
                     if (typeof message !== "object" || message === null)
                         return "object expected";
+                    let properties = {};
                     if (message.position != null && message.hasOwnProperty("position")) {
                         let error = $root$1.vertexvis.protobuf.core.Vector3f.verify(message.position);
                         if (error)
@@ -20098,6 +20691,24 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                         if (error)
                             return "up." + error;
                     }
+                    if (message.perspective != null && message.hasOwnProperty("perspective")) {
+                        properties.type = 1;
+                        {
+                            let error = $root$1.vertexvis.protobuf.stream.PerspectiveCamera.verify(message.perspective);
+                            if (error)
+                                return "perspective." + error;
+                        }
+                    }
+                    if (message.orthographic != null && message.hasOwnProperty("orthographic")) {
+                        if (properties.type === 1)
+                            return "type: multiple values";
+                        properties.type = 1;
+                        {
+                            let error = $root$1.vertexvis.protobuf.stream.OrthographicCamera.verify(message.orthographic);
+                            if (error)
+                                return "orthographic." + error;
+                        }
+                    }
                     return null;
                 };
 
@@ -20128,6 +20739,16 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                             throw TypeError(".vertexvis.protobuf.stream.Camera.up: object expected");
                         message.up = $root$1.vertexvis.protobuf.core.Vector3f.fromObject(object.up);
                     }
+                    if (object.perspective != null) {
+                        if (typeof object.perspective !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.Camera.perspective: object expected");
+                        message.perspective = $root$1.vertexvis.protobuf.stream.PerspectiveCamera.fromObject(object.perspective);
+                    }
+                    if (object.orthographic != null) {
+                        if (typeof object.orthographic !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.Camera.orthographic: object expected");
+                        message.orthographic = $root$1.vertexvis.protobuf.stream.OrthographicCamera.fromObject(object.orthographic);
+                    }
                     return message;
                 };
 
@@ -20155,6 +20776,16 @@ const vertexvis$1 = $root$1.vertexvis = (() => {
                         object.lookAt = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.lookAt, options);
                     if (message.up != null && message.hasOwnProperty("up"))
                         object.up = $root$1.vertexvis.protobuf.core.Vector3f.toObject(message.up, options);
+                    if (message.perspective != null && message.hasOwnProperty("perspective")) {
+                        object.perspective = $root$1.vertexvis.protobuf.stream.PerspectiveCamera.toObject(message.perspective, options);
+                        if (options.oneofs)
+                            object.type = "perspective";
+                    }
+                    if (message.orthographic != null && message.hasOwnProperty("orthographic")) {
+                        object.orthographic = $root$1.vertexvis.protobuf.stream.OrthographicCamera.toObject(message.orthographic, options);
+                        if (options.oneofs)
+                            object.type = "orthographic";
+                    }
                     return object;
                 };
 
@@ -53062,25 +53693,128 @@ const defaultAnimationConfig = {
   durationMs: DEFAULT_ANIMATION_DURATION,
 };
 
-function fromBoundingBoxAndLookAtCamera(boundingBox$1, camera) {
+function isPerspectiveFrameCamera(camera) {
+  return camera.position != null;
+}
+function isOrthographicFrameCamera(camera) {
+  const asOrtho = camera;
+  return asOrtho.viewVector != null && asOrtho.fovHeight != null;
+}
+function withPositionAndViewVector(camera) {
+  if (isOrthographicFrameCamera(camera)) {
+    return Object.assign(Object.assign({}, camera), { position: vector3.add(camera.lookAt, vector3.negate(camera.viewVector)) });
+  }
+  else {
+    return Object.assign(Object.assign({}, camera), { viewVector: vector3.subtract(camera.lookAt, camera.position) });
+  }
+}
+function toOrthographic(data) {
+  const viewVector = vector3.subtract(data.lookAt, data.position);
+  return {
+    viewVector,
+    up: data.up,
+    lookAt: data.lookAt,
+    fovHeight: 2 *
+      vector3.magnitude(viewVector) *
+      Math.tan(angle.toRadians(data.fovY / 2.0)),
+  };
+}
+function toPerspective(data, fovY = 45) {
+  const expectedMagnitude = data.fovHeight / (2 * Math.tan(angle.toRadians(fovY / 2)));
+  const receivedMagnitude = vector3.magnitude(data.viewVector);
+  const magnitudeScale = expectedMagnitude / receivedMagnitude;
+  return {
+    position: vector3.add(data.lookAt, vector3.negate(vector3.scale(magnitudeScale, data.viewVector))),
+    up: data.up,
+    lookAt: data.lookAt,
+    fovY,
+  };
+}
+function toProtobuf(camera) {
+  if (isOrthographicFrameCamera(camera)) {
+    return {
+      orthographic: {
+        viewVector: Object.assign({}, camera.viewVector),
+        lookAt: Object.assign({}, camera.lookAt),
+        up: Object.assign({}, camera.up),
+        fovHeight: camera.fovHeight,
+      },
+    };
+  }
+  else if (isPerspectiveFrameCamera(camera)) {
+    return {
+      perspective: {
+        position: Object.assign({}, camera.position),
+        lookAt: Object.assign({}, camera.lookAt),
+        up: Object.assign({}, camera.up),
+      },
+      position: Object.assign({}, camera.position),
+      lookAt: Object.assign({}, camera.lookAt),
+      up: Object.assign({}, camera.up),
+    };
+  }
+  else {
+    return Object.assign({}, camera);
+  }
+}
+
+function fromBoundingBoxAndLookAtCamera(boundingBox, camera) {
+  return isOrthographicFrameCamera(camera)
+    ? fromBoundingBoxAndOrthographicCamera(boundingBox, camera)
+    : fromBoundingBoxAndPerspectiveCamera(boundingBox, camera);
+}
+// Logic pulled from https://github.com/Vertexvis/rendering-client-lib-java/blob/master/src/main/java/com/vertexvis/rendering/graphics/PerspectiveCamera.java#L65
+// and needs to remain in sync with that computation.
+// TODO: revisit computation of these values in a single location
+function fromBoundingBoxAndPerspectiveCamera(boundingBox$1, camera) {
   const boundingBoxCenter = boundingBox.center(boundingBox$1);
-  const cameraToCenter = vector3.subtract(camera.position, boundingBoxCenter);
   const centerToBoundingPlane = vector3.subtract(boundingBox$1.max, boundingBoxCenter);
-  const distanceToCenterAlongViewVec = Math.abs(vector3.dot(vector3.subtract(camera.lookAt, camera.position), cameraToCenter)) / vector3.magnitude(vector3.subtract(camera.lookAt, camera.position));
-  const radius = 1.1 * vector3.magnitude(centerToBoundingPlane);
-  let far = distanceToCenterAlongViewVec + radius;
-  let near = far * 0.01;
-  if (near > distanceToCenterAlongViewVec - radius) {
-    if (near > 1000) {
-      const difference = near - 1000;
-      near = 1000;
-      far -= difference;
+  const radius = vector3.magnitude(centerToBoundingPlane);
+  const length = Math.max(radius, vector3.magnitude(boundingBoxCenter));
+  const epsilon = length === 0 ? 1.0 : length * 1e-6;
+  const minRange = epsilon * 1e2;
+  const signedDistToEye = vector3.dot(vector3.subtract(boundingBoxCenter, camera.position), vector3.normalize(vector3.subtract(camera.lookAt, camera.position)));
+  const bRadius = Math.max(radius, minRange);
+  let newFar = bRadius + signedDistToEye < minRange
+    ? bRadius * 3.0
+    : bRadius + signedDistToEye;
+  let newNear = newFar - bRadius * 2.0 < minRange
+    ? Math.min(minRange, newFar)
+    : newFar - bRadius * 2.0;
+  if (newFar - newNear < minRange) {
+    newNear = Math.max(newNear, minRange);
+    newFar += newNear + minRange;
+  }
+  else if (newNear / newFar < 0.0001) {
+    newNear = newFar * 0.0001;
+  }
+  if (newNear > newFar - bRadius * 2.0) {
+    if (newNear > 1000 + minRange) {
+      newFar -= newNear - 1000;
+      newNear = 1000;
     }
   }
-  else {
-    near = distanceToCenterAlongViewVec - radius;
-  }
-  return { far, near };
+  return {
+    near: newNear,
+    far: newFar,
+  };
+}
+// Logic pulled from https://github.com/Vertexvis/rendering-client-lib-java/blob/master/src/main/java/com/vertexvis/rendering/graphics/OrthographicCamera.java#L35
+// and needs to remain in sync with that computation.
+// TODO: revisit computation of these values in a single location
+function fromBoundingBoxAndOrthographicCamera(boundingBox$1, camera) {
+  const boundingBoxCenter = boundingBox.center(boundingBox$1);
+  const centerToBoundingPlane = vector3.subtract(boundingBox$1.max, boundingBoxCenter);
+  const radius = vector3.magnitude(centerToBoundingPlane);
+  const length = Math.max(radius, vector3.magnitude(boundingBoxCenter));
+  const epsilon = length === 0 ? 1.0 : length * 1e-6;
+  const minRange = epsilon * 1e2;
+  const projCenter = vector3.dot(vector3.subtract(boundingBoxCenter, camera.lookAt), camera.viewVector);
+  const bRadius = Math.max(radius, minRange);
+  return {
+    near: projCenter - bRadius,
+    far: projCenter + bRadius,
+  };
 }
 
 function create$2(data = {}) {
@@ -53182,6 +53916,13 @@ class InvalidArgumentError extends CustomError {
     Object.setPrototypeOf(this, InvalidArgumentError.prototype);
   }
 }
+class InvalidCameraError extends CustomError {
+  constructor(message, e) {
+    super(message, e);
+    // Allows for `instanceof` checks.
+    Object.setPrototypeOf(this, InvalidCameraError.prototype);
+  }
+}
 
 function fromUrn(urn) {
   const uri$1 = uri.parse(urn);
@@ -53581,19 +54322,14 @@ class FrameScene {
     this.hasChanged = hasChanged;
   }
 }
-class FramePerspectiveCamera {
-  constructor(position, lookAt, up, near, far, aspectRatio, fovY) {
+class FrameCameraBase {
+  constructor(position, lookAt, up, near, far, aspectRatio) {
     this.position = position;
     this.lookAt = lookAt;
     this.up = up;
     this.near = near;
     this.far = far;
     this.aspectRatio = aspectRatio;
-    this.fovY = fovY;
-  }
-  static fromBoundingBox(camera, boundingBox, aspectRatio) {
-    const { near, far } = fromBoundingBoxAndLookAtCamera(boundingBox, camera);
-    return new FramePerspectiveCamera(camera.position, camera.lookAt, camera.up, near, far, aspectRatio, 45);
   }
   get direction() {
     return vector3.normalize(this.viewVector);
@@ -53616,22 +54352,14 @@ class FramePerspectiveCamera {
   get projectionViewMatrix() {
     return this.computeCameraMatrices().projectionViewMatrix;
   }
-  computeCameraMatrices() {
-    if (this.cameraMatrices == null) {
-      const viewMatrix = matrix4.makeLookAtView(this.position, this.lookAt, this.up);
-      const worldMatrix = matrix4.invert(viewMatrix);
-      const projectionMatrix = matrix4.makePerspective(this.near, this.far, this.fovY, this.aspectRatio);
-      const projectionMatrixInverse = matrix4.invert(projectionMatrix);
-      const projectionViewMatrix = matrix4.multiply(projectionMatrix, viewMatrix);
-      this.cameraMatrices = {
-        viewMatrix,
-        worldMatrix,
-        projectionMatrix,
-        projectionMatrixInverse,
-        projectionViewMatrix,
-      };
+  static fromBoundingBox(camera, boundingBox, aspectRatio) {
+    const { near, far } = fromBoundingBoxAndLookAtCamera(boundingBox, camera);
+    if (isOrthographicFrameCamera(camera)) {
+      return new FrameOrthographicCamera(camera.viewVector, camera.lookAt, camera.up, near, far, aspectRatio, camera.fovHeight);
+    }
+    else {
+      return new FramePerspectiveCamera(camera.position, camera.lookAt, camera.up, near, far, aspectRatio, 45);
     }
-    return this.cameraMatrices;
   }
   /**
    * Checks if the given point, in world space, is behind the near plane
@@ -53662,6 +54390,83 @@ class FramePerspectiveCamera {
     const pt = plane.intersectLine(nearP, vl);
     return pt != null ? vector3.add(pt, position) : undefined;
   }
+  computeCameraMatrices() {
+    if (this.cameraMatrices == null) {
+      return {
+        viewMatrix: matrix4.makeIdentity(),
+        worldMatrix: matrix4.makeIdentity(),
+        projectionMatrix: matrix4.makeIdentity(),
+        projectionMatrixInverse: matrix4.makeIdentity(),
+        projectionViewMatrix: matrix4.makeIdentity(),
+      };
+    }
+    return this.cameraMatrices;
+  }
+  updateCameraMatrices(cameraMatrices) {
+    this.cameraMatrices = cameraMatrices;
+    return this.cameraMatrices;
+  }
+}
+class FramePerspectiveCamera extends FrameCameraBase {
+  constructor(position, lookAt, up, near, far, aspectRatio, fovY) {
+    super(position, lookAt, up, near, far, aspectRatio);
+    this.position = position;
+    this.lookAt = lookAt;
+    this.up = up;
+    this.near = near;
+    this.far = far;
+    this.aspectRatio = aspectRatio;
+    this.fovY = fovY;
+  }
+  computeCameraMatrices() {
+    if (this.cameraMatrices == null) {
+      const viewMatrix = matrix4.makeLookAtView(this.position, this.lookAt, this.up);
+      const worldMatrix = matrix4.invert(viewMatrix);
+      const projectionMatrix = matrix4.makePerspective(this.near, this.far, this.fovY, this.aspectRatio);
+      const projectionMatrixInverse = matrix4.invert(projectionMatrix);
+      const projectionViewMatrix = matrix4.multiply(projectionMatrix, viewMatrix);
+      return super.updateCameraMatrices({
+        viewMatrix,
+        worldMatrix,
+        projectionMatrix,
+        projectionMatrixInverse,
+        projectionViewMatrix,
+      });
+    }
+    return this.cameraMatrices;
+  }
+}
+class FrameOrthographicCamera extends FrameCameraBase {
+  constructor(viewVector, lookAt, up, near, far, aspectRatio, fovHeight) {
+    super(vector3.add(lookAt, vector3.negate(viewVector)), lookAt, up, near, far, aspectRatio);
+    this.lookAt = lookAt;
+    this.up = up;
+    this.near = near;
+    this.far = far;
+    this.aspectRatio = aspectRatio;
+    this.fovHeight = fovHeight;
+    this.top = fovHeight * 0.5;
+    this.bottom = -this.top;
+    this.right = this.top * aspectRatio;
+    this.left = -this.right;
+  }
+  computeCameraMatrices() {
+    if (this.cameraMatrices == null) {
+      const viewMatrix = matrix4.makeLookAtView(this.position, this.lookAt, this.up);
+      const worldMatrix = matrix4.invert(viewMatrix);
+      const projectionMatrix = matrix4.makeOrthographic(this.left, this.right, this.bottom, this.top, this.near, this.far);
+      const projectionMatrixInverse = matrix4.invert(projectionMatrix);
+      const projectionViewMatrix = matrix4.multiply(projectionMatrix, viewMatrix);
+      return super.updateCameraMatrices({
+        viewMatrix,
+        worldMatrix,
+        projectionMatrix,
+        projectionMatrixInverse,
+        projectionViewMatrix,
+      });
+    }
+    return this.cameraMatrices;
+  }
 }
 
 class ArrowMarkup {
@@ -54600,7 +55405,29 @@ function fromPbScalarWrapper() {
   return mapper.defineMapper((value) => (value === null || value === void 0 ? void 0 : value.value) || undefined, (value) => value);
 }
 
-const fromPbCamera = mapper.defineMapper(mapper.read(mapper.mapProp('position', mapper.compose(mapper.required('position'), fromPbVector3f)), mapper.mapProp('lookAt', mapper.compose(mapper.required('lookAt'), fromPbVector3f)), mapper.mapProp('up', mapper.compose(mapper.required('up'), fromPbVector3f))), ([position, lookAt, up]) => ({ position, lookAt, up }));
+const fromPbPerspectiveCamera = mapper.defineMapper(mapper.read(mapper.mapProp('position', mapper.compose(mapper.required('position'), fromPbVector3f)), mapper.mapProp('lookAt', mapper.compose(mapper.required('lookAt'), fromPbVector3f)), mapper.mapProp('up', mapper.compose(mapper.required('up'), fromPbVector3f))), ([position, lookAt, up]) => ({
+  position,
+  lookAt,
+  up,
+  // TODO: map fovY property when available
+  fovY: 45,
+}));
+const fromPbOrthographicCamera = mapper.defineMapper(mapper.read(mapper.mapProp('viewVector', mapper.compose(mapper.required('viewVector'), fromPbVector3f)), mapper.mapProp('lookAt', mapper.compose(mapper.required('lookAt'), fromPbVector3f)), mapper.mapProp('up', mapper.compose(mapper.required('up'), fromPbVector3f)), mapper.mapProp('fovHeight', mapper.required('fovHeight'))), ([viewVector, lookAt, up, fovHeight]) => ({
+  viewVector,
+  lookAt,
+  up,
+  fovHeight,
+}));
+const fromPbCamera = mapper.defineMapper(mapper.read(mapper.mapProp('position', mapper.ifDefined(fromPbVector3f)), mapper.mapProp('lookAt', mapper.ifDefined(fromPbVector3f)), mapper.mapProp('up', mapper.ifDefined(fromPbVector3f)), mapper.mapProp('perspective', mapper.ifDefined(fromPbPerspectiveCamera)), mapper.mapProp('orthographic', mapper.ifDefined(fromPbOrthographicCamera))), ([position, lookAt, up, perspective, orthographic]) => {
+  var _a;
+  return (_a = perspective !== null && perspective !== void 0 ? perspective : orthographic) !== null && _a !== void 0 ? _a : {
+    position: position !== null && position !== void 0 ? position : vector3.back(),
+    lookAt: lookAt !== null && lookAt !== void 0 ? lookAt : vector3.origin(),
+    up: up !== null && up !== void 0 ? up : vector3.up(),
+    // TODO: map fovY property when available
+    fovY: 45,
+  };
+});
 const fromPbSectionPlane = mapper.defineMapper(mapper.read(mapper.mapProp('normal', mapper.compose(mapper.required('normal'), fromPbVector3f)), mapper.requiredProp('offset')), ([normal, offset]) => ({ normal, offset }));
 const fromPbImageAttributes = mapper.defineMapper(mapper.read(mapper.mapProp('frameDimensions', mapper.compose(mapper.required('frameDimensions'), fromPbDim)), mapper.mapProp('imageRect', mapper.compose(mapper.required('imageRect'), fromPbRect)), mapper.mapProp('scaleFactor', mapper.required('scaleFactor'))), ([frameDimensions, imageRect, imageScale]) => ({
   frameDimensions,
@@ -54620,7 +55447,7 @@ const fromPbSceneAttributes = mapper.defineMapper(mapper.read(mapper.mapProp('ca
   hasChanged,
 }));
 const fromPbFrameSceneAttributes = mapper.defineMapper(mapper.read(mapper.mapProp('sceneAttributes', mapper.compose(mapper.required('sceneAttributes'), fromPbSceneAttributes))), ([sceneAttr]) => sceneAttr);
-const fromPbFrameCamera = mapper.defineMapper(mapper.read(fromPbFrameSceneAttributes, fromPbFrameImageAttributes), ([sceneAttr, imageAttr]) => FramePerspectiveCamera.fromBoundingBox(sceneAttr.camera, sceneAttr.boundingBox, dimensions.aspectRatio(imageAttr.frameDimensions)));
+const fromPbFrameCamera = mapper.defineMapper(mapper.read(fromPbFrameSceneAttributes, fromPbFrameImageAttributes), ([sceneAttr, imageAttr]) => FrameCameraBase.fromBoundingBox(sceneAttr.camera, sceneAttr.boundingBox, dimensions.aspectRatio(imageAttr.frameDimensions)));
 function fromPbFrameScene(worldOrientation) {
   return mapper.defineMapper(mapper.read(fromPbFrameSceneAttributes, fromPbFrameCamera), ([sceneAttr, camera]) => new FrameScene(camera, sceneAttr.boundingBox, sceneAttr.crossSectioning, worldOrientation, sceneAttr.hasChanged));
 }
@@ -57325,6 +58152,522 @@ const vertexvis = $root.vertexvis = (() => {
              */
             const stream = {};
 
+            stream.PerspectiveCamera = (function() {
+
+                /**
+                 * Properties of a PerspectiveCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @interface IPerspectiveCamera
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [position] PerspectiveCamera position
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [lookAt] PerspectiveCamera lookAt
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [up] PerspectiveCamera up
+                 */
+
+                /**
+                 * Constructs a new PerspectiveCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @classdesc Represents a PerspectiveCamera.
+                 * @implements IPerspectiveCamera
+                 * @constructor
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera=} [properties] Properties to set
+                 */
+                function PerspectiveCamera(properties) {
+                    if (properties)
+                        for (let keys = Object.keys(properties), i = 0; i < keys.length; ++i)
+                            if (properties[keys[i]] != null)
+                                this[keys[i]] = properties[keys[i]];
+                }
+
+                /**
+                 * PerspectiveCamera position.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} position
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 */
+                PerspectiveCamera.prototype.position = null;
+
+                /**
+                 * PerspectiveCamera lookAt.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} lookAt
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 */
+                PerspectiveCamera.prototype.lookAt = null;
+
+                /**
+                 * PerspectiveCamera up.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} up
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 */
+                PerspectiveCamera.prototype.up = null;
+
+                /**
+                 * Creates a new PerspectiveCamera instance using the specified properties.
+                 * @function create
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera=} [properties] Properties to set
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera instance
+                 */
+                PerspectiveCamera.create = function create(properties) {
+                    return new PerspectiveCamera(properties);
+                };
+
+                /**
+                 * Encodes the specified PerspectiveCamera message. Does not implicitly {@link vertexvis.protobuf.stream.PerspectiveCamera.verify|verify} messages.
+                 * @function encode
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera} message PerspectiveCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                PerspectiveCamera.encode = function encode(message, writer) {
+                    if (!writer)
+                        writer = $Writer.create();
+                    if (message.position != null && Object.hasOwnProperty.call(message, "position"))
+                        $root.vertexvis.protobuf.core.Vector3f.encode(message.position, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();
+                    if (message.lookAt != null && Object.hasOwnProperty.call(message, "lookAt"))
+                        $root.vertexvis.protobuf.core.Vector3f.encode(message.lookAt, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
+                    if (message.up != null && Object.hasOwnProperty.call(message, "up"))
+                        $root.vertexvis.protobuf.core.Vector3f.encode(message.up, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
+                    return writer;
+                };
+
+                /**
+                 * Encodes the specified PerspectiveCamera message, length delimited. Does not implicitly {@link vertexvis.protobuf.stream.PerspectiveCamera.verify|verify} messages.
+                 * @function encodeDelimited
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera} message PerspectiveCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                PerspectiveCamera.encodeDelimited = function encodeDelimited(message, writer) {
+                    return this.encode(message, writer).ldelim();
+                };
+
+                /**
+                 * Decodes a PerspectiveCamera message from the specified reader or buffer.
+                 * @function decode
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @param {number} [length] Message length if known beforehand
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                PerspectiveCamera.decode = function decode(reader, length) {
+                    if (!(reader instanceof $Reader))
+                        reader = $Reader.create(reader);
+                    let end = length === undefined ? reader.len : reader.pos + length, message = new $root.vertexvis.protobuf.stream.PerspectiveCamera();
+                    while (reader.pos < end) {
+                        let tag = reader.uint32();
+                        switch (tag >>> 3) {
+                        case 1:
+                            message.position = $root.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 2:
+                            message.lookAt = $root.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 3:
+                            message.up = $root.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        default:
+                            reader.skipType(tag & 7);
+                            break;
+                        }
+                    }
+                    return message;
+                };
+
+                /**
+                 * Decodes a PerspectiveCamera message from the specified reader or buffer, length delimited.
+                 * @function decodeDelimited
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                PerspectiveCamera.decodeDelimited = function decodeDelimited(reader) {
+                    if (!(reader instanceof $Reader))
+                        reader = new $Reader(reader);
+                    return this.decode(reader, reader.uint32());
+                };
+
+                /**
+                 * Verifies a PerspectiveCamera message.
+                 * @function verify
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {Object.<string,*>} message Plain object to verify
+                 * @returns {string|null} `null` if valid, otherwise the reason why it is not
+                 */
+                PerspectiveCamera.verify = function verify(message) {
+                    if (typeof message !== "object" || message === null)
+                        return "object expected";
+                    if (message.position != null && message.hasOwnProperty("position")) {
+                        let error = $root.vertexvis.protobuf.core.Vector3f.verify(message.position);
+                        if (error)
+                            return "position." + error;
+                    }
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt")) {
+                        let error = $root.vertexvis.protobuf.core.Vector3f.verify(message.lookAt);
+                        if (error)
+                            return "lookAt." + error;
+                    }
+                    if (message.up != null && message.hasOwnProperty("up")) {
+                        let error = $root.vertexvis.protobuf.core.Vector3f.verify(message.up);
+                        if (error)
+                            return "up." + error;
+                    }
+                    return null;
+                };
+
+                /**
+                 * Creates a PerspectiveCamera message from a plain object. Also converts values to their respective internal types.
+                 * @function fromObject
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {Object.<string,*>} object Plain object
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera
+                 */
+                PerspectiveCamera.fromObject = function fromObject(object) {
+                    if (object instanceof $root.vertexvis.protobuf.stream.PerspectiveCamera)
+                        return object;
+                    let message = new $root.vertexvis.protobuf.stream.PerspectiveCamera();
+                    if (object.position != null) {
+                        if (typeof object.position !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.PerspectiveCamera.position: object expected");
+                        message.position = $root.vertexvis.protobuf.core.Vector3f.fromObject(object.position);
+                    }
+                    if (object.lookAt != null) {
+                        if (typeof object.lookAt !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.PerspectiveCamera.lookAt: object expected");
+                        message.lookAt = $root.vertexvis.protobuf.core.Vector3f.fromObject(object.lookAt);
+                    }
+                    if (object.up != null) {
+                        if (typeof object.up !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.PerspectiveCamera.up: object expected");
+                        message.up = $root.vertexvis.protobuf.core.Vector3f.fromObject(object.up);
+                    }
+                    return message;
+                };
+
+                /**
+                 * Creates a plain object from a PerspectiveCamera message. Also converts values to other types if specified.
+                 * @function toObject
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.PerspectiveCamera} message PerspectiveCamera
+                 * @param {$protobuf.IConversionOptions} [options] Conversion options
+                 * @returns {Object.<string,*>} Plain object
+                 */
+                PerspectiveCamera.toObject = function toObject(message, options) {
+                    if (!options)
+                        options = {};
+                    let object = {};
+                    if (options.defaults) {
+                        object.position = null;
+                        object.lookAt = null;
+                        object.up = null;
+                    }
+                    if (message.position != null && message.hasOwnProperty("position"))
+                        object.position = $root.vertexvis.protobuf.core.Vector3f.toObject(message.position, options);
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt"))
+                        object.lookAt = $root.vertexvis.protobuf.core.Vector3f.toObject(message.lookAt, options);
+                    if (message.up != null && message.hasOwnProperty("up"))
+                        object.up = $root.vertexvis.protobuf.core.Vector3f.toObject(message.up, options);
+                    return object;
+                };
+
+                /**
+                 * Converts this PerspectiveCamera to JSON.
+                 * @function toJSON
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
+                 * @instance
+                 * @returns {Object.<string,*>} JSON object
+                 */
+                PerspectiveCamera.prototype.toJSON = function toJSON() {
+                    return this.constructor.toObject(this, minimal.util.toJSONOptions);
+                };
+
+                return PerspectiveCamera;
+            })();
+
+            stream.OrthographicCamera = (function() {
+
+                /**
+                 * Properties of an OrthographicCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @interface IOrthographicCamera
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [viewVector] OrthographicCamera viewVector
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [lookAt] OrthographicCamera lookAt
+                 * @property {vertexvis.protobuf.core.IVector3f|null} [up] OrthographicCamera up
+                 * @property {number|null} [fovHeight] OrthographicCamera fovHeight
+                 */
+
+                /**
+                 * Constructs a new OrthographicCamera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @classdesc Represents an OrthographicCamera.
+                 * @implements IOrthographicCamera
+                 * @constructor
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera=} [properties] Properties to set
+                 */
+                function OrthographicCamera(properties) {
+                    if (properties)
+                        for (let keys = Object.keys(properties), i = 0; i < keys.length; ++i)
+                            if (properties[keys[i]] != null)
+                                this[keys[i]] = properties[keys[i]];
+                }
+
+                /**
+                 * OrthographicCamera viewVector.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} viewVector
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.viewVector = null;
+
+                /**
+                 * OrthographicCamera lookAt.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} lookAt
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.lookAt = null;
+
+                /**
+                 * OrthographicCamera up.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} up
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.up = null;
+
+                /**
+                 * OrthographicCamera fovHeight.
+                 * @member {number} fovHeight
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 */
+                OrthographicCamera.prototype.fovHeight = 0;
+
+                /**
+                 * Creates a new OrthographicCamera instance using the specified properties.
+                 * @function create
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera=} [properties] Properties to set
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera instance
+                 */
+                OrthographicCamera.create = function create(properties) {
+                    return new OrthographicCamera(properties);
+                };
+
+                /**
+                 * Encodes the specified OrthographicCamera message. Does not implicitly {@link vertexvis.protobuf.stream.OrthographicCamera.verify|verify} messages.
+                 * @function encode
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera} message OrthographicCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                OrthographicCamera.encode = function encode(message, writer) {
+                    if (!writer)
+                        writer = $Writer.create();
+                    if (message.viewVector != null && Object.hasOwnProperty.call(message, "viewVector"))
+                        $root.vertexvis.protobuf.core.Vector3f.encode(message.viewVector, writer.uint32(/* id 1, wireType 2 =*/10).fork()).ldelim();
+                    if (message.lookAt != null && Object.hasOwnProperty.call(message, "lookAt"))
+                        $root.vertexvis.protobuf.core.Vector3f.encode(message.lookAt, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
+                    if (message.up != null && Object.hasOwnProperty.call(message, "up"))
+                        $root.vertexvis.protobuf.core.Vector3f.encode(message.up, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
+                    if (message.fovHeight != null && Object.hasOwnProperty.call(message, "fovHeight"))
+                        writer.uint32(/* id 4, wireType 5 =*/37).float(message.fovHeight);
+                    return writer;
+                };
+
+                /**
+                 * Encodes the specified OrthographicCamera message, length delimited. Does not implicitly {@link vertexvis.protobuf.stream.OrthographicCamera.verify|verify} messages.
+                 * @function encodeDelimited
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.IOrthographicCamera} message OrthographicCamera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                OrthographicCamera.encodeDelimited = function encodeDelimited(message, writer) {
+                    return this.encode(message, writer).ldelim();
+                };
+
+                /**
+                 * Decodes an OrthographicCamera message from the specified reader or buffer.
+                 * @function decode
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @param {number} [length] Message length if known beforehand
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                OrthographicCamera.decode = function decode(reader, length) {
+                    if (!(reader instanceof $Reader))
+                        reader = $Reader.create(reader);
+                    let end = length === undefined ? reader.len : reader.pos + length, message = new $root.vertexvis.protobuf.stream.OrthographicCamera();
+                    while (reader.pos < end) {
+                        let tag = reader.uint32();
+                        switch (tag >>> 3) {
+                        case 1:
+                            message.viewVector = $root.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 2:
+                            message.lookAt = $root.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 3:
+                            message.up = $root.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
+                            break;
+                        case 4:
+                            message.fovHeight = reader.float();
+                            break;
+                        default:
+                            reader.skipType(tag & 7);
+                            break;
+                        }
+                    }
+                    return message;
+                };
+
+                /**
+                 * Decodes an OrthographicCamera message from the specified reader or buffer, length delimited.
+                 * @function decodeDelimited
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                OrthographicCamera.decodeDelimited = function decodeDelimited(reader) {
+                    if (!(reader instanceof $Reader))
+                        reader = new $Reader(reader);
+                    return this.decode(reader, reader.uint32());
+                };
+
+                /**
+                 * Verifies an OrthographicCamera message.
+                 * @function verify
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {Object.<string,*>} message Plain object to verify
+                 * @returns {string|null} `null` if valid, otherwise the reason why it is not
+                 */
+                OrthographicCamera.verify = function verify(message) {
+                    if (typeof message !== "object" || message === null)
+                        return "object expected";
+                    if (message.viewVector != null && message.hasOwnProperty("viewVector")) {
+                        let error = $root.vertexvis.protobuf.core.Vector3f.verify(message.viewVector);
+                        if (error)
+                            return "viewVector." + error;
+                    }
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt")) {
+                        let error = $root.vertexvis.protobuf.core.Vector3f.verify(message.lookAt);
+                        if (error)
+                            return "lookAt." + error;
+                    }
+                    if (message.up != null && message.hasOwnProperty("up")) {
+                        let error = $root.vertexvis.protobuf.core.Vector3f.verify(message.up);
+                        if (error)
+                            return "up." + error;
+                    }
+                    if (message.fovHeight != null && message.hasOwnProperty("fovHeight"))
+                        if (typeof message.fovHeight !== "number")
+                            return "fovHeight: number expected";
+                    return null;
+                };
+
+                /**
+                 * Creates an OrthographicCamera message from a plain object. Also converts values to their respective internal types.
+                 * @function fromObject
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {Object.<string,*>} object Plain object
+                 * @returns {vertexvis.protobuf.stream.OrthographicCamera} OrthographicCamera
+                 */
+                OrthographicCamera.fromObject = function fromObject(object) {
+                    if (object instanceof $root.vertexvis.protobuf.stream.OrthographicCamera)
+                        return object;
+                    let message = new $root.vertexvis.protobuf.stream.OrthographicCamera();
+                    if (object.viewVector != null) {
+                        if (typeof object.viewVector !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.OrthographicCamera.viewVector: object expected");
+                        message.viewVector = $root.vertexvis.protobuf.core.Vector3f.fromObject(object.viewVector);
+                    }
+                    if (object.lookAt != null) {
+                        if (typeof object.lookAt !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.OrthographicCamera.lookAt: object expected");
+                        message.lookAt = $root.vertexvis.protobuf.core.Vector3f.fromObject(object.lookAt);
+                    }
+                    if (object.up != null) {
+                        if (typeof object.up !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.OrthographicCamera.up: object expected");
+                        message.up = $root.vertexvis.protobuf.core.Vector3f.fromObject(object.up);
+                    }
+                    if (object.fovHeight != null)
+                        message.fovHeight = Number(object.fovHeight);
+                    return message;
+                };
+
+                /**
+                 * Creates a plain object from an OrthographicCamera message. Also converts values to other types if specified.
+                 * @function toObject
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.OrthographicCamera} message OrthographicCamera
+                 * @param {$protobuf.IConversionOptions} [options] Conversion options
+                 * @returns {Object.<string,*>} Plain object
+                 */
+                OrthographicCamera.toObject = function toObject(message, options) {
+                    if (!options)
+                        options = {};
+                    let object = {};
+                    if (options.defaults) {
+                        object.viewVector = null;
+                        object.lookAt = null;
+                        object.up = null;
+                        object.fovHeight = 0;
+                    }
+                    if (message.viewVector != null && message.hasOwnProperty("viewVector"))
+                        object.viewVector = $root.vertexvis.protobuf.core.Vector3f.toObject(message.viewVector, options);
+                    if (message.lookAt != null && message.hasOwnProperty("lookAt"))
+                        object.lookAt = $root.vertexvis.protobuf.core.Vector3f.toObject(message.lookAt, options);
+                    if (message.up != null && message.hasOwnProperty("up"))
+                        object.up = $root.vertexvis.protobuf.core.Vector3f.toObject(message.up, options);
+                    if (message.fovHeight != null && message.hasOwnProperty("fovHeight"))
+                        object.fovHeight = options.json && !isFinite(message.fovHeight) ? String(message.fovHeight) : message.fovHeight;
+                    return object;
+                };
+
+                /**
+                 * Converts this OrthographicCamera to JSON.
+                 * @function toJSON
+                 * @memberof vertexvis.protobuf.stream.OrthographicCamera
+                 * @instance
+                 * @returns {Object.<string,*>} JSON object
+                 */
+                OrthographicCamera.prototype.toJSON = function toJSON() {
+                    return this.constructor.toObject(this, minimal.util.toJSONOptions);
+                };
+
+                return OrthographicCamera;
+            })();
+
             stream.Camera = (function() {
 
                 /**
@@ -57334,6 +58677,8 @@ const vertexvis = $root.vertexvis = (() => {
                  * @property {vertexvis.protobuf.core.IVector3f|null} [position] Camera position
                  * @property {vertexvis.protobuf.core.IVector3f|null} [lookAt] Camera lookAt
                  * @property {vertexvis.protobuf.core.IVector3f|null} [up] Camera up
+                 * @property {vertexvis.protobuf.stream.IPerspectiveCamera|null} [perspective] Camera perspective
+                 * @property {vertexvis.protobuf.stream.IOrthographicCamera|null} [orthographic] Camera orthographic
                  */
 
                 /**
@@ -57375,6 +58720,36 @@ const vertexvis = $root.vertexvis = (() => {
                  */
                 Camera.prototype.up = null;
 
+                /**
+                 * Camera perspective.
+                 * @member {vertexvis.protobuf.stream.IPerspectiveCamera|null|undefined} perspective
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Camera.prototype.perspective = null;
+
+                /**
+                 * Camera orthographic.
+                 * @member {vertexvis.protobuf.stream.IOrthographicCamera|null|undefined} orthographic
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Camera.prototype.orthographic = null;
+
+                // OneOf field names bound to virtual getters and setters
+                let $oneOfFields;
+
+                /**
+                 * Camera type.
+                 * @member {"perspective"|"orthographic"|undefined} type
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Object.defineProperty(Camera.prototype, "type", {
+                    get: $util.oneOfGetter($oneOfFields = ["perspective", "orthographic"]),
+                    set: $util.oneOfSetter($oneOfFields)
+                });
+
                 /**
                  * Creates a new Camera instance using the specified properties.
                  * @function create
@@ -57405,6 +58780,10 @@ const vertexvis = $root.vertexvis = (() => {
                         $root.vertexvis.protobuf.core.Vector3f.encode(message.lookAt, writer.uint32(/* id 2, wireType 2 =*/18).fork()).ldelim();
                     if (message.up != null && Object.hasOwnProperty.call(message, "up"))
                         $root.vertexvis.protobuf.core.Vector3f.encode(message.up, writer.uint32(/* id 3, wireType 2 =*/26).fork()).ldelim();
+                    if (message.perspective != null && Object.hasOwnProperty.call(message, "perspective"))
+                        $root.vertexvis.protobuf.stream.PerspectiveCamera.encode(message.perspective, writer.uint32(/* id 4, wireType 2 =*/34).fork()).ldelim();
+                    if (message.orthographic != null && Object.hasOwnProperty.call(message, "orthographic"))
+                        $root.vertexvis.protobuf.stream.OrthographicCamera.encode(message.orthographic, writer.uint32(/* id 5, wireType 2 =*/42).fork()).ldelim();
                     return writer;
                 };
 
@@ -57448,6 +58827,12 @@ const vertexvis = $root.vertexvis = (() => {
                         case 3:
                             message.up = $root.vertexvis.protobuf.core.Vector3f.decode(reader, reader.uint32());
                             break;
+                        case 4:
+                            message.perspective = $root.vertexvis.protobuf.stream.PerspectiveCamera.decode(reader, reader.uint32());
+                            break;
+                        case 5:
+                            message.orthographic = $root.vertexvis.protobuf.stream.OrthographicCamera.decode(reader, reader.uint32());
+                            break;
                         default:
                             reader.skipType(tag & 7);
                             break;
@@ -57483,6 +58868,7 @@ const vertexvis = $root.vertexvis = (() => {
                 Camera.verify = function verify(message) {
                     if (typeof message !== "object" || message === null)
                         return "object expected";
+                    let properties = {};
                     if (message.position != null && message.hasOwnProperty("position")) {
                         let error = $root.vertexvis.protobuf.core.Vector3f.verify(message.position);
                         if (error)
@@ -57498,6 +58884,24 @@ const vertexvis = $root.vertexvis = (() => {
                         if (error)
                             return "up." + error;
                     }
+                    if (message.perspective != null && message.hasOwnProperty("perspective")) {
+                        properties.type = 1;
+                        {
+                            let error = $root.vertexvis.protobuf.stream.PerspectiveCamera.verify(message.perspective);
+                            if (error)
+                                return "perspective." + error;
+                        }
+                    }
+                    if (message.orthographic != null && message.hasOwnProperty("orthographic")) {
+                        if (properties.type === 1)
+                            return "type: multiple values";
+                        properties.type = 1;
+                        {
+                            let error = $root.vertexvis.protobuf.stream.OrthographicCamera.verify(message.orthographic);
+                            if (error)
+                                return "orthographic." + error;
+                        }
+                    }
                     return null;
                 };
 
@@ -57528,6 +58932,16 @@ const vertexvis = $root.vertexvis = (() => {
                             throw TypeError(".vertexvis.protobuf.stream.Camera.up: object expected");
                         message.up = $root.vertexvis.protobuf.core.Vector3f.fromObject(object.up);
                     }
+                    if (object.perspective != null) {
+                        if (typeof object.perspective !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.Camera.perspective: object expected");
+                        message.perspective = $root.vertexvis.protobuf.stream.PerspectiveCamera.fromObject(object.perspective);
+                    }
+                    if (object.orthographic != null) {
+                        if (typeof object.orthographic !== "object")
+                            throw TypeError(".vertexvis.protobuf.stream.Camera.orthographic: object expected");
+                        message.orthographic = $root.vertexvis.protobuf.stream.OrthographicCamera.fromObject(object.orthographic);
+                    }
                     return message;
                 };
 
@@ -57555,6 +58969,16 @@ const vertexvis = $root.vertexvis = (() => {
                         object.lookAt = $root.vertexvis.protobuf.core.Vector3f.toObject(message.lookAt, options);
                     if (message.up != null && message.hasOwnProperty("up"))
                         object.up = $root.vertexvis.protobuf.core.Vector3f.toObject(message.up, options);
+                    if (message.perspective != null && message.hasOwnProperty("perspective")) {
+                        object.perspective = $root.vertexvis.protobuf.stream.PerspectiveCamera.toObject(message.perspective, options);
+                        if (options.oneofs)
+                            object.type = "perspective";
+                    }
+                    if (message.orthographic != null && message.hasOwnProperty("orthographic")) {
+                        object.orthographic = $root.vertexvis.protobuf.stream.OrthographicCamera.toObject(message.orthographic, options);
+                        if (options.oneofs)
+                            object.type = "orthographic";
+                    }
                     return object;
                 };
 
@@ -88637,7 +90061,7 @@ function buildFlyToOperation(frameCorrelationId, options, animation) {
         }) });
     }
     case 'camera': {
-      return Object.assign(Object.assign({}, payload), { camera: options.flyTo.data });
+      return Object.assign(Object.assign({}, payload), { camera: toProtobuf(options.flyTo.data) });
     }
     case 'bounding-box': {
       return Object.assign(Object.assign({}, payload), { boundingBox: {
@@ -88771,32 +90195,27 @@ class FlyToExecutor {
  * a new instance of the class with the updated properties.
  */
 class Camera {
-  constructor(stream, aspect, data, boundingBox, decodeFrame) {
+  constructor(stream, aspect, data, boundingBox, decodeFrame, flyToOptions) {
     this.stream = stream;
     this.aspect = aspect;
     this.data = data;
     this.boundingBox = boundingBox;
     this.decodeFrame = decodeFrame;
+    this.flyToOptions = flyToOptions;
   }
-  /**
-   * Updates the position of the camera such that the given bounding box will
-   * be contained within the camera's view.
-   *
-   * @param boundingBox The bounding box to position to.
-   */
-  fitToBoundingBox(boundingBox$1) {
+  fitCameraToBoundingBox(boundingBox$1, fovVertical, viewVector) {
     const radius = 1.1 *
       vector3.magnitude(vector3.subtract(boundingBox$1.max, boundingBox.center(boundingBox$1)));
     // ratio of the height of the frustum to the distance along the view vector
-    let hOverD = Math.tan(this.fovY * PI_OVER_360);
-    if (this.aspectRatio < 1.0) {
-      hOverD *= this.aspectRatio;
+    let hOverD = Math.tan(fovVertical * PI_OVER_360);
+    if (this.aspect < 1.0) {
+      hOverD *= this.aspect;
     }
     const distance = Math.abs(radius / hOverD);
-    const vvec = vector3.scale(distance, vector3.normalize(this.viewVector()));
+    const vvec = vector3.scale(distance, vector3.normalize(viewVector));
     const lookAt = boundingBox.center(boundingBox$1);
     const position = vector3.subtract(lookAt, vvec);
-    return this.update({ lookAt, position });
+    return this.update({ lookAt, position, viewVector: vvec });
   }
   /**
    * Returns the distance from the camera's position to the center
@@ -88804,12 +90223,11 @@ class Camera {
    *
    * @param boundingBox - The bounding box to determine distance from.
    */
-  distanceToBoundingBoxCenter(boundingBox$1) {
-    const box = boundingBox$1 || this.boundingBox;
-    const boundingBoxCenter = boundingBox.center(box);
-    const cameraToCenter = vector3.subtract(this.position, boundingBoxCenter);
-    const distanceToCenterAlongViewVec = Math.abs(vector3.dot(vector3.subtract(this.lookAt, this.position), cameraToCenter)) / vector3.magnitude(vector3.subtract(this.lookAt, this.position));
-    return distanceToCenterAlongViewVec;
+  signedDistanceToBoundingBoxCenter(boundingBox$1) {
+    const { position, viewVector } = withPositionAndViewVector(this.data);
+    const boundingBoxCenter = boundingBox.center(boundingBox$1 !== null && boundingBox$1 !== void 0 ? boundingBox$1 : this.boundingBox);
+    const cameraToCenter = vector3.subtract(boundingBoxCenter, position);
+    return (vector3.dot(viewVector, cameraToCenter) / vector3.magnitude(viewVector));
   }
   /**
    * Specifies that the next render of the camera will be repositioned to one of
@@ -88820,26 +90238,14 @@ class Camera {
    */
   flyTo(paramsOrQuery) {
     if (typeof paramsOrQuery !== 'function') {
-      this.flyToOptions = { flyTo: this.buildFlyToType(paramsOrQuery) };
-      return this;
+      return this.updateFlyToOptions({
+        flyTo: this.buildFlyToType(paramsOrQuery),
+      });
     }
     else {
-      this.flyToOptions = paramsOrQuery(new FlyToExecutor()).build();
-      return this;
+      return this.updateFlyToOptions(paramsOrQuery(new FlyToExecutor()).build());
     }
   }
-  /**
-   * Shifts the position of the camera by the given delta.
-   *
-   * @param delta The number of units to shift the camera on the X, Y, and Z
-   * axis.
-   */
-  moveBy(delta) {
-    return this.update({
-      position: vector3.add(this.position, delta),
-      lookAt: vector3.add(this.lookAt, delta),
-    });
-  }
   viewAll() {
     return this.fitToBoundingBox(this.boundingBox);
   }
@@ -88871,7 +90277,7 @@ class Camera {
       }
       else {
         this.stream.replaceCamera({
-          camera: this.data,
+          camera: toProtobuf(this.data),
           frameCorrelationId: { value: corrId },
         });
         return new CameraRenderResult(this.stream, this.decodeFrame, {
@@ -88891,22 +90297,7 @@ class Camera {
    * @param axis A normalized vector to rotate around.
    */
   rotateAroundAxis(angleInRadians, axis) {
-    return this.rotateAroundAxisAtPoint(angleInRadians, this.lookAt, axis);
-  }
-  /**
-   * Repositions the camera by rotating its current position around an axis
-   * defined at a specific world point.
-   *
-   * @param angleInRadians The angle, in radians, to rotate.
-   * @param point The point in world space to place the axis at.
-   * @param axis A normalized vector to rotate around.
-   */
-  rotateAroundAxisAtPoint(angleInRadians, point, axis) {
-    return this.update({
-      position: vector3.rotateAboutAxis(angleInRadians, this.position, axis, point),
-      lookAt: vector3.rotateAboutAxis(angleInRadians, this.lookAt, axis, point),
-      up: vector3.rotateAboutAxis(angleInRadians, this.up, axis, vector3.origin()),
-    });
+    return this.rotateAroundAxisAtPoint(angleInRadians, this.data.lookAt, axis);
   }
   /**
    * Updates the `position` and `up` vectors of the camera to the given standard
@@ -88922,20 +90313,6 @@ class Camera {
       up: standardView.up,
     });
   }
-  /**
-   * Updates the `position`, `lookAt` and/or `up` vectors of the camera.
-   *
-   * @param camera The values to update the camera to.
-   */
-  update(camera) {
-    return new Camera(this.stream, this.aspectRatio, Object.assign(Object.assign({}, this.data), camera), this.boundingBox, this.decodeFrame);
-  }
-  /**
-   * Returns a `FramePerspectiveCamera` representation.
-   */
-  toFrameCamera() {
-    return new FramePerspectiveCamera(this.position, this.lookAt, this.up, this.near, this.far, this.aspectRatio, this.fovY);
-  }
   buildFlyToType(options) {
     if (options.boundingBox != null) {
       return { type: 'bounding-box', data: options.boundingBox };
@@ -88956,36 +90333,66 @@ class Camera {
   computeClippingPlanes(camera) {
     return fromBoundingBoxAndLookAtCamera(this.boundingBox, camera);
   }
+}
+class PerspectiveCamera extends Camera {
+  constructor(stream, aspect, perspectiveData, boundingBox, decodeFrame, flyToOptions) {
+    super(stream, aspect, perspectiveData, boundingBox, decodeFrame, flyToOptions);
+    this.perspectiveData = perspectiveData;
+  }
   /**
-   * Returns the view vector for the camera, which is the direction between the
-   * `position` and `lookAt` vectors.
+   * Shifts the position of the camera by the given delta.
+   *
+   * @param delta The number of units to shift the camera on the X, Y, and Z
+   * axis.
    */
-  viewVector() {
+  moveBy(delta) {
+    return this.update({
+      position: vector3.add(this.position, delta),
+      lookAt: vector3.add(this.lookAt, delta),
+    });
+  }
+  rotateAroundAxisAtPoint(angleInRadians, point, axis) {
+    return this.update({
+      position: vector3.rotateAboutAxis(angleInRadians, this.position, axis, point),
+      lookAt: vector3.rotateAboutAxis(angleInRadians, this.lookAt, axis, point),
+      up: vector3.rotateAboutAxis(angleInRadians, this.up, axis, vector3.origin()),
+    });
+  }
+  fitToBoundingBox(boundingBox) {
+    return super.fitCameraToBoundingBox(boundingBox, this.fovY, this.viewVector);
+  }
+  update(camera) {
+    return new PerspectiveCamera(this.stream, this.aspect, Object.assign(Object.assign({}, this.perspectiveData), camera), this.boundingBox, this.decodeFrame, this.flyToOptions);
+  }
+  toFrameCamera() {
+    return new FramePerspectiveCamera(this.position, this.lookAt, this.up, this.near, this.far, this.aspectRatio, this.fovY);
+  }
+  get viewVector() {
     return vector3.subtract(this.lookAt, this.position);
   }
   /**
    * The position vector for the camera, in world space coordinates.
    */
   get position() {
-    return Object.assign({}, this.data.position);
+    return Object.assign({}, this.perspectiveData.position);
   }
   /**
    * A normalized vector representing the up direction.
    */
   get up() {
-    return Object.assign({}, this.data.up);
+    return Object.assign({}, this.perspectiveData.up);
   }
   /**
    * A vector, in world space coordinates, of where the camera is pointed at.
    */
   get lookAt() {
-    return Object.assign({}, this.data.lookAt);
+    return Object.assign({}, this.perspectiveData.lookAt);
   }
   /**
    * The camera's field of view.
    */
   get fovY() {
-    return 45;
+    return this.perspectiveData.fovY;
   }
   /**
    * The aspect ratio of the camera.
@@ -88997,16 +90404,104 @@ class Camera {
    * The camera's near clipping plane.
    */
   get near() {
-    const { near } = this.computeClippingPlanes(this.data);
+    const { near } = this.computeClippingPlanes(this.perspectiveData);
     return near;
   }
   /**
    * The camera's far clipping plane.
    */
   get far() {
-    const { far } = this.computeClippingPlanes(this.data);
+    const { far } = this.computeClippingPlanes(this.perspectiveData);
     return far;
   }
+  updateFlyToOptions(flyToOptions) {
+    return new PerspectiveCamera(this.stream, this.aspect, this.perspectiveData, this.boundingBox, this.decodeFrame, flyToOptions);
+  }
+}
+class OrthographicCamera extends Camera {
+  constructor(stream, aspect, orthographicData, boundingBox, decodeFrame, flyToOptions) {
+    super(stream, aspect, orthographicData, boundingBox, decodeFrame, flyToOptions);
+    this.orthographicData = orthographicData;
+  }
+  /**
+   * Shifts the position of the camera by the given delta.
+   *
+   * @param delta The number of units to shift the camera on the X, Y, and Z
+   * axis.
+   */
+  moveBy(delta) {
+    const updatedLookAt = vector3.add(this.lookAt, delta);
+    return this.update({
+      viewVector: vector3.subtract(updatedLookAt, vector3.add(this.position, delta)),
+      lookAt: updatedLookAt,
+    });
+  }
+  rotateAroundAxisAtPoint(angleInRadians, point, axis) {
+    const newLookAt = vector3.rotateAboutAxis(angleInRadians, this.lookAt, axis, point);
+    const newUp = vector3.rotateAboutAxis(angleInRadians, this.up, axis, vector3.origin());
+    const newViewVector = vector3.subtract(vector3.rotateAboutAxis(angleInRadians, this.position, axis, point), newLookAt);
+    return this.update({
+      viewVector: newViewVector,
+      lookAt: newLookAt,
+      up: newUp,
+    });
+  }
+  fitToBoundingBox(boundingBox) {
+    return super.fitCameraToBoundingBox(boundingBox, this.fovHeight, this.viewVector);
+  }
+  update(camera) {
+    return new OrthographicCamera(this.stream, this.aspect, Object.assign(Object.assign({}, this.orthographicData), camera), this.boundingBox, this.decodeFrame, this.flyToOptions);
+  }
+  toFrameCamera() {
+    return new FrameOrthographicCamera(this.viewVector, this.lookAt, this.up, this.near, this.far, this.aspectRatio, this.fovHeight);
+  }
+  get viewVector() {
+    return Object.assign({}, this.orthographicData.viewVector);
+  }
+  get position() {
+    return vector3.add(this.lookAt, vector3.negate(this.viewVector));
+  }
+  /**
+   * A normalized vector representing the up direction.
+   */
+  get up() {
+    return Object.assign({}, this.orthographicData.up);
+  }
+  /**
+   * A vector, in world space coordinates, of where the camera is pointed at.
+   */
+  get lookAt() {
+    return Object.assign({}, this.orthographicData.lookAt);
+  }
+  /**
+   * The camera's field of view.
+   */
+  get fovHeight() {
+    return this.orthographicData.fovHeight;
+  }
+  /**
+   * The aspect ratio of the camera.
+   */
+  get aspectRatio() {
+    return this.aspect;
+  }
+  /**
+   * The camera's near clipping plane.
+   */
+  get near() {
+    const { near } = this.computeClippingPlanes(this.orthographicData);
+    return near;
+  }
+  /**
+   * The camera's far clipping plane.
+   */
+  get far() {
+    const { far } = this.computeClippingPlanes(this.orthographicData);
+    return far;
+  }
+  updateFlyToOptions(flyToOptions) {
+    return new OrthographicCamera(this.stream, this.aspect, this.orthographicData, this.boundingBox, this.decodeFrame, flyToOptions);
+  }
 }
 
 /**
@@ -89413,12 +90908,25 @@ class Scene {
    */
   camera() {
     const { scene } = this.frame;
-    const data = {
-      position: scene.camera.position,
-      lookAt: scene.camera.lookAt,
-      up: scene.camera.up,
-    };
-    return new Camera(this.stream, dimensions.aspectRatio(this.viewport()), data, this.frame.scene.boundingBox, this.decodeFrame);
+    if (scene.camera instanceof FrameOrthographicCamera) {
+      return new OrthographicCamera(this.stream, dimensions.aspectRatio(this.viewport()), {
+        viewVector: scene.camera.viewVector,
+        lookAt: scene.camera.lookAt,
+        up: scene.camera.up,
+        fovHeight: scene.camera.fovHeight,
+      }, this.frame.scene.boundingBox, this.decodeFrame);
+    }
+    else if (scene.camera instanceof FramePerspectiveCamera) {
+      return new PerspectiveCamera(this.stream, dimensions.aspectRatio(this.viewport()), {
+        position: scene.camera.position,
+        lookAt: scene.camera.lookAt,
+        up: scene.camera.up,
+        fovY: scene.camera.fovY,
+      }, this.frame.scene.boundingBox, this.decodeFrame);
+    }
+    else {
+      throw new InvalidCameraError('Cannot retrieve camera. Scene has an unknown or invalid camera type.');
+    }
   }
   boundingBox() {
     return this.frame.scene.boundingBox;
@@ -98745,52 +100253,6 @@ class FlyToPartKeyInteraction {
   }
 }
 
-class FlyToPositionKeyInteraction {
-  constructor(stream, configProvider, imageScaleProvider, sceneProvider) {
-    this.stream = stream;
-    this.configProvider = configProvider;
-    this.imageScaleProvider = imageScaleProvider;
-    this.sceneProvider = sceneProvider;
-  }
-  predicate(e) {
-    return e.altKey && e.shiftKey;
-  }
-  async fn(e) {
-    var _a, _b;
-    const scale = this.imageScaleProvider();
-    const hitResult = await this.stream.hitItems({
-      point: point.scale(e.position, (scale === null || scale === void 0 ? void 0 : scale.x) || 1, (scale === null || scale === void 0 ? void 0 : scale.y) || 1),
-    }, true);
-    if (((_a = hitResult.hitItems) === null || _a === void 0 ? void 0 : _a.hits) != null &&
-      hitResult.hitItems.hits.length > 0 &&
-      hitResult.hitItems.hits[0].hitPoint != null) {
-      const camera = this.sceneProvider().camera();
-      const hit = hitResult.hitItems.hits[0];
-      if (hit.hitPoint != null &&
-        hit.hitPoint.x != null &&
-        hit.hitPoint.y != null &&
-        hit.hitPoint.z != null) {
-        await this.stream.flyTo({
-          camera: camera
-            .update({
-            lookAt: vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
-          })
-            .toFrameCamera(),
-          animation: {
-            duration: toProtoDuration(this.configProvider().animation.durationMs),
-          },
-        });
-      }
-      else {
-        console.debug(`No hit position found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}, hit-id={${(_b = hit.itemId) === null || _b === void 0 ? void 0 : _b.hex}}]`);
-      }
-    }
-    else {
-      console.debug(`No hit results found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}]`);
-    }
-  }
-}
-
 /**
  * The `InteractionApi` provides methods that API developers can use to modify
  * the internal state of an interaction.
@@ -98998,27 +100460,6 @@ class InteractionApi {
       return camera;
     });
   }
-  /**
-   * Performs a pan operation of the scene's camera, and requests a new image
-   * for the updated scene.
-   *
-   * @param delta A position delta `{x, y}` in the 2D coordinate space of the
-   *  viewer.
-   */
-  async panCameraByDelta(delta) {
-    return this.transformCamera(({ camera, viewport }) => {
-      const vv = camera.viewVector();
-      const u = vector3.normalize(camera.up);
-      const v = vector3.normalize(vv);
-      const d = vector3.magnitude(vv) * Math.tan(camera.fovY);
-      const epsilonX = (delta.x * d) / viewport.width;
-      const epsilonY = (delta.y / viewport.width) * d;
-      const xvec = vector3.cross(u, v);
-      const yvec = vector3.cross(v, xvec);
-      const offset = vector3.add(vector3.scale(epsilonX, xvec), vector3.scale(epsilonY, yvec));
-      return camera.moveBy(offset);
-    });
-  }
   /**
    * Performs a view all operation for the scene's bounding box, and requests a
    * new image for the updated scene.
@@ -99077,8 +100518,8 @@ class InteractionApi {
       return updated.update({
         // Scale the lookAt point to the same length as the distance to the
         // center of the bounding box to maintain zoom and pan behavior.
-        lookAt: vector3.add(vector3.scale(camera.distanceToBoundingBoxCenter() /
-          vector3.magnitude(updated.viewVector()), updated.viewVector()), updated.position),
+        lookAt: vector3.add(vector3.scale(Math.abs(camera.signedDistanceToBoundingBoxCenter()) /
+          vector3.magnitude(updated.viewVector), updated.viewVector), updated.position),
       });
     });
   }
@@ -99091,7 +100532,7 @@ class InteractionApi {
    */
   async zoomCamera(delta) {
     return this.transformCamera(({ camera, viewport }) => {
-      const vv = camera.viewVector();
+      const vv = camera.viewVector;
       const v = vector3.normalize(vv);
       const distance = vector3.magnitude(vv);
       const epsilon = (3 * distance * delta) / viewport.height;
@@ -99212,6 +100653,148 @@ class InteractionApi {
   }
 }
 
+class InteractionApiOrthographic extends InteractionApi {
+  constructor(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter) {
+    super(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter);
+  }
+  /**
+   * Performs a pan operation of the scene's camera, and requests a new image
+   * for the updated scene.
+   *
+   * @param delta A position delta `{x, y}` in the 2D coordinate space of the
+   *  viewer.
+   */
+  async panCameraByDelta(delta) {
+    return this.transformCamera(({ camera, viewport }) => {
+      const viewVector = camera.viewVector;
+      const normalizedUpVector = vector3.normalize(camera.up);
+      const normalizedViewVector = vector3.normalize(viewVector);
+      const d = vector3.magnitude(viewVector) * Math.tan(camera.fovHeight);
+      const epsilonX = (delta.x * d) / viewport.width;
+      const epsilonY = (delta.y / viewport.width) * d;
+      const xvec = vector3.cross(normalizedUpVector, normalizedViewVector);
+      const yvec = vector3.cross(normalizedViewVector, xvec);
+      const offset = vector3.add(vector3.scale(epsilonX, xvec), vector3.scale(epsilonY, yvec));
+      return camera.moveBy(offset);
+    });
+  }
+  async transformCamera(t) {
+    var _a;
+    if (this.isInteracting()) {
+      const scene = this.getScene();
+      const viewport = this.getViewport();
+      const frame = this.getFrame();
+      const depthBuffer = await (frame === null || frame === void 0 ? void 0 : frame.depthBuffer());
+      this.currentCamera =
+        this.currentCamera != null && viewport != null && frame != null
+          ? t({
+            camera: this.currentCamera,
+            viewport,
+            scale: scene.scale(),
+            boundingBox: scene.boundingBox(),
+            frame,
+            depthBuffer,
+          })
+          : undefined;
+      await ((_a = this.currentCamera) === null || _a === void 0 ? void 0 : _a.render());
+    }
+  }
+}
+
+class InteractionApiPerspective extends InteractionApi {
+  constructor(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter) {
+    super(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter);
+  }
+  /**
+   * Performs a pan operation of the scene's camera, and requests a new image
+   * for the updated scene.
+   *
+   * @param delta A position delta `{x, y}` in the 2D coordinate space of the
+   *  viewer.
+   */
+  async panCameraByDelta(delta) {
+    return this.transformCamera(({ camera, viewport }) => {
+      const vv = camera.viewVector;
+      const u = vector3.normalize(camera.up);
+      const v = vector3.normalize(vv);
+      const d = vector3.magnitude(vv) * Math.tan(camera.fovY);
+      const epsilonX = (delta.x * d) / viewport.width;
+      const epsilonY = (delta.y / viewport.width) * d;
+      const xvec = vector3.cross(u, v);
+      const yvec = vector3.cross(v, xvec);
+      const offset = vector3.add(vector3.scale(epsilonX, xvec), vector3.scale(epsilonY, yvec));
+      return camera.moveBy(offset);
+    });
+  }
+  async transformCamera(t) {
+    var _a;
+    if (this.isInteracting()) {
+      const scene = this.getScene();
+      const viewport = this.getViewport();
+      const frame = this.getFrame();
+      const depthBuffer = await (frame === null || frame === void 0 ? void 0 : frame.depthBuffer());
+      this.currentCamera =
+        this.currentCamera != null && viewport != null && frame != null
+          ? t({
+            camera: this.currentCamera,
+            viewport,
+            scale: scene.scale(),
+            boundingBox: scene.boundingBox(),
+            frame,
+            depthBuffer,
+          })
+          : undefined;
+      await ((_a = this.currentCamera) === null || _a === void 0 ? void 0 : _a.render());
+    }
+  }
+}
+
+class FlyToPositionKeyInteraction {
+  constructor(stream, configProvider, imageScaleProvider, sceneProvider) {
+    this.stream = stream;
+    this.configProvider = configProvider;
+    this.imageScaleProvider = imageScaleProvider;
+    this.sceneProvider = sceneProvider;
+  }
+  predicate(e) {
+    return e.altKey && e.shiftKey;
+  }
+  async fn(e) {
+    var _a, _b;
+    const scale = this.imageScaleProvider();
+    const hitResult = await this.stream.hitItems({
+      point: point.scale(e.position, (scale === null || scale === void 0 ? void 0 : scale.x) || 1, (scale === null || scale === void 0 ? void 0 : scale.y) || 1),
+    }, true);
+    if (((_a = hitResult.hitItems) === null || _a === void 0 ? void 0 : _a.hits) != null &&
+      hitResult.hitItems.hits.length > 0 &&
+      hitResult.hitItems.hits[0].hitPoint != null) {
+      const camera = this.sceneProvider().camera();
+      const hit = hitResult.hitItems.hits[0];
+      if (hit.hitPoint != null &&
+        hit.hitPoint.x != null &&
+        hit.hitPoint.y != null &&
+        hit.hitPoint.z != null) {
+        await this.stream.flyTo({
+          camera: camera
+            .update({
+            lookAt: vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
+          })
+            .toFrameCamera(),
+          animation: {
+            duration: toProtoDuration(this.configProvider().animation.durationMs),
+          },
+        });
+      }
+      else {
+        console.debug(`No hit position found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}, hit-id={${(_b = hit.itemId) === null || _b === void 0 ? void 0 : _b.hex}}]`);
+      }
+    }
+    else {
+      console.debug(`No hit results found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}]`);
+    }
+  }
+}
+
 const SCROLL_WHEEL_DELTA_PERCENTAGES = [0.2, 0.15, 0.25, 0.25, 0.15];
 const DEFAULT_FONT_SIZE = 16;
 const DEFAULT_LINE_HEIGHT = 1.2;
@@ -100746,6 +102329,11 @@ let Viewer = class extends HTMLElement$1 {
      * the viewer. Enabled by default.
      */
     this.cameraControls = true;
+    /**
+     * The type of camera model to represent the scene with. Can be either
+     * `perspective` or `orthographic`, and defaults to `perspective`.
+     */
+    this.cameraType = 'perspective';
     /**
      * Enables or disables the default keyboard shortcut interactions provided by
      * the viewer. Enabled by default, requires `cameraControls` being enabled.
@@ -101035,6 +102623,11 @@ let Viewer = class extends HTMLElement$1 {
       (_b = this.baseInteractionHandler) === null || _b === void 0 ? void 0 : _b.setPrimaryInteractionType('rotate');
     }
   }
+  handleCameraTypeChanged(updatedCameraType, previousCameraType) {
+    if (updatedCameraType !== previousCameraType) {
+      this.updateCameraType();
+    }
+  }
   /**
    * @ignore
    */
@@ -101281,7 +102874,9 @@ let Viewer = class extends HTMLElement$1 {
       this.frame !== frame) {
       const canvas = this.canvasElement.getContext('2d');
       if (canvas != null) {
+        const previousFrame = this.frame;
         this.frame = frame;
+        this.updateInteractionApi(previousFrame);
         const data = {
           canvas,
           canvasDimensions,
@@ -101317,7 +102912,10 @@ let Viewer = class extends HTMLElement$1 {
     if (this.stream == null) {
       throw new ComponentInitializationError('Cannot create interaction API. Component has not been initialized.');
     }
-    return new InteractionApi(this.stream, this.stateMap.cursorManager, () => this.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished);
+    return this.frame == null ||
+      isPerspectiveFrameCamera(this.frame.scene.camera)
+      ? new InteractionApiPerspective(this.stream, this.stateMap.cursorManager, () => this.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished)
+      : new InteractionApiOrthographic(this.stream, this.stateMap.cursorManager, () => this.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished);
   }
   handleCursorChanged() {
     window.requestAnimationFrame(() => {
@@ -101377,6 +102975,34 @@ let Viewer = class extends HTMLElement$1 {
     var _a;
     (_a = this.stream) === null || _a === void 0 ? void 0 : _a.update({ streamAttributes: this.getStreamAttributes() });
   }
+  updateInteractionApi(previousFrame) {
+    if (previousFrame != null && this.frame != null) {
+      const hasChangedFromPerspective = isPerspectiveFrameCamera(previousFrame.scene.camera) &&
+        isPerspectiveFrameCamera(this.frame.scene.camera);
+      const hasChangedFromOrthographic = isOrthographicFrameCamera(previousFrame.scene.camera) &&
+        isOrthographicFrameCamera(this.frame.scene.camera);
+      if (hasChangedFromPerspective || hasChangedFromOrthographic) {
+        this.interactionApi = this.createInteractionApi();
+      }
+    }
+  }
+  updateCameraType() {
+    var _a, _b;
+    if (this.frame != null) {
+      if (this.cameraType === 'orthographic' &&
+        isPerspectiveFrameCamera(this.frame.scene.camera)) {
+        (_a = this.stream) === null || _a === void 0 ? void 0 : _a.replaceCamera({
+          camera: toProtobuf(toOrthographic(this.frame.scene.camera)),
+        });
+      }
+      else if (this.cameraType === 'perspective' &&
+        isOrthographicFrameCamera(this.frame.scene.camera)) {
+        (_b = this.stream) === null || _b === void 0 ? void 0 : _b.replaceCamera({
+          camera: toProtobuf(toPerspective(this.frame.scene.camera)),
+        });
+      }
+    }
+  }
   getDepthBufferStreamAttributesValue() {
     var _a;
     const depthBuffer = (_a = this.depthBuffers) !== null && _a !== void 0 ? _a : (this.rotateAroundTapPoint ? 'final' : undefined);
@@ -101417,6 +103043,7 @@ let Viewer = class extends HTMLElement$1 {
   static get watchers() { return {
     "src": ["handleSrcChanged"],
     "rotateAroundTapPoint": ["handleRotateAboutTapPointChanged"],
+    "cameraType": ["handleCameraTypeChanged"],
     "depthBuffers": ["handleDepthBuffersChanged"],
     "experimentalGhostingOpacity": ["handleExperimentalGhostingOpacityChanged"],
     "featureLines": ["handleFeatureLinesChanged"],
@@ -106070,7 +107697,7 @@ const VertexSceneTreeTableLayout = /*@__PURE__*/proxyCustomElement(SceneTreeTabl
 const VertexSceneTreeTableResizeDivider = /*@__PURE__*/proxyCustomElement(SceneTreeTableResizeDivider, [1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]);
 const VertexSceneTreeToolbar = /*@__PURE__*/proxyCustomElement(SceneTreeToolbar, [1,"vertex-scene-tree-toolbar"]);
 const VertexSceneTreeToolbarGroup = /*@__PURE__*/proxyCustomElement(SceneTreeToolbarGroup, [1,"vertex-scene-tree-toolbar-group"]);
-const VertexViewer = /*@__PURE__*/proxyCustomElement(Viewer, [1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"experimentalGhostingOpacity":[2,"experimental-ghosting-opacity"],"featureLines":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"selectionMaterial":[1,"selection-material"],"resizeDebounce":[2,"resize-debounce"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32]},[[0,"tap","handleTapEvent"]]]);
+const VertexViewer = /*@__PURE__*/proxyCustomElement(Viewer, [1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"cameraType":[1,"camera-type"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"experimentalGhostingOpacity":[2,"experimental-ghosting-opacity"],"featureLines":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"selectionMaterial":[1,"selection-material"],"resizeDebounce":[2,"resize-debounce"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32]},[[0,"tap","handleTapEvent"]]]);
 const VertexViewerButton = /*@__PURE__*/proxyCustomElement(ViewerButton, [1,"vertex-viewer-button"]);
 const VertexViewerDefaultToolbar = /*@__PURE__*/proxyCustomElement(ViewerDefaultToolbar, [1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]);
 const VertexViewerDomElement = /*@__PURE__*/proxyCustomElement(ViewerDomElement, [1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}]);
@@ -106136,4 +107763,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { AngleUnits, AreaUnits, ArrowMarkup, CircleMarkup, colorMaterial as ColorMaterial, CursorManager, DistanceUnits, EntityType, FreeformMarkup, loadableResource as LoadableResource, MeasurementController, MeasurementEntity, MeasurementModel, MeasurementOverlayManager, Frame as ReceivedFrame, FrameImage as ReceivedFrameImage, FrameScene as ReceivedFrameScene, FramePerspectiveCamera as ReceivedPerspectiveCamera, Scene, SynchronizedClock, VertexSceneTree, VertexSceneTreeSearch, VertexSceneTreeTableCell, VertexSceneTreeTableColumn, VertexSceneTreeTableHeader, VertexSceneTreeTableLayout, VertexSceneTreeTableResizeDivider, VertexSceneTreeToolbar, VertexSceneTreeToolbarGroup, VertexViewer, VertexViewerButton, VertexViewerDefaultToolbar, VertexViewerDomElement, VertexViewerDomGroup, VertexViewerDomRenderer, VertexViewerIcon, VertexViewerLayer, VertexViewerMarkup, VertexViewerMarkupArrow, VertexViewerMarkupCircle, VertexViewerMarkupFreeform, VertexViewerMarkupTool, VertexViewerMeasurementDetails, VertexViewerMeasurementDistance, VertexViewerMeasurementLine, VertexViewerMeasurementOverlays, VertexViewerMeasurementPrecise, VertexViewerMeasurementTool, VertexViewerMeasurements, VertexViewerToolbar, VertexViewerToolbarGroup, VertexViewerViewCube, Viewport, __awaiter as _, __generator as a, __spreadArray as b, createCommonjsModule as c, defineCustomElements, makeMinimumDistanceResult, measurementCursor, measurementWithArrowCursor };
+export { AngleUnits, AreaUnits, ArrowMarkup, CircleMarkup, colorMaterial as ColorMaterial, CursorManager, DistanceUnits, EntityType, FreeformMarkup, loadableResource as LoadableResource, MeasurementController, MeasurementEntity, MeasurementModel, MeasurementOverlayManager, Frame as ReceivedFrame, FrameImage as ReceivedFrameImage, FrameScene as ReceivedFrameScene, FrameOrthographicCamera as ReceivedOrthographicCamera, FramePerspectiveCamera as ReceivedPerspectiveCamera, Scene, SynchronizedClock, VertexSceneTree, VertexSceneTreeSearch, VertexSceneTreeTableCell, VertexSceneTreeTableColumn, VertexSceneTreeTableHeader, VertexSceneTreeTableLayout, VertexSceneTreeTableResizeDivider, VertexSceneTreeToolbar, VertexSceneTreeToolbarGroup, VertexViewer, VertexViewerButton, VertexViewerDefaultToolbar, VertexViewerDomElement, VertexViewerDomGroup, VertexViewerDomRenderer, VertexViewerIcon, VertexViewerLayer, VertexViewerMarkup, VertexViewerMarkupArrow, VertexViewerMarkupCircle, VertexViewerMarkupFreeform, VertexViewerMarkupTool, VertexViewerMeasurementDetails, VertexViewerMeasurementDistance, VertexViewerMeasurementLine, VertexViewerMeasurementOverlays, VertexViewerMeasurementPrecise, VertexViewerMeasurementTool, VertexViewerMeasurements, VertexViewerToolbar, VertexViewerToolbarGroup, VertexViewerViewCube, Viewport, __awaiter as _, __generator as a, __spreadArray as b, createCommonjsModule as c, defineCustomElements, makeMinimumDistanceResult, measurementCursor, measurementWithArrowCursor };