@vertexvis/viewer 0.13.1 → 0.13.2-canary.10

package/dist/custom-elements/index.js

@@ -3113,11 +3113,11 @@ function v1(options, buf, offset) {
   return buf || stringify(b);
 }
 
-var create$e = function () { return v1(); };
+var create$f = function () { return v1(); };
 
 var uuid = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  create: create$e
+  create: create$f
 });
 
 var EventDispatcher = /** @class */ (function () {
@@ -3214,7 +3214,7 @@ const defaultColor = {
  * @param hex
  * @param opacity
  */
-const create$d = (r, g, b, opacity) => {
+const create$e = (r, g, b, opacity) => {
   return Object.assign(Object.assign({}, defaultColor), { opacity: opacity || 100, glossiness: opacity || 10, diffuse: {
       r,
       g,
@@ -3265,7 +3265,7 @@ const defaultSelectionMaterial = {
 
 const colorMaterial = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    create: create$d,
+    create: create$e,
     fromHex: fromHex,
     defaultSelectionMaterial: defaultSelectionMaterial
 });
@@ -15118,7 +15118,7 @@ function lerp$2(a, b, t) {
 /**
  * Returns a new `Point` with the given horizontal and vertical position.
  */
-function create$b(x, y) {
+function create$c(x, y) {
     if (x === void 0) { x = 0; }
     if (y === void 0) { y = 0; }
     return { x: x, y: y };
@@ -15129,7 +15129,7 @@ function create$b(x, y) {
 function polar(length, radians) {
     var x = Math.cos(radians) * length;
     var y = Math.sin(radians) * length;
-    return create$b(x, y);
+    return create$c(x, y);
 }
 /**
  * Returns the distance between two points.
@@ -15175,7 +15175,7 @@ function lerp$1(a, b, t) {
  * Returns a new `Point` where `x` and `y` are inverted.
  */
 function negate$1(pt) {
-    return create$b(-pt.x, -pt.y);
+    return create$c(-pt.x, -pt.y);
 }
 /**
  * Returns a new `Point` where `x` and `y` are multiplied by the given scale
@@ -15197,17 +15197,17 @@ function fromJson$4(json) {
     var obj = JSON.parse(json);
     if (Array.isArray(obj)) {
         var x = obj[0], y = obj[1];
-        return create$b(x, y);
+        return create$c(x, y);
     }
     else {
         var x = obj.x, y = obj.y;
-        return create$b(x, y);
+        return create$c(x, y);
     }
 }
 
 var point = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  create: create$b,
+  create: create$c,
   polar: polar,
   distance: distance$2,
   subtract: subtract$1,
@@ -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,
@@ -15781,7 +15815,7 @@ var matrix4 = /*#__PURE__*/Object.freeze({
   isType: isType$2
 });
 
-function create$a() {
+function create$b() {
     var _a, _b, _c, _d, _e, _f;
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -15845,11 +15879,11 @@ function fromJson$3(json) {
     var obj = JSON.parse(json);
     if (Array.isArray(obj)) {
         var x = obj[0], y = obj[1], z = obj[2];
-        return create$a(x, y, z);
+        return create$b(x, y, z);
     }
     else {
         var x = obj.x, y = obj.y, z = obj.z;
-        return create$a(x, y, z);
+        return create$b(x, y, z);
     }
 }
 /**
@@ -15864,7 +15898,7 @@ function fromArray(nums, offset) {
     var x = nums[offset];
     var y = nums[offset + 1];
     var z = nums[offset + 2];
-    return create$a(x, y, z);
+    return create$b(x, y, z);
 }
 /**
  * Converts a Vector3 to an array where the values of the vector will be
@@ -15881,43 +15915,43 @@ function toArray(_a) {
  * Returns a directional vector on the positive x axis, Vector3(1, 0, 0).
  */
 function right() {
-    return create$a(1, 0, 0);
+    return create$b(1, 0, 0);
 }
 /**
  * Returns a directional vector on the positive y axis, Vector3(0, 1, 0).
  */
 function up() {
-    return create$a(0, 1, 0);
+    return create$b(0, 1, 0);
 }
 /**
  * Returns a directional vector on the positive z axis, Vector3(0, 0, -1).
  */
 function forward() {
-    return create$a(0, 0, -1);
+    return create$b(0, 0, -1);
 }
 /**
  * Returns a directional vector on the negative x axis, Vector3(-1, 0, 0).
  */
 function left() {
-    return create$a(-1, 0, 0);
+    return create$b(-1, 0, 0);
 }
 /**
  * Returns a directional vector on the negative y axis, Vector3(0, -1, 0).
  */
 function down() {
-    return create$a(0, -1, 0);
+    return create$b(0, -1, 0);
 }
 /**
  * Returns a directional vector on the negative z axis, Vector3(0, 0, 1).
  */
 function back() {
-    return create$a(0, 0, 1);
+    return create$b(0, 0, 1);
 }
 /**
  * Returns a vector at the origin, Vector3(0, 0, 0).
  */
 function origin() {
-    return create$a(0, 0, 0);
+    return create$b(0, 0, 0);
 }
 /**
  * Returns a vector with that will have a magnitude of 1.
@@ -16100,13 +16134,13 @@ function isEqual$2(a, b) {
  * Returns a vector that contains the largest components of `a` and `b`.
  */
 function max(a, b) {
-    return create$a(Math.max(a.x, b.x), Math.max(a.y, b.y), Math.max(a.z, b.z));
+    return create$b(Math.max(a.x, b.x), Math.max(a.y, b.y), Math.max(a.z, b.z));
 }
 /**
  * Returns a vector that contains the smallest components of `a` and `b`.
  */
 function min(a, b) {
-    return create$a(Math.min(a.x, b.x), Math.min(a.y, b.y), Math.min(a.z, b.z));
+    return create$b(Math.min(a.x, b.x), Math.min(a.y, b.y), Math.min(a.z, b.z));
 }
 /**
  * Returns a vector that each of its component negated.
@@ -16144,7 +16178,7 @@ function transformNdcToWorldSpace(ndc, worldMatrix, projectionMatrixInverse) {
 
 var vector3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  create: create$a,
+  create: create$b,
   isValid: isValid,
   fromMatrixScale: fromMatrixScale,
   fromMatrixPosition: fromMatrixPosition,
@@ -16184,7 +16218,7 @@ var vector3 = /*#__PURE__*/Object.freeze({
 /**
  * Returns a `BoundingBox` with the given min and max points.
  */
-var create$9 = function (min, max) {
+var create$a = function (min, max) {
     return { min: min, max: max };
 };
 /**
@@ -16192,7 +16226,7 @@ var create$9 = function (min, max) {
  * are contained by the bounding box.
  */
 var fromVectors = function (vectors) {
-    return union.apply(void 0, vectors.map(function (v) { return create$9(v, v); }));
+    return union.apply(void 0, vectors.map(function (v) { return create$a(v, v); }));
 };
 /**
  * Returns the center point of the given `BoundingBox`.
@@ -16207,19 +16241,36 @@ function union(box) {
     }
     var boxes = __spreadArray([box], rest, true);
     return boxes.reduce(function (a, b) {
-        return create$9(min(a.min, b.min), max(a.max, b.max));
+        return create$a(min(a.min, b.min), max(a.max, b.max));
     });
 }
 /* eslint-enable padding-line-between-statements */
 
 var boundingBox = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  create: create$9,
+  create: create$a,
   fromVectors: fromVectors,
   center: center$3,
   union: union
 });
 
+/**
+ * Returns a `BoundingSphere` that encompasses the provided `BoundingBox`.
+ */
+var create$9 = function (boundingBox$1) {
+    var boundingBoxCenter = center$3(boundingBox$1);
+    var centerToBoundingPlane = subtract(boundingBox$1.max, boundingBoxCenter);
+    var radius = magnitude(centerToBoundingPlane);
+    var length = Math.max(radius, magnitude(boundingBoxCenter));
+    var epsilon = length === 0 ? 1.0 : length * 1e-6;
+    return { center: boundingBoxCenter, radius: radius, epsilon: epsilon };
+};
+
+var boundingSphere = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  create: create$9
+});
+
 /**
  * Returns a new `Rectangle` with the given position and size.
  */
@@ -16341,13 +16392,13 @@ function center$2(rect) {
  * Returns the top-left position of the rectangle, as a point.
  */
 function topLeft(rect) {
-    return create$b(rect.x, rect.y);
+    return create$c(rect.x, rect.y);
 }
 /**
  * Returns the bottom-right position of the rectangle, as a point.
  */
 function bottomRight(rect) {
-    return create$b(rect.x + rect.width, rect.y + rect.height);
+    return create$c(rect.x + rect.width, rect.y + rect.height);
 }
 /**
  * Returns `true` if the given rectangle has a portrait aspect ratio.
@@ -16552,7 +16603,7 @@ var fitToRatio = function (ratio, dimensions) {
  * Converts a dimension to a rectangle, with an optional position.
  */
 function toRectangle(dimensions, position) {
-    if (position === void 0) { position = create$b(); }
+    if (position === void 0) { position = create$c(); }
     return fromPointAndDimensions(position, dimensions);
 }
 
@@ -16854,7 +16905,7 @@ var translate = function (dx, dy, matrix) {
 var transformPoint = function (matrix, pt) {
     var x = matrix.a * pt.x + matrix.c * pt.y + matrix.tx;
     var y = matrix.b * pt.x + matrix.d * pt.y + matrix.ty;
-    return create$b(x, y);
+    return create$c(x, y);
 };
 
 var matrix = /*#__PURE__*/Object.freeze({
@@ -17185,7 +17236,7 @@ var quaternion = /*#__PURE__*/Object.freeze({
  * @param value The values of the ray.
  * @returns A new ray.
  */
-function create$c(value) {
+function create$d(value) {
     var _a, _b;
     if (value === void 0) { value = {}; }
     return {
@@ -17240,7 +17291,7 @@ function intersectPlane(ray, plane) {
 
 var ray = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  create: create$c,
+  create: create$d,
   at: at,
   distanceToPlane: distanceToPlane,
   intersectPlane: intersectPlane
@@ -19925,6 +19976,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 +20501,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 +20544,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 +20604,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 +20651,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 +20692,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 +20708,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 +20756,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 +20793,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 +53710,125 @@ const defaultAnimationConfig = {
   durationMs: DEFAULT_ANIMATION_DURATION,
 };
 
-function fromBoundingBoxAndLookAtCamera(boundingBox$1, camera) {
+function isPerspectiveFrameCamera(camera) {
+  return (camera.position != null &&
+    camera.fovHeight == 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, boundingBox$1) {
+  var _a;
+  const viewVector = vector3.subtract(data.lookAt, data.position);
   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 scale = radius / vector3.magnitude(viewVector);
+  return {
+    viewVector: vector3.scale(scale, viewVector),
+    up: data.up,
+    lookAt: data.lookAt,
+    fovHeight: 2 *
+      vector3.magnitude(viewVector) *
+      Math.tan(angle.toRadians(((_a = data.fovY) !== null && _a !== void 0 ? _a : 45) / 2.0)),
+  };
+}
+function toPerspective(data, fovY = 45) {
+  const expectedMagnitude = data.fovHeight / (2 * Math.tan(angle.toRadians(fovY / 2.0)));
+  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 {
-    near = distanceToCenterAlongViewVec - radius;
+    return Object.assign({}, camera);
+  }
+}
+
+function fromBoundingBoxAndLookAtCamera(boundingBox, camera) {
+  return isOrthographicFrameCamera(camera)
+    ? fromBoundingBoxAndOrthographicCamera(boundingBox)
+    : 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, camera) {
+  const boundingSphere$1 = boundingSphere.create(boundingBox);
+  const minRange = boundingSphere$1.epsilon * 1e2;
+  const signedDistToEye = vector3.dot(vector3.subtract(boundingSphere$1.center, camera.position), vector3.normalize(vector3.subtract(camera.lookAt, camera.position)));
+  const bRadius = Math.max(boundingSphere$1.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;
+    }
   }
-  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, camera) {
+  const boundingSphere$1 = boundingSphere.create(boundingBox);
+  const minRange = boundingSphere$1.epsilon * 1e2;
+  const bRadius = Math.max(boundingSphere$1.radius, minRange);
+  return {
+    near: -bRadius,
+    far: bRadius,
+  };
 }
 
 function create$2(data = {}) {
@@ -53182,6 +53930,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);
@@ -53266,7 +54021,7 @@ class DepthBuffer {
   /**
    * Computes the depth from a 2D point within the coordinate space of the depth
    * buffer. The returned depth is a value that's between the near and far plane
-   * of the camera.
+   * of the perspective camera.
    *
    * @param point A 2D point within the viewport.
    * @param fallbackNormalizedDepth A fallback value if the depth is the max
@@ -53278,6 +54033,21 @@ class DepthBuffer {
     const depth = this.getNormalizedDepthAtPoint(point, fallbackNormalizedDepth);
     return depth * (far - near) + near;
   }
+  /**
+   * Computes the depth from a 2D point within the coordinate space of the depth
+   * buffer. The returned depth is a value that's between the near and far plane
+   * of the orthographic camera.
+   *
+   * @param point A 2D point within the viewport.
+   * @param fallbackNormalizedDepth A fallback value if the depth is the max
+   *   depth value, or cannot be determined.
+   * @returns A depth between the near and far plane.
+   */
+  getOrthographicDepthAtPoint(point, fallbackNormalizedDepth) {
+    const { near, far } = this.camera;
+    const depth = this.getNormalizedDepthAtPoint(point, fallbackNormalizedDepth);
+    return depth * (far - near) + near / 2;
+  }
   /**
    * Computes a depth from a 2D point within the coordinate space of the frame.
    * The returned depth is a normalized value (`[0, 1]`) between the near and
@@ -53318,7 +54088,7 @@ class DepthBuffer {
     return this.getNormalizedDepthAtPoint(point) < 1;
   }
   /**
-   * Computes a 3D point in world space coordinates from the depth value at the
+   * Computes a 3D point in perspective world space coordinates from the depth value at the
    * given pixel and ray.
    *
    * @param point A pixel to use for reading a depth value.
@@ -53338,6 +54108,20 @@ class DepthBuffer {
       (vector3.magnitude(vv) * vector3.magnitude(eyeToWorldPt));
     return ray.at(ray$1, distance / angle);
   }
+  /**
+   * Computes a 3D point in orthographic world space coordinates from the depth value at the
+   * given pixel and ray.
+   *
+   * @param point A pixel to use for reading a depth value.
+   * @param ray A ray that specifies the origin and direction.
+   * @param fallbackNormalizedDepth A fallback value if the depth is the max
+   *   depth value, or cannot be determined.
+   * @returns A point in world space coordinates.
+   */
+  getOrthographicWorldPoint(point, ray$1, fallbackNormalizedDepth) {
+    const distance = this.getOrthographicDepthAtPoint(point, fallbackNormalizedDepth);
+    return ray.at(ray$1, distance);
+  }
   /**
    * Returns `true` if the given point in world space is occluded by any
    * geometry.
@@ -53529,6 +54313,12 @@ const decodePng = async (bytes) => {
 // Prefetch the worker and initialize the pool.
 getPool();
 
+function constrainViewVector(viewVector, boundingSphere) {
+  const magnitude = vector3.magnitude(viewVector);
+  const scale = boundingSphere.radius / magnitude;
+  return vector3.scale(scale, viewVector);
+}
+
 class Frame {
   constructor(correlationIds, sequenceNumber, dimensions, image, scene, depthBufferBytes, featureMapBytes) {
     this.correlationIds = correlationIds;
@@ -53581,19 +54371,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 +54401,29 @@ 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,
-      };
+  get frustumProjectionViewMatrix() {
+    return this.computeCameraMatrices().projectionViewMatrix;
+  }
+  static fromBoundingBox(camera, boundingBox, aspectRatio) {
+    const { near, far } = fromBoundingBoxAndLookAtCamera(boundingBox, camera);
+    if (isOrthographicFrameCamera(camera)) {
+      return new FrameOrthographicCamera(constrainViewVector(camera.viewVector, boundingSphere.create(boundingBox)), camera.lookAt, camera.up, near, far, aspectRatio, camera.fovHeight);
     }
-    return this.cameraMatrices;
+    else {
+      return new FramePerspectiveCamera(camera.position, camera.lookAt, camera.up, near, far, aspectRatio, 45);
+    }
+  }
+  /**
+   * Returns whether this `FrameCameraBase` is an orthographic camera.
+   */
+  isOrthographic() {
+    return false;
+  }
+  /**
+   * Returns whether this `FrameCameraBase` is a perspective camera.
+   */
+  isPerspective() {
+    return false;
   }
   /**
    * Checks if the given point, in world space, is behind the near plane
@@ -53662,6 +54454,111 @@ 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 = 45) {
+    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;
+  }
+  /**
+   * Converts this `FramePerspectiveCamera` to a `FrameOrthographicCamera` using
+   * the provided `boundingBox` to compute the viewing frustum.
+   *
+   * @param boundingBox The visible bounding box.
+   */
+  toOrthographic(boundingBox) {
+    return FrameCameraBase.fromBoundingBox(toOrthographic(this, boundingBox), boundingBox, this.aspectRatio);
+  }
+  isPerspective() {
+    return true;
+  }
+  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;
+  }
+  /**
+   * Converts this `FrameOrthographicCamera` to a `FramePerspectiveCamera` using
+   * the provided `boundingBox` to compute the near and far clipping planes.
+   *
+   * @param boundingBox The visible bounding box.
+   */
+  toPerspective(boundingBox) {
+    return FrameCameraBase.fromBoundingBox(toPerspective(this), boundingBox, this.aspectRatio);
+  }
+  isOrthographic() {
+    return true;
+  }
+  get frustumProjectionViewMatrix() {
+    const frustumProjectionMatrix = matrix4.makeFrustum(this.left, this.right, this.top, this.bottom, this.near, this.far);
+    return matrix4.multiply(frustumProjectionMatrix, this.computeCameraMatrices().viewMatrix);
+  }
+  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 {
@@ -54497,7 +55394,7 @@ class Viewport {
     return point.scale(pt, 1 / scaleX, 1 / scaleY);
   }
   /**
-   * Transforms a point in viewport coordinates to a point in world space
+   * Transforms a point in viewport coordinates to a point in perspective world space
    * coordinates. This method expects a depth buffer in order to compute a value
    * for the Z axis.
    *
@@ -54512,6 +55409,21 @@ class Viewport {
     const ray = this.transformPointToRay(pt, depthBuffer, depthBuffer.camera);
     return depthBuffer.getWorldPoint(depthPt, ray, fallbackNormalizedDepth);
   }
+  /**
+   * Transforms a point in viewport coordinates to a point in orthographic world space
+   * coordinates. This method expects a depth buffer in order to compute a value
+   * for the Z axis.
+   *
+   * @param pt A point in viewport coordinates.
+   * @param depthBuffer A depth buffer for computing the Z axis.
+   * @param fallbackNormalizedDepth A fallback value if the depth is the max
+   *   depth value, or cannot be determined.
+   */
+  transformPointToOrthographicWorldSpace(pt, depthBuffer, fallbackNormalizedDepth) {
+    const depthPt = this.transformPointToFrame(pt, depthBuffer);
+    const ray = this.transformPointToOrthographicRay(pt, depthBuffer, depthBuffer.camera);
+    return depthBuffer.getOrthographicWorldPoint(depthPt, ray, fallbackNormalizedDepth);
+  }
   /**
    * Transforms a point in viewport coordinates to a ray. The returned ray will
    * have an origin that is at the position of the camera with a direction that
@@ -54529,6 +55441,23 @@ class Viewport {
     const direction = vector3.normalize(vector3.subtract(world, origin));
     return ray.create({ origin, direction });
   }
+  /**
+   * Transforms a point in viewport coordinates to a ray. The returned ray will
+   * have an origin that is at the world point of viewport coordinate with a direction that
+   * is pointing into world space away from the camera.
+   *
+   * @param pt A point in viewport coordinates.
+   * @param image An image of a frame.
+   * @param camera A camera used to determine orientation of the scene.
+   */
+  transformPointToOrthographicRay(pt, image, camera) {
+    const ndc = this.transformScreenPointToNdc(pt, image);
+    const world = vector3.transformNdcToWorldSpace(vector3.create(ndc.x, ndc.y, 0.5), camera.worldMatrix, camera.projectionMatrixInverse);
+    return ray.create({
+      origin: world,
+      direction: vector3.normalize(camera.viewVector),
+    });
+  }
   /**
    * Maps a screen point to normalized device coordinates (NDC). A screen point
    * at 0,0 represents the top-left of the viewport.
@@ -54600,7 +55529,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 +55571,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,26 +58276,26 @@ const vertexvis = $root.vertexvis = (() => {
              */
             const stream = {};
 
-            stream.Camera = (function() {
+            stream.PerspectiveCamera = (function() {
 
                 /**
-                 * Properties of a Camera.
+                 * Properties of a PerspectiveCamera.
                  * @memberof vertexvis.protobuf.stream
-                 * @interface ICamera
-                 * @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
+                 * @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 Camera.
+                 * Constructs a new PerspectiveCamera.
                  * @memberof vertexvis.protobuf.stream
-                 * @classdesc Represents a Camera.
-                 * @implements ICamera
+                 * @classdesc Represents a PerspectiveCamera.
+                 * @implements IPerspectiveCamera
                  * @constructor
-                 * @param {vertexvis.protobuf.stream.ICamera=} [properties] Properties to set
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera=} [properties] Properties to set
                  */
-                function Camera(properties) {
+                function PerspectiveCamera(properties) {
                     if (properties)
                         for (let keys = Object.keys(properties), i = 0; i < keys.length; ++i)
                             if (properties[keys[i]] != null)
@@ -57352,51 +58303,51 @@ const vertexvis = $root.vertexvis = (() => {
                 }
 
                 /**
-                 * Camera position.
+                 * PerspectiveCamera position.
                  * @member {vertexvis.protobuf.core.IVector3f|null|undefined} position
-                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
                  * @instance
                  */
-                Camera.prototype.position = null;
+                PerspectiveCamera.prototype.position = null;
 
                 /**
-                 * Camera lookAt.
+                 * PerspectiveCamera lookAt.
                  * @member {vertexvis.protobuf.core.IVector3f|null|undefined} lookAt
-                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
                  * @instance
                  */
-                Camera.prototype.lookAt = null;
+                PerspectiveCamera.prototype.lookAt = null;
 
                 /**
-                 * Camera up.
+                 * PerspectiveCamera up.
                  * @member {vertexvis.protobuf.core.IVector3f|null|undefined} up
-                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
                  * @instance
                  */
-                Camera.prototype.up = null;
+                PerspectiveCamera.prototype.up = null;
 
                 /**
-                 * Creates a new Camera instance using the specified properties.
+                 * Creates a new PerspectiveCamera instance using the specified properties.
                  * @function create
-                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
                  * @static
-                 * @param {vertexvis.protobuf.stream.ICamera=} [properties] Properties to set
-                 * @returns {vertexvis.protobuf.stream.Camera} Camera instance
+                 * @param {vertexvis.protobuf.stream.IPerspectiveCamera=} [properties] Properties to set
+                 * @returns {vertexvis.protobuf.stream.PerspectiveCamera} PerspectiveCamera instance
                  */
-                Camera.create = function create(properties) {
-                    return new Camera(properties);
+                PerspectiveCamera.create = function create(properties) {
+                    return new PerspectiveCamera(properties);
                 };
 
                 /**
-                 * Encodes the specified Camera message. Does not implicitly {@link vertexvis.protobuf.stream.Camera.verify|verify} messages.
+                 * Encodes the specified PerspectiveCamera message. Does not implicitly {@link vertexvis.protobuf.stream.PerspectiveCamera.verify|verify} messages.
                  * @function encode
-                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
                  * @static
-                 * @param {vertexvis.protobuf.stream.ICamera} message Camera message or plain object to encode
+                 * @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
                  */
-                Camera.encode = function encode(message, writer) {
+                PerspectiveCamera.encode = function encode(message, writer) {
                     if (!writer)
                         writer = $Writer.create();
                     if (message.position != null && Object.hasOwnProperty.call(message, "position"))
@@ -57409,33 +58360,33 @@ const vertexvis = $root.vertexvis = (() => {
                 };
 
                 /**
-                 * Encodes the specified Camera message, length delimited. Does not implicitly {@link vertexvis.protobuf.stream.Camera.verify|verify} messages.
+                 * Encodes the specified PerspectiveCamera message, length delimited. Does not implicitly {@link vertexvis.protobuf.stream.PerspectiveCamera.verify|verify} messages.
                  * @function encodeDelimited
-                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @memberof vertexvis.protobuf.stream.PerspectiveCamera
                  * @static
-                 * @param {vertexvis.protobuf.stream.ICamera} message Camera message or plain object to encode
+                 * @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
                  */
-                Camera.encodeDelimited = function encodeDelimited(message, writer) {
+                PerspectiveCamera.encodeDelimited = function encodeDelimited(message, writer) {
                     return this.encode(message, writer).ldelim();
                 };
 
                 /**
-                 * Decodes a Camera message from the specified reader or buffer.
+                 * Decodes a PerspectiveCamera message from the specified reader or buffer.
                  * @function decode
-                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @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.Camera} Camera
+                 * @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
                  */
-                Camera.decode = function decode(reader, length) {
+                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.Camera();
+                    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) {
@@ -57456,6 +58407,564 @@ const vertexvis = $root.vertexvis = (() => {
                     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() {
+
+                /**
+                 * Properties of a Camera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @interface ICamera
+                 * @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
+                 */
+
+                /**
+                 * Constructs a new Camera.
+                 * @memberof vertexvis.protobuf.stream
+                 * @classdesc Represents a Camera.
+                 * @implements ICamera
+                 * @constructor
+                 * @param {vertexvis.protobuf.stream.ICamera=} [properties] Properties to set
+                 */
+                function Camera(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]];
+                }
+
+                /**
+                 * Camera position.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} position
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Camera.prototype.position = null;
+
+                /**
+                 * Camera lookAt.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} lookAt
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                Camera.prototype.lookAt = null;
+
+                /**
+                 * Camera up.
+                 * @member {vertexvis.protobuf.core.IVector3f|null|undefined} up
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @instance
+                 */
+                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
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.ICamera=} [properties] Properties to set
+                 * @returns {vertexvis.protobuf.stream.Camera} Camera instance
+                 */
+                Camera.create = function create(properties) {
+                    return new Camera(properties);
+                };
+
+                /**
+                 * Encodes the specified Camera message. Does not implicitly {@link vertexvis.protobuf.stream.Camera.verify|verify} messages.
+                 * @function encode
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.ICamera} message Camera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                Camera.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();
+                    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;
+                };
+
+                /**
+                 * Encodes the specified Camera message, length delimited. Does not implicitly {@link vertexvis.protobuf.stream.Camera.verify|verify} messages.
+                 * @function encodeDelimited
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @static
+                 * @param {vertexvis.protobuf.stream.ICamera} message Camera message or plain object to encode
+                 * @param {$protobuf.Writer} [writer] Writer to encode to
+                 * @returns {$protobuf.Writer} Writer
+                 */
+                Camera.encodeDelimited = function encodeDelimited(message, writer) {
+                    return this.encode(message, writer).ldelim();
+                };
+
+                /**
+                 * Decodes a Camera message from the specified reader or buffer.
+                 * @function decode
+                 * @memberof vertexvis.protobuf.stream.Camera
+                 * @static
+                 * @param {$protobuf.Reader|Uint8Array} reader Reader or buffer to decode from
+                 * @param {number} [length] Message length if known beforehand
+                 * @returns {vertexvis.protobuf.stream.Camera} Camera
+                 * @throws {Error} If the payload is not a reader or valid buffer
+                 * @throws {$protobuf.util.ProtocolError} If required fields are missing
+                 */
+                Camera.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.Camera();
+                    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;
+                        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;
+                        }
+                    }
+                    return message;
+                };
+
                 /**
                  * Decodes a Camera message from the specified reader or buffer, length delimited.
                  * @function decodeDelimited
@@ -57483,6 +58992,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 +59008,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 +59056,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 +59093,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 +90185,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 +90319,19 @@ 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) {
-    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;
-    }
-    const distance = Math.abs(radius / hOverD);
-    const vvec = vector3.scale(distance, vector3.normalize(this.viewVector()));
+  fitCameraToBoundingBox(boundingBox$1, distance, 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 +90339,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 +90354,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 +90393,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 +90413,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
@@ -88918,24 +90425,11 @@ class Camera {
   standardView(standardView) {
     return this.update({
       position: standardView.position,
+      viewVector: vector3.subtract(vector3.origin(), standardView.position),
       lookAt: vector3.origin(),
       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 +90450,76 @@ 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$1) {
+    var _a;
+    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(((_a = this.fovY) !== null && _a !== void 0 ? _a : 45) * PI_OVER_360);
+    if (this.aspect < 1.0) {
+      hOverD *= this.aspect;
+    }
+    const distance = Math.abs(radius / hOverD);
+    return super.fitCameraToBoundingBox(boundingBox$1, distance, 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() {
+    var _a;
+    return new FramePerspectiveCamera(this.position, this.lookAt, this.up, this.near, this.far, this.aspectRatio, (_a = this.fovY) !== null && _a !== void 0 ? _a : 45);
+  }
+  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 +90531,108 @@ 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) {
+    return this.update({
+      lookAt: vector3.add(this.lookAt, delta),
+    });
+  }
+  rotateAroundAxisAtPoint(angleInRadians, point, axis) {
+    const updatedLookAt = vector3.rotateAboutAxis(angleInRadians, this.lookAt, axis, point);
+    const updatedPosition = vector3.rotateAboutAxis(angleInRadians, this.position, axis, point);
+    const viewVector = constrainViewVector(vector3.subtract(updatedLookAt, updatedPosition), boundingSphere.create(this.boundingBox));
+    return this.update({
+      viewVector: viewVector,
+      lookAt: updatedLookAt,
+      up: vector3.rotateAboutAxis(angleInRadians, this.up, axis, vector3.origin()),
+    });
+  }
+  fitToBoundingBox(boundingBox) {
+    const boundingSphere$1 = boundingSphere.create(boundingBox);
+    const fitAll = super.fitCameraToBoundingBox(boundingBox, boundingSphere$1.radius, this.viewVector);
+    return this.update({
+      lookAt: fitAll.lookAt,
+      viewVector: fitAll.viewVector,
+      fovHeight: boundingSphere$1.radius * 2,
+    });
+  }
+  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(constrainViewVector(this.viewVector, boundingSphere.create(this.boundingBox)), 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 +91039,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.isOrthographic()) {
+      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.isPerspective()) {
+      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;
@@ -97630,7 +99269,7 @@ let SceneTreeSearch = class extends HTMLElement$1 {
   static get style() { return sceneTreeSearchCss; }
 };
 
-const sceneTreeTableCellCss = "button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}:host{display:flex;align-items:center;box-sizing:border-box;--scene-tree-cell-background-hover:var(--blue-200);--scene-tree-cell-background-selected:var(--blue-300);--scene-tree-cell-text-positioning:left;--scene-tree-cell-padding:0.25rem 0}:host([is-hovered]){background:var(--scene-tree-cell-background-hover)}:host([is-selected]){background:var(--scene-tree-cell-background-selected)}.wrapper{display:flex;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:var(--scene-tree-cell-padding)}.content{width:100%;text-align:var(--scene-tree-cell-text-positioning);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-spacer{width:var(--scene-tree-table-column-gap)}.expand-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.no-shrink{flex-shrink:0}:host([is-leaf]) .expand-btn{visibility:hidden;cursor:default}.visibility-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;visibility:hidden;width:24px;height:24px}:host([is-hidden]) .visibility-btn,:host([is-partial]) .visibility-btn,:host([is-hovered]) .visibility-btn{visibility:inherit}.icon{width:14px;height:14px}.icon-expanded{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M11.88,9.17l-3.5-4a.51.51,0,0,0-.76,0l-3.5,4A.5.5,0,0,0,4.5,10h7a.5.5,0,0,0,.38-.83Z' transform='rotate(180 8 8)' /%3E%3C/svg%3E\")}.icon-collapsed{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M10.83,7.62l-4-3.5A.5.5,0,0,0,6,4.5v7a.5.5,0,0,0,.83.38l4-3.5a.51.51,0,0,0,0-.76Z' /%3E%3C/svg%3E\")}.icon-visible{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M8 5a3 3 0 103 3 3 3 0 00-3-3zm4.65-1.17A8.53 8.53 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.57 6.57 0 002.84 4.06A8.53 8.53 0 008 13.5a8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.57 6.57 0 00-2.84-4.06zm-.55 7.5A7.52 7.52 0 018 12.5a7.52 7.52 0 01-4.1-1.17A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.52 7.52 0 014.1 1.17A5.49 5.49 0 0114.47 8a5.49 5.49 0 01-2.37 3.33z' /%3E%3C/svg%3E\")}.icon-hidden{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M13.35 2.65a.48.48 0 00-.7 0l-.78.77a8.71 8.71 0 00-8.52.41A6.57 6.57 0 00.51 7.89v.22a6.58 6.58 0 002.71 4l-.57.58a.49.49 0 00.7.7l10-10a.48.48 0 000-.74zM9.73 5.56a3 3 0 00-4.17 4.17l-1.62 1.62A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.67 7.67 0 013.12.67zm3.61-1.2l-.72.72A5.45 5.45 0 0114.47 8a5.49 5.49 0 01-2.37 3.33A7.52 7.52 0 018 12.5a8.15 8.15 0 01-2.41-.38l-.78.78a8.9 8.9 0 003.19.6 8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.56 6.56 0 00-2.15-3.53z' /%3E%3C/svg%3E%0A\")}.icon-partial{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.12 11.46A5.62 5.62 0 011.52 8 5.57 5.57 0 013.9 4.67 7.52 7.52 0 018 3.5a7.7 7.7 0 013.33.75l.74-.74A8.67 8.67 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.54 6.54 0 002.88 4.08z' fill='%23444'/%3E%3Cpath d='M8 5a3 3 0 00-3 3 3 3 0 00.69 1.89l4.2-4.2A3 3 0 008 5zM5.88 5.88zM9.2 12.41a.51.51 0 00-.42.57.5.5 0 00.56.42.5.5 0 00.43-.57.51.51 0 00-.57-.42zM6.77 12.41a.5.5 0 00-.57.42.49.49 0 00.41.57.5.5 0 10.15-1zM14.48 5.61a.5.5 0 00-.7-.12.49.49 0 00-.12.69.5.5 0 00.82-.57zM11.5 11.68a.5.5 0 00-.22.67.51.51 0 00.68.22.5.5 0 00-.46-.89zM15.07 7.77a.52.52 0 00-.62.35.51.51 0 00.35.62.5.5 0 00.61-.35.52.52 0 00-.34-.62zM13.36 10.21a.5.5 0 10.76.64.49.49 0 00-.06-.7.51.51 0 00-.7.06z' fill='%23444'/%3E%3C/svg%3E\")}";
+const sceneTreeTableCellCss = "button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}:host{display:flex;align-items:center;box-sizing:border-box;--scene-tree-cell-background-hover:var(--blue-200);--scene-tree-cell-background-selected:var(--blue-300);--scene-tree-cell-text-positioning:left;--scene-tree-cell-padding:0.25rem 0}:host([is-hovered]){background:var(--scene-tree-cell-background-hover)}:host([is-selected]){background:var(--scene-tree-cell-background-selected)}.wrapper{display:flex;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:var(--scene-tree-cell-padding)}.content{width:100%;text-align:var(--scene-tree-cell-text-positioning);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-spacer{width:var(--scene-tree-table-column-gap)}.expand-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.no-shrink{flex-shrink:0}:host([is-leaf]) .expand-btn{visibility:hidden;cursor:default}.visibility-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px}:host(:not([is-hovered]):not([is-partial]):not([is-hidden])) .visibility-btn,:host([is-hidden]) .visibility-btn,:host([is-partial]) .visibility-btn,:host([is-hovered]) .visibility-btn{visibility:inherit}.icon{width:14px;height:14px}.icon-expanded{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M11.88,9.17l-3.5-4a.51.51,0,0,0-.76,0l-3.5,4A.5.5,0,0,0,4.5,10h7a.5.5,0,0,0,.38-.83Z' transform='rotate(180 8 8)' /%3E%3C/svg%3E\")}.icon-collapsed{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M10.83,7.62l-4-3.5A.5.5,0,0,0,6,4.5v7a.5.5,0,0,0,.83.38l4-3.5a.51.51,0,0,0,0-.76Z' /%3E%3C/svg%3E\")}.icon-visible{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M8 5a3 3 0 103 3 3 3 0 00-3-3zm4.65-1.17A8.53 8.53 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.57 6.57 0 002.84 4.06A8.53 8.53 0 008 13.5a8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.57 6.57 0 00-2.84-4.06zm-.55 7.5A7.52 7.52 0 018 12.5a7.52 7.52 0 01-4.1-1.17A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.52 7.52 0 014.1 1.17A5.49 5.49 0 0114.47 8a5.49 5.49 0 01-2.37 3.33z' /%3E%3C/svg%3E\")}.icon-hidden{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M13.35 2.65a.48.48 0 00-.7 0l-.78.77a8.71 8.71 0 00-8.52.41A6.57 6.57 0 00.51 7.89v.22a6.58 6.58 0 002.71 4l-.57.58a.49.49 0 00.7.7l10-10a.48.48 0 000-.74zM9.73 5.56a3 3 0 00-4.17 4.17l-1.62 1.62A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.67 7.67 0 013.12.67zm3.61-1.2l-.72.72A5.45 5.45 0 0114.47 8a5.49 5.49 0 01-2.37 3.33A7.52 7.52 0 018 12.5a8.15 8.15 0 01-2.41-.38l-.78.78a8.9 8.9 0 003.19.6 8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.56 6.56 0 00-2.15-3.53z' /%3E%3C/svg%3E%0A\")}.icon-partial{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.12 11.46A5.62 5.62 0 011.52 8 5.57 5.57 0 013.9 4.67 7.52 7.52 0 018 3.5a7.7 7.7 0 013.33.75l.74-.74A8.67 8.67 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.54 6.54 0 002.88 4.08z' fill='%23444'/%3E%3Cpath d='M8 5a3 3 0 00-3 3 3 3 0 00.69 1.89l4.2-4.2A3 3 0 008 5zM5.88 5.88zM9.2 12.41a.51.51 0 00-.42.57.5.5 0 00.56.42.5.5 0 00.43-.57.51.51 0 00-.57-.42zM6.77 12.41a.5.5 0 00-.57.42.49.49 0 00.41.57.5.5 0 10.15-1zM14.48 5.61a.5.5 0 00-.7-.12.49.49 0 00-.12.69.5.5 0 00.82-.57zM11.5 11.68a.5.5 0 00-.22.67.51.51 0 00.68.22.5.5 0 00-.46-.89zM15.07 7.77a.52.52 0 00-.62.35.51.51 0 00.35.62.5.5 0 00.61-.35.52.52 0 00-.34-.62zM13.36 10.21a.5.5 0 10.76.64.49.49 0 00-.06-.7.51.51 0 00-.7.06z' fill='%23444'/%3E%3C/svg%3E\")}";
 
 let SceneTreeTableCell = class extends HTMLElement$1 {
   constructor() {
@@ -98745,52 +100384,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 +100591,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 +100649,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 +100663,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 +100784,235 @@ 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);
+    });
+  }
+  /**
+   * Moves the camera's position and look at to the given screen coordinate.
+   *
+   * If the screen coordinate intersects with an object, the camera will track
+   * the hit point so the mouse position is always under the mouse.
+   *
+   * If the screen coordinate doesn't intersect with an object, then ???.
+   *
+   * @param screenPt A point in screen coordinates.
+   */
+  async panCameraToScreenPoint(screenPt) {
+    return this.transformCamera(({ camera, frame, viewport }) => {
+      // Capture the starting state of the pan.
+      if (this.panData == null) {
+        const startingCamera = camera.toFrameCamera();
+        const direction = startingCamera.direction;
+        const ray$1 = viewport.transformPointToOrthographicRay(screenPt, frame.image, startingCamera);
+        const hitPlane = plane.fromNormalAndCoplanarPoint(direction, camera.lookAt);
+        const hitPt = ray.intersectPlane(ray$1, hitPlane);
+        if (hitPt == null) {
+          console.warn('Cannot determine fallback for pan. Ray does not intersect plane.');
+          return camera;
+        }
+        this.panData = { hitPt, hitPlane, startingCamera };
+      }
+      if (this.panData != null) {
+        const { hitPt, hitPlane, startingCamera } = this.panData;
+        // Use a ray that originates at the screen and intersects with the hit
+        // plane to determine the move distance.
+        const ray$1 = viewport.transformPointToOrthographicRay(screenPt, frame.image, startingCamera);
+        const movePt = ray.intersectPlane(ray$1, hitPlane);
+        if (movePt != null) {
+          const delta = vector3.subtract(hitPt, movePt);
+          return camera.update({
+            lookAt: vector3.add(startingCamera.lookAt, delta),
+          });
+        }
+      }
+      return camera;
+    });
+  }
+  async zoomCameraToPoint(point$1, delta) {
+    return this.transformCamera(({ camera, viewport, frame, depthBuffer }) => {
+      if (this.orthographicZoomData == null ||
+        point.distance(point$1, this.orthographicZoomData.startingScreenPt) > 2) {
+        const frameCam = camera.toFrameCamera();
+        const dir = frameCam.direction;
+        const ray$1 = viewport.transformPointToOrthographicRay(point$1, frame.image, frameCam);
+        const fallbackPlane = plane.fromNormalAndCoplanarPoint(dir, frameCam.lookAt);
+        const fallbackPt = ray.intersectPlane(ray$1, fallbackPlane);
+        if (fallbackPt == null) {
+          console.warn('Cannot determine fallback point for zoom. Ray does not intersect plane.');
+          return camera;
+        }
+        const hitPt = depthBuffer != null
+          ? this.getWorldPoint(point$1, depthBuffer, fallbackPt)
+          : fallbackPt;
+        const hitPlane = plane.fromNormalAndCoplanarPoint(dir, hitPt);
+        this.orthographicZoomData = {
+          hitPt,
+          hitPlane,
+          startingScreenPt: point$1,
+        };
+      }
+      if (this.orthographicZoomData != null) {
+        const { hitPt, hitPlane } = this.orthographicZoomData;
+        const relativeDelta = 2 * (camera.fovHeight / viewport.height) * delta;
+        const fovHeight = Math.max(1, camera.fovHeight - relativeDelta);
+        const projectedLookAt = plane.projectPoint(hitPlane, camera.lookAt);
+        const diff = vector3.scale((camera.fovHeight - fovHeight) / camera.fovHeight, vector3.subtract(hitPt, projectedLookAt));
+        return camera.update({
+          lookAt: vector3.add(camera.lookAt, diff),
+          fovHeight: Math.max(1, camera.fovHeight - relativeDelta),
+        });
+      }
+      return camera;
+    });
+  }
+  getWorldPoint(point, depthBuffer, fallbackPoint) {
+    const viewport = this.getViewport();
+    const framePt = viewport.transformPointToFrame(point, depthBuffer);
+    const hasDepth = depthBuffer.hitTest(framePt);
+    return hasDepth
+      ? viewport.transformPointToOrthographicWorldSpace(point, depthBuffer)
+      : fallbackPoint;
+  }
+  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 }) => {
+      var _a;
+      const vv = camera.viewVector;
+      const u = vector3.normalize(camera.up);
+      const v = vector3.normalize(vv);
+      const d = vector3.magnitude(vv) * Math.tan((_a = camera.fovY) !== null && _a !== void 0 ? _a : 45);
+      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;
@@ -99693,7 +101494,8 @@ class MultiTouchInteractionHandler {
       (_b = this.interactionApi) === null || _b === void 0 ? void 0 : _b.zoomCamera(zoom);
       (_c = this.interactionApi) === null || _c === void 0 ? void 0 : _c.panCameraByDelta(delta);
       // Setting a minimum angle to prevent wobbling
-      if (Math.abs(angle$1) > 0.2) {
+      console.log(Math.abs(angle$1));
+      if (Math.abs(angle$1) > 0.5) {
         (_d = this.interactionApi) === null || _d === void 0 ? void 0 : _d.twistCamera(angle$1);
       }
     }
@@ -100746,6 +102548,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 +102842,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 +103093,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 +103131,9 @@ 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 || this.frame.scene.camera.isPerspective()
+      ? 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 +103193,35 @@ 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 = previousFrame.scene.camera.isPerspective() &&
+        this.frame.scene.camera.isOrthographic();
+      const hasChangedFromOrthographic = previousFrame.scene.camera.isOrthographic() &&
+        this.frame.scene.camera.isPerspective();
+      if (hasChangedFromPerspective || hasChangedFromOrthographic) {
+        this.interactionApi = this.createInteractionApi();
+        this.interactionHandlers.forEach((handler) => this.initializeInteractionHandler(handler));
+      }
+    }
+  }
+  updateCameraType() {
+    var _a, _b;
+    if (this.frame != null) {
+      if (this.cameraType === 'orthographic' &&
+        this.frame.scene.camera.isPerspective()) {
+        (_a = this.stream) === null || _a === void 0 ? void 0 : _a.replaceCamera({
+          camera: toProtobuf(toOrthographic(this.frame.scene.camera, this.frame.scene.boundingBox)),
+        });
+      }
+      else if (this.cameraType === 'perspective' &&
+        this.frame.scene.camera.isOrthographic()) {
+        (_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 +103262,7 @@ let Viewer = class extends HTMLElement$1 {
   static get watchers() { return {
     "src": ["handleSrcChanged"],
     "rotateAroundTapPoint": ["handleRotateAboutTapPointChanged"],
+    "cameraType": ["handleCameraTypeChanged"],
     "depthBuffers": ["handleDepthBuffersChanged"],
     "experimentalGhostingOpacity": ["handleExperimentalGhostingOpacityChanged"],
     "featureLines": ["handleFeatureLinesChanged"],
@@ -101926,7 +103772,9 @@ function getScreenPosition(pt, projectionViewMatrix, viewport) {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Renderer3d = ({ camera, viewport }, children) => {
   const pMatrix = matrix4.toObject(camera.projectionMatrix);
-  const fovY = pMatrix.m22 * (viewport.height / 2);
+  const fovY = camera.isOrthographic()
+    ? ((camera.far * 2) / (camera.fovHeight * 2)) * (viewport.height / 2)
+    : pMatrix.m22 * (viewport.height / 2);
   const cameraTransform = [
     `translateZ(${fovY}px)`,
     getCameraCssMatrix(camera.viewMatrix),
@@ -102106,11 +103954,10 @@ let ViewerDomRenderer = class extends HTMLElement$1 {
     this.invalidateFrame();
   }
   async updatePropsFromViewer() {
-    var _a;
     const { frame, depthBuffers } = this.viewer || {};
     this.depthBuffer =
       depthBuffers === 'all' ? await (frame === null || frame === void 0 ? void 0 : frame.depthBuffer()) : undefined;
-    this.camera = (_a = frame === null || frame === void 0 ? void 0 : frame.scene) === null || _a === void 0 ? void 0 : _a.camera;
+    this.camera = frame === null || frame === void 0 ? void 0 : frame.scene.camera;
   }
   get hostEl() { return this; }
   static get watchers() { return {
@@ -103872,10 +105719,11 @@ function getMeasurementBoundingClientRect(el) {
 }
 
 class PointToPointHitTester {
-  constructor(stencil, depthBuffer, viewport) {
+  constructor(stencil, depthBuffer, viewport, camera) {
     this.stencil = stencil;
     this.depthBuffer = depthBuffer;
     this.viewport = viewport;
+    this.camera = camera;
   }
   hitTest(pt) {
     const dpt = this.viewport.transformPointToFrame(pt, this.depthBuffer);
@@ -103900,10 +105748,14 @@ class PointToPointHitTester {
   transformPointToWorld(pt, { ignoreHitTest = false } = {}) {
     const buffer = this.pickDepthBuffer(pt);
     if (buffer != null) {
-      return this.viewport.transformPointToWorldSpace(pt, buffer);
+      return this.camera == null || this.camera.isPerspective()
+        ? this.viewport.transformPointToWorldSpace(pt, buffer)
+        : this.viewport.transformPointToOrthographicWorldSpace(pt, buffer);
     }
     else if (ignoreHitTest) {
-      return this.viewport.transformPointToWorldSpace(pt, this.depthBuffer);
+      return this.camera == null || this.camera.isPerspective()
+        ? this.viewport.transformPointToWorldSpace(pt, this.depthBuffer)
+        : this.viewport.transformPointToOrthographicWorldSpace(pt, this.depthBuffer);
     }
   }
   pickDepthBuffer(pt) {
@@ -104839,7 +106691,7 @@ let ViewerMeasurementDistance = class extends HTMLElement$1 {
   getHitTester() {
     const { stencil, depthBuffer } = this.stateMap;
     if (depthBuffer != null) {
-      return new PointToPointHitTester(stencil, depthBuffer, this.viewport);
+      return new PointToPointHitTester(stencil, depthBuffer, this.viewport, this.internalCamera);
     }
   }
   updateMeasurementPropsFromModel() {
@@ -106070,7 +107922,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 +107988,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, FrameCameraBase, 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 };